diff --git a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue index fada0aef..07cc47e6 100644 --- a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue +++ b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue @@ -4,14 +4,9 @@ import EvaluationContainer from "@/pages/cockpit/assignmentEvaluationPage/Evalua import AssignmentSubmissionResponses from "@/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionResponses.vue"; import { useAssignmentStore } from "@/stores/assignmentStore"; import { useCourseSessionsStore } from "@/stores/courseSessions"; -import { - Assignment, - AssignmentCompletion, - CourseSessionAssignmentDetails, - CourseSessionUser, -} from "@/types"; +import { Assignment, CourseSessionAssignmentDetails, CourseSessionUser } from "@/types"; import log from "loglevel"; -import { onMounted, reactive } from "vue"; +import { computed, onMounted, reactive } from "vue"; import { useRouter } from "vue-router"; const props = defineProps<{ @@ -25,14 +20,12 @@ log.debug("AssignmentEvaluationPage created", props.assignmentId, props.userId); export interface StateInterface { assignment: Assignment | undefined; courseSessionAssignmentDetails: CourseSessionAssignmentDetails | undefined; - completionData: AssignmentCompletion | undefined; assignmentUser: CourseSessionUser | undefined; } const state: StateInterface = reactive({ assignment: undefined, courseSessionAssignmentDetails: undefined, - completionData: undefined, assignmentUser: undefined, }); @@ -51,7 +44,7 @@ onMounted(async () => { try { state.assignment = await assignmentStore.loadAssignment(props.assignmentId); - state.completionData = await assignmentStore.loadAssignmentCompletion( + await assignmentStore.loadAssignmentCompletion( props.assignmentId, courseSessionStore.currentCourseSession.id, props.userId @@ -66,11 +59,13 @@ function exit() { path: `/course/${props.courseSlug}/cockpit/assignment`, }); } + +const assignmentCompletion = computed(() => assignmentStore.assignmentCompletion);