CLASSROOMIO-T-108: Add grading score to Graded column

src/routes/lms/community/[slug]/+page.svelte

@@ -1,9 +1,7 @@
 <script>
   import { marked } from 'marked';
   import { goto } from '$app/navigation';
-  import dayjs from 'dayjs';
   import pluralize from 'pluralize';
-  import relativeTime from 'dayjs/plugin/relativeTime';
   import TrashCanIcon from 'carbon-icons-svelte/lib/TrashCan.svelte';
   import { SkeletonPlaceholder, SkeletonText } from 'carbon-components-svelte';
   import ArrowLeftIcon from 'carbon-icons-svelte/lib/ArrowLeft.svelte';
@@ -24,8 +22,7 @@
   import TextField from '$lib/components/Form/TextField.svelte';
   import DeleteCommentModal from '$lib/components/Org/Community/DeleteCommentModal.svelte';
   import TextEditor from '$lib/components/TextEditor/index.svelte';
-
-  dayjs.extend(relativeTime);
+  import { calDateDiff } from '$lib/utils/functions/date';
 
   export let data;
   const { slug } = data;
@@ -59,7 +56,7 @@
         avatar: data?.author?.profile?.avatar_url || ''
       },
       body: data.body,
-      createdAt: dayjs(data.created_at).fromNow(true),
+      createdAt: calDateDiff(data.created_at),
       comments: data.comments.map((c) => ({
         id: c.id,
         authorId: c.author?.profile?.id || '',
@@ -67,7 +64,7 @@
         avatar: c.author?.profile?.avatar_url || '',
         votes: c.votes,
         comment: c.body,
-        createdAt: dayjs(c.created_at).fromNow(true)
+        createdAt: calDateDiff(c.created_at)
       })),
       totalComments: 0
     };
@@ -148,7 +145,7 @@
           avatar: $profile?.avatar_url || '',
           votes: 0,
           comment: _c.body,
-          createdAt: dayjs(_c.created_at).fromNow(true)
+          createdAt: calDateDiff(_c.created_at)
         }
       ];
 

src/routes/lms/exercises/+page.svelte

@@ -7,10 +7,7 @@
   import { snackbar } from '$lib/components/Snackbar/store';
   import { fetchLMSExercises } from '$lib/utils/services/lms/exercises';
   import type { LMSExercise } from '$lib/utils/services/lms/exercises';
-  import dayjs from 'dayjs';
-  import relativeTime from 'dayjs/plugin/relativeTime';
-
-  dayjs.extend(relativeTime);
+  import { calDateDiff } from '$lib/utils/functions/date';
 
   const defaultSections = [
     {
@@ -27,7 +24,7 @@
     },
     {
       id: 2,
-      title: 'Grading',
+      title: 'Grading In Progress',
       items: [],
       className: 'text-yellow-700 bg-yellow-200'
     },
@@ -51,9 +48,10 @@
   interface ExerciseItem {
     courseTitle: string;
     courseURL: string;
-    exerciseTitle: string;
     exerciseId: string;
+    exerciseTitle: string;
     exerciseURL: string;
+    grade: string;
     lessonNo: string;
     lessonURL: string;
     submissionStatus: number;
@@ -64,17 +62,23 @@
     const _sections: Section[] = cloneDeep(defaultSections);
 
     for (const exercise of exercises) {
-      const { id, title, updated_at, submission, lesson } = exercise;
+      const { id, title, updated_at, submission, lesson, questions } = exercise;
 
       const submissionItem = submission[0] || {
         status_id: 0,
-        updated_at
+        updated_at,
+        total: 0
       };
 
       const courseURL = `/courses/${lesson.course.id}`;
       const lessonURL = `${courseURL}/lessons/${lesson.id}`;
       const exerciseURL = `${lessonURL}/exercises/${id}`;
 
+      const grade = `${submissionItem.total}/${questions.reduce(
+        (acc, cur) => (acc += cur.points),
+        0
+      )}`;
+
       const item: ExerciseItem = {
         exerciseId: id,
         courseTitle: lesson.course.title,
@@ -84,7 +88,8 @@
         lessonNo: lesson.order < 9 ? '0' + (lesson.order + 1) : `${lesson.order}`,
         lessonURL,
         submissionStatus: submissionItem.status_id,
-        submissionUpdatedAt: dayjs(submissionItem.updated_at).fromNow(true) + ` ago`
+        submissionUpdatedAt: calDateDiff(submissionItem.updated_at),
+        grade
       };
 
       _sections[submissionItem.status_id].items.push(item);
@@ -106,6 +111,7 @@
     if (!exercises) return;
 
     sections = generateSections(exercises);
+    console.log('sections', sections);
   }
 
   $: if (browser && $profile.id && $currentOrg.id) {
@@ -121,7 +127,7 @@
 
     <div>
       <div class="flex items-center w-full">
-        {#each sections as { title, items, className }}
+        {#each sections as { title, items, className, id }}
           <div
             class="min-w-[355px] max-w-[355px] h-[70vh] rounded-md bg-gray-100 dark:bg-black border border-gray-50 dark:border-neutral-700 p-3 mr-3 overflow-hidden"
           >
@@ -139,6 +145,9 @@
                     <p class="text-xs">{item.courseTitle}</p>
                   </a>
                   <a class="text-black dark:text-white text-md font-bold" href={item.exerciseURL}>
+                    {#if id === 3}
+                      ({item.grade}) -
+                    {/if}
                     {item.exerciseTitle}
                   </a>
                   <a

src/routes/org/[slug]/community/[slug]/+page.svelte

@@ -1,8 +1,6 @@
 <script>
   import { marked } from 'marked';
-  import dayjs from 'dayjs';
   import pluralize from 'pluralize';
-  import relativeTime from 'dayjs/plugin/relativeTime';
   import TrashCanIcon from 'carbon-icons-svelte/lib/TrashCan.svelte';
   import { SkeletonPlaceholder, SkeletonText } from 'carbon-components-svelte';
   import ArrowLeftIcon from 'carbon-icons-svelte/lib/ArrowLeft.svelte';
@@ -23,8 +21,7 @@
   import TextField from '$lib/components/Form/TextField.svelte';
   import DeleteCommentModal from '$lib/components/Org/Community/DeleteCommentModal.svelte';
   import TextEditor from '$lib/components/TextEditor/index.svelte';
-
-  dayjs.extend(relativeTime);
+  import { calDateDiff } from '$lib/utils/functions/date';
 
   export let data;
   const { slug } = data;
@@ -58,7 +55,7 @@
         avatar: data?.author?.profile?.avatar_url || ''
       },
       body: data.body,
-      createdAt: dayjs(data.created_at).fromNow(true),
+      createdAt: calDateDiff(data.created_at),
       comments: data.comments.map((c) => ({
         id: c.id,
         authorId: c.author?.profile?.id || '',
@@ -66,7 +63,7 @@
         avatar: c.author?.profile?.avatar_url || '',
         votes: c.votes,
         comment: c.body,
-        createdAt: dayjs(c.created_at).fromNow(true)
+        createdAt: calDateDiff(c.created_at)
       })),
       totalComments: 0
     };
@@ -147,7 +144,7 @@
           avatar: $profile?.avatar_url || '',
           votes: 0,
           comment: _c.body,
-          createdAt: dayjs(_c.created_at).fromNow(true)
+          createdAt: calDateDiff(_c.created_at)
         }
       ];