From f642d2b57e22f9575068611ee1766a157b8ceb31 Mon Sep 17 00:00:00 2001
From: Reto Aebersold <aeby@substyle.ch>
Date: Fri, 15 Dec 2023 10:56:29 +0100
Subject: [PATCH] feat: mentor dashboard

---
 .../cockpitPage/mentor/MentorOverview.vue     |  9 +--
 client/src/services/mentorCockpit.ts          | 70 +++++++++++++++++++
 client/src/stores/mentorCockpit.ts            | 10 ---
 3 files changed, 72 insertions(+), 17 deletions(-)
 create mode 100644 client/src/services/mentorCockpit.ts
 delete mode 100644 client/src/stores/mentorCockpit.ts

diff --git a/client/src/pages/cockpit/cockpitPage/mentor/MentorOverview.vue b/client/src/pages/cockpit/cockpitPage/mentor/MentorOverview.vue
index 1d727bdb..4f557995 100644
--- a/client/src/pages/cockpit/cockpitPage/mentor/MentorOverview.vue
+++ b/client/src/pages/cockpit/cockpitPage/mentor/MentorOverview.vue
@@ -14,11 +14,6 @@ const statusFilter = ref([
   { name: "Zu erledigen", id: "todo" },
 ]);
 
-interface Circle {
-  id: string;
-  title: string;
-}
-
 const circleFilterValue = ref({ name: "Circle: Alle", id: "_all" });
 
 const circleFilter = computed(() => {
@@ -26,7 +21,7 @@ const circleFilter = computed(() => {
 
   return [
     { name: "Circle: Alle", id: "_all" },
-    ...summary.value.circles.map((circle: Circle) => ({
+    ...summary.value.circles.map((circle) => ({
       name: `Circle: ${circle.title}`,
       id: circle.id,
     })),
@@ -36,7 +31,7 @@ const circleFilter = computed(() => {
 
 <template>
   {{ summary }}
-  <div class="bg-white" v-if="summary">
+  <div v-if="summary" class="bg-white">
     <div class="flex flex-col space-x-2 lg:flex-row">
       <ItDropdownSelect
         v-model="statusFilterValue"
diff --git a/client/src/services/mentorCockpit.ts b/client/src/services/mentorCockpit.ts
new file mode 100644
index 00000000..95371c58
--- /dev/null
+++ b/client/src/services/mentorCockpit.ts
@@ -0,0 +1,70 @@
+import { itGetCached } from "@/fetchHelpers";
+import type { Ref } from "vue";
+import { ref, watchEffect } from "vue";
+
+interface Participant {
+  id: string;
+  first_name: string;
+  last_name: string;
+  email: string;
+  username: string;
+  avatar_url: string;
+  language: string;
+}
+
+interface Circle {
+  id: number;
+  title: string;
+}
+
+interface Completion {
+  status: string;
+  user_id: string;
+  last_name: string;
+}
+
+interface PraxisAssignment {
+  id: string;
+  title: string;
+  circle_id: string;
+  pending_evaluations: number;
+  completions: Completion[];
+}
+
+interface Summary {
+  participants: Participant[];
+  circles: Circle[];
+  praxis_assignments: PraxisAssignment[];
+}
+
+export const useMentorCockpit = (
+  courseSessionId: string | Ref<string> | (() => string)
+) => {
+  const isLoading = ref(false);
+  const summary: Ref<Summary | null> = ref(null);
+  const error = ref(null);
+
+  const fetchData = () => {
+    summary.value = null;
+    error.value = null;
+
+    itGetCached(`/api/mentor/${courseSessionId}/summary`)
+      .then((response) => {
+        summary.value = response;
+      })
+      .catch((err) => (error.value = err))
+      .finally(() => {
+        isLoading.value = false;
+      });
+  };
+
+  watchEffect(() => {
+    fetchData();
+  });
+
+  return {
+    isLoading,
+    summary,
+    error,
+  };
+};
diff --git a/client/src/stores/mentorCockpit.ts b/client/src/stores/mentorCockpit.ts
deleted file mode 100644
index 259976b9..00000000
--- a/client/src/stores/mentorCockpit.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { defineStore } from "pinia";
-import { ref } from "vue";
-
-export const useMentorCockpitStore = defineStore("mentorCockpit", () => {
-  const isLoading = ref(false);
-
-  return {
-    isLoading,
-  };
-});