eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: styling of batch list headers

Browse Source
This commit is contained in:
Jannat Patel
2024-12-13 12:03:00 +05:30
parent 6cdfb822b4
commit 40aefba203
3 changed files with 21 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/Assessments.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between mb-4">
<div class="text-lg font-semibold mb-4"> <div class="text-lg font-semibold">
{{ __('Assessments') }} {{ __('Assessments') }}
</div> </div>
<Button v-if="canSeeAddButton()" @click="showModal = true"> <Button v-if="canSeeAddButton()" @click="showModal = true">
@@ -38,7 +38,10 @@
<ListRow :row="row" v-for="row in assessments.data"> <ListRow :row="row" v-for="row in assessments.data">
<template #default="{ column, item }"> <template #default="{ column, item }">
<ListRowItem :item="row[column.key]" :align="column.align"> <ListRowItem :item="row[column.key]" :align="column.align">
<div> <div v-if="column.key == 'assessment_type'">
{{ row[column.key] == 'LMS Quiz' ? 'Quiz' : 'Assignment' }}
</div>
<div v-else>
{{ row[column.key] }} {{ row[column.key] }}
</div> </div>
</ListRowItem> </ListRowItem>
@@ -177,10 +180,12 @@ const getAssessmentColumns = () => {
{ {
label: 'Assessment', label: 'Assessment',
key: 'title', key: 'title',
width: '30rem',
}, },
{ {
label: 'Type', label: 'Type',
key: 'assessment_type', key: 'assessment_type',
width: '10rem',
}, },
] ]
@@ -189,6 +194,7 @@ const getAssessmentColumns = () => {
label: 'Status/Score', label: 'Status/Score',
key: 'status', key: 'status',
align: 'center', align: 'center',
width: '10rem',
}) })
} }
return columns return columns

3
frontend/src/components/BatchCourses.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="flex items-center justify-between mb-4"> <div class="flex items-center justify-between mb-4">
<div class="text-xl font-semibold"> <div class="text-lg font-semibold">
{{ __('Courses') }} {{ __('Courses') }}
</div> </div>
<Button v-if="canSeeAddButton()" @click="openCourseModal()"> <Button v-if="canSeeAddButton()" @click="openCourseModal()">
@@ -110,7 +110,6 @@ const openCourseModal = () => {
} }
const getCoursesColumns = () => { const getCoursesColumns = () => {
console.log(courses.data)
return [ return [
{ {
label: 'Title', label: 'Title',

20
frontend/src/components/BatchStudents.vue
View File

@@ -1,12 +1,14 @@
<template> <template>
<Button class="float-right mb-3" @click="openStudentModal()"> <div class="flex items-center justify-between mb-4">
<template #prefix> <div class="text-lg font-semibold">
<Plus class="h-4 w-4" /> {{ __('Students') }}
</template> </div>
{{ __('Add') }} <Button @click="openStudentModal()">
</Button> <template #prefix>
<div class="text-lg font-semibold mb-4"> <Plus class="h-4 w-4" />
{{ __('Students') }} </template>
{{ __('Add') }}
</Button>
</div> </div>
<div v-if="students.data?.length"> <div v-if="students.data?.length">
<ListView <ListView
@@ -147,7 +149,7 @@ const getStudentColumns = () => {
}) })
}) })
} }
console.log(students.data?.[0].assessments)
if (students.data?.[0].assessments) { if (students.data?.[0].assessments) {
Object.keys(students.data?.[0].assessments).forEach((assessment) => { Object.keys(students.data?.[0].assessments).forEach((assessment) => {
columns.push({ columns.push({