MIDNIGHT/enlight-lms
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: UI improvements

Browse Source
This commit is contained in:
Rehan Ansari
2025-11-02 13:43:25 +05:30
parent 3b74bba6ab
commit 87f5b68279
11 changed files with 41 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/Modals/AssignmentForm.vue
View File

@@ -113,6 +113,14 @@ watch(
{ flush: 'post' } { flush: 'post' }
) )
watch(show, (newVal) => {
if (newVal && props.assignmentID === 'new') {
assignment.title = ''
assignment.type = ''
assignment.question = ''
}
})
const saveAssignment = () => { const saveAssignment = () => {
if (props.assignmentID == 'new') { if (props.assignmentID == 'new') {
assignments.value.insert.submit( assignments.value.insert.submit(

10
frontend/src/components/Modals/BatchStudentProgress.vue
View File

@@ -11,7 +11,7 @@
<Avatar :image="student.user_image" size="3xl" /> <Avatar :image="student.user_image" size="3xl" />
<div class="space-y-1"> <div class="space-y-1">
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">
<div class="text-xl font-semibold"> <div class="text-xl font-semibold text-ink-gray-9">
{{ student.full_name }} {{ student.full_name }}
</div> </div>
<Badge <Badge
@@ -36,7 +36,9 @@
v-if="Object.keys(student.assessments).length" v-if="Object.keys(student.assessments).length"
class="space-y-2 text-sm" class="space-y-2 text-sm"
> >
<div class="flex items-center border-b pb-1 font-medium"> <div
class="flex items-center border-b pb-1 font-medium text-ink-gray-9"
>
<span class="flex-1"> <span class="flex-1">
{{ __('Assessment') }} {{ __('Assessment') }}
</span> </span>
@@ -86,7 +88,9 @@
v-if="Object.keys(student.courses).length" v-if="Object.keys(student.courses).length"
class="space-y-2 text-sm" class="space-y-2 text-sm"
> >
<div class="flex items-center border-b pb-1 font-medium"> <div
class="flex items-center border-b pb-1 font-medium text-ink-gray-9"
>
<span class="flex-1"> <span class="flex-1">
{{ __('Courses') }} {{ __('Courses') }}
</span> </span>

6
frontend/src/components/NoPermission.vue
View File

@@ -1,13 +1,13 @@
<template> <template>
<div class="border rounded-md w-1/3 mx-auto my-32"> <div class="border rounded-md w-1/3 mx-auto my-32">
<div class="border-b px-5 py-3 font-medium"> <div class="border-b px-5 py-3 font-medium text-ink-gray-9">
<span <span
class="inline-flex items-center before:bg-surface-red-5 before:w-2 before:h-2 before:rounded-md before:mr-2" class="inline-flex items-center before:bg-surface-red-5 before:w-2 before:h-2 before:rounded-md before:mr-2"
></span> ></span>
{{ __('Not Permitted') }} {{ __('Not Permitted') }}
</div> </div>
<div v-if="user.data" class="px-5 py-3"> <div v-if="user.data" class="px-5 py-3">
<div> <div class="text-ink-gray-7">
{{ __('You do not have permission to access this page.') }} {{ __('You do not have permission to access this page.') }}
</div> </div>
<router-link <router-link
@@ -21,7 +21,7 @@
</router-link> </router-link>
</div> </div>
<div class="px-5 py-3"> <div class="px-5 py-3">
<div> <div class="text-ink-gray-7">
{{ __('Please login to access this page.') }} {{ __('Please login to access this page.') }}
</div> </div>
<Button @click="redirectToLogin()" class="mt-4"> <Button @click="redirectToLogin()" class="mt-4">

10
frontend/src/components/Quiz.vue
View File

@@ -55,8 +55,8 @@
<div v-if="quiz.data.duration" class="flex flex-col space-x-1 my-4"> <div v-if="quiz.data.duration" class="flex flex-col space-x-1 my-4">
<div class="mb-2"> <div class="mb-2">
<span class=""> {{ __('Time') }}: </span> <span class="text-ink-gray-9"> {{ __('Time') }}: </span>
<span class="font-semibold"> <span class="font-semibold text-ink-gray-9">
{{ formatTimer(timer) }} {{ formatTimer(timer) }}
</span> </span>
</div> </div>
@@ -165,14 +165,14 @@
</div> </div>
</div> </div>
<span <span
class="ml-2" class="ml-2 text-ink-gray-9"
v-html="questionDetails.data[`option_${index}`]" v-html="questionDetails.data[`option_${index}`]"
> >
</span> </span>
</label> </label>
<div <div
v-if="questionDetails.data[`explanation_${index}`]" v-if="questionDetails.data[`explanation_${index}`]"
class="mt-2 text-xs" class="mt-2 text-xs text-ink-gray-7"
v-show="showAnswers.length" v-show="showAnswers.length"
> >
{{ questionDetails.data[`explanation_${index}`] }} {{ questionDetails.data[`explanation_${index}`] }}
@@ -260,7 +260,7 @@
) )
}} }}
</div> </div>
<div v-else> <div v-else class="text-ink-gray-7">
{{ {{
__( __(
'You got {0}% correct answers with a score of {1} out of {2}' 'You got {0}% correct answers with a score of {1} out of {2}'

2
frontend/src/components/StudentHeatmap.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div v-if="heatmap.data"> <div v-if="heatmap.data">
<div class="text-lg font-semibold mb-2"> <div class="text-lg font-semibold mb-2 text-ink-gray-9">
{{ heatmap.data.total_activities }} {{ heatmap.data.total_activities }}
{{ {{
heatmap.data.total_activities > 1 ? __('activities') : __('activity') heatmap.data.total_activities > 1 ? __('activities') : __('activity')

2
frontend/src/pages/BatchDetail.vue
View File

@@ -40,7 +40,7 @@
</div> </div>
<div v-if="batch.data.courses.length"> <div v-if="batch.data.courses.length">
<div class="flex items-center mt-10"> <div class="flex items-center mt-10">
<div class="text-2xl font-semibold"> <div class="text-2xl font-semibold text-ink-gray-9">
{{ __('Courses') }} {{ __('Courses') }}
</div> </div>
</div> </div>

4
frontend/src/pages/JobForm.vue
View File

@@ -10,7 +10,7 @@
</header> </header>
<div class="py-5"> <div class="py-5">
<div class="container border-b mb-4 pb-5"> <div class="container border-b mb-4 pb-5">
<div class="text-lg font-semibold mb-4"> <div class="text-lg font-semibold mb-4 text-ink-gray-9">
{{ __('Job Details') }} {{ __('Job Details') }}
</div> </div>
<div class="grid grid-cols-2 gap-5"> <div class="grid grid-cols-2 gap-5">
@@ -59,7 +59,7 @@
</div> </div>
</div> </div>
<div class="container border-b mb-4 pb-5"> <div class="container border-b mb-4 pb-5">
<div class="text-lg font-semibold mb-4"> <div class="text-lg font-semibold mb-4 text-ink-gray-9">
{{ __('Company Details') }} {{ __('Company Details') }}
</div> </div>
<div class="grid grid-cols-2 gap-5"> <div class="grid grid-cols-2 gap-5">

16
frontend/src/pages/ProgrammingExercises/ProgrammingExerciseSubmission.vue
View File

@@ -21,7 +21,7 @@
</div> </div>
<div class="grid grid-cols-2 h-[calc(100vh_-_3rem)]"> <div class="grid grid-cols-2 h-[calc(100vh_-_3rem)]">
<div class="border-r py-5 px-8 h-full"> <div class="border-r py-5 px-8 h-full">
<div class="font-semibold mb-2"> <div class="font-semibold mb-2 text-ink-gray-9">
{{ __('Problem Statement') }} {{ __('Problem Statement') }}
</div> </div>
<div <div
@@ -31,7 +31,7 @@
</div> </div>
<div> <div>
<div class="flex items-center justify-between p-2 bg-surface-gray-2"> <div class="flex items-center justify-between p-2 bg-surface-gray-2">
<div class="font-semibold"> <div class="font-semibold text-ink-gray-9">
{{ exercise.doc?.language }} {{ exercise.doc?.language }}
</div> </div>
<div class="space-x-2"> <div class="space-x-2">
@@ -89,7 +89,9 @@
class="py-3" class="py-3"
> >
<div class="flex items-center mb-3"> <div class="flex items-center mb-3">
<span class=""> {{ __('Test {0}').format(index + 1) }} - </span> <span class="text-ink-gray-9">
{{ __('Test {0}').format(index + 1) }} -
</span>
<span <span
class="font-semibold ml-2 mr-1" class="font-semibold ml-2 mr-1"
:class=" :class="
@@ -112,13 +114,13 @@
<div class="text-xs text-ink-gray-7"> <div class="text-xs text-ink-gray-7">
{{ __('Input') }} {{ __('Input') }}
</div> </div>
<div>{{ testCase.input }}</div> <div class="text-ink-gray-9">{{ testCase.input }}</div>
</div> </div>
<div class="space-y-2"> <div class="space-y-2">
<div class="text-xs text-ink-gray-7"> <div class="text-xs text-ink-gray-7">
{{ __('Your Output') }} {{ __('Your Output') }}
</div> </div>
<div> <div class="text-ink-gray-9">
{{ testCase.output }} {{ testCase.output }}
</div> </div>
</div> </div>
@@ -126,7 +128,9 @@
<div class="text-xs text-ink-gray-7"> <div class="text-xs text-ink-gray-7">
{{ __('Expected Output') }} {{ __('Expected Output') }}
</div> </div>
<div>{{ testCase.expected_output }}</div> <div class="text-ink-gray-9">
{{ testCase.expected_output }}
</div>
</div> </div>
</div> </div>
</div> </div>

2
frontend/src/pages/QuizForm.vue
View File

@@ -3,7 +3,7 @@
class="sticky top-0 z-10 flex items-center justify-between border-b bg-surface-white px-3 py-2.5 sm:px-5" class="sticky top-0 z-10 flex items-center justify-between border-b bg-surface-white px-3 py-2.5 sm:px-5"
> >
<Breadcrumbs :items="breadcrumbs" /> <Breadcrumbs :items="breadcrumbs" />
<div v-if="!readOnlyMode" class="space-x-2"> <div v-if="!readOnlyMode" class="flex items-center space-x-2">
<Badge v-if="quizDetails.isDirty" theme="orange"> <Badge v-if="quizDetails.isDirty" theme="orange">
{{ __('Not Saved') }} {{ __('Not Saved') }}
</Badge> </Badge>

4
frontend/src/pages/QuizSubmission.vue
View File

@@ -56,8 +56,8 @@
<span class="font-semibold"> {{ __('Question') }}: </span> <span class="font-semibold"> {{ __('Question') }}: </span>
<span class="leading-5" v-html="row.question"> </span> <span class="leading-5" v-html="row.question"> </span>
</div> </div>
<div class=""> <div class="text-ink-gray-9">
<span class="font-semibold"> {{ __('Answer') }} </span> <span class="font-semibold"> {{ __('Answer') }}: </span>
<span class="leading-5" v-html="row.answer"></span> <span class="leading-5" v-html="row.answer"></span>
</div> </div>
<div class="grid grid-cols-2 gap-5"> <div class="grid grid-cols-2 gap-5">

2
frontend/src/pages/QuizSubmissionList.vue
View File

@@ -5,7 +5,7 @@
<Breadcrumbs :items="breadcrumbs" /> <Breadcrumbs :items="breadcrumbs" />
</header> </header>
<div v-if="submissions.data?.length" class="md:w-3/4 md:mx-auto py-5 mx-5"> <div v-if="submissions.data?.length" class="md:w-3/4 md:mx-auto py-5 mx-5">
<div class="text-xl font-semibold mb-5"> <div class="text-xl font-semibold mb-5 text-ink-gray-9">
{{ submissions.data[0].quiz_title }} {{ submissions.data[0].quiz_title }}
</div> </div>
<ListView <ListView