Show grade on overview page

client/src/pages/cockpit/assignmentsPage/AssignmentDetails.vue

@@ -23,6 +23,7 @@ const state = reactive({
     userStatus: AssignmentCompletionStatus;
     progressStatus: StatusCountKey;
     userId: number;
+    grade: number | null;
   }[],
   progressStatusCount: {} as StatusCount,
 });
@@ -62,7 +63,31 @@ function submissionStatusForUser(userId: number) {
           :avatar-url="csu.avatar_url"
         >
           <template #center>
-            {{ submissionStatusForUser(csu.user_id)?.userStatus || "-" }}
+            <section class="flex w-full justify-between px-8">
+              <div
+                v-if="
+                  ['evaluation_submitted'].includes(
+                    submissionStatusForUser(csu.user_id)?.userStatus ?? ''
+                  )
+                "
+              >
+                Bewertung freigegeben
+              </div>
+              <div
+                v-else-if="
+                  ['evaluation_in_progress', 'submitted'].includes(
+                    submissionStatusForUser(csu.user_id)?.userStatus ?? ''
+                  )
+                "
+              >
+                Ergebnisse abgegeben
+              </div>
+              <div v-else></div>
+
+              <div v-if="submissionStatusForUser(csu.user_id)?.grade">
+                Note: {{ submissionStatusForUser(csu.user_id)?.grade }}
+              </div>
+            </section>
           </template>
           <template #link>
             <div

client/src/services/assignmentService.ts

@@ -74,7 +74,12 @@ export function calcUserAssignmentCompletionStatus(
       progressStatus = "success";
     }
 
-    return { userId: u.user_id, userStatus, progressStatus };
+    return {
+      userId: u.user_id,
+      userStatus,
+      progressStatus,
+      grade: userAssignmentStatus?.evaluation_grade ?? null,
+    };
   });
 }
 

client/src/stores/assignmentStore.ts

@@ -40,6 +40,7 @@ export const useAssignmentStore = defineStore({
       userId: string | undefined = undefined
     ) {
       log.debug("load assignment completion", assignmentId, courseSessionId, userId);
+      this.assignmentCompletion = undefined;
       try {
         let url = `/api/assignment/${assignmentId}/${courseSessionId}/`;
         if (userId) {

client/src/types.ts

@@ -566,4 +566,5 @@ export interface UserAssignmentCompletionStatus {
   id: number;
   assignment_user_id: number;
   completion_status: AssignmentCompletionStatus;
+  evaluation_grade: number | null;
 }