From 72f7a7f68c8bcbeac06353572c682e3ac5e006b9 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Mon, 18 Nov 2024 16:48:15 +0100
Subject: [PATCH] Fix profile sidebar on mobile

---
 client/src/components/header/MobileMenu.vue      | 16 ++++++++++++++--
 .../cockpitPage/CockpitExpertParentPage.vue      |  8 ++++----
 client/src/router/index.ts                       |  3 ++-
 client/src/router/names.ts                       |  1 +
 4 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/client/src/components/header/MobileMenu.vue b/client/src/components/header/MobileMenu.vue
index 5583d87e..b797b191 100644
--- a/client/src/components/header/MobileMenu.vue
+++ b/client/src/components/header/MobileMenu.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import ItFullScreenModal from "@/components/ui/ItFullScreenModal.vue";
 import { useVVByLink } from "@/composables";
-import { SETTINGS_ROUTE } from "@/router/names";
+import { PERSONAL_PROFILE_ROUTE, SETTINGS_ROUTE } from "@/router/names";
 import { useCourseSessionsStore } from "@/stores/courseSessions";
 import type { User } from "@/stores/user";
 import type { CourseSession } from "@/types";
@@ -54,6 +54,9 @@ const mentorTabTitle = computed(() =>
 const settingsRoute = {
   name: SETTINGS_ROUTE,
 };
+const profileRoute = {
+  name: PERSONAL_PROFILE_ROUTE,
+};
 </script>
 
 <template>
@@ -71,6 +74,15 @@ const settingsRoute = {
             </div>
             <div class="ml-6">
               <h3>{{ user?.first_name }} {{ user?.last_name }}</h3>
+
+              <div class="mb-3 text-sm text-gray-800">{{ user.email }}</div>
+              <router-link
+                :to="profileRoute"
+                @click="emit('closemodal')"
+                class="underline"
+              >
+                {{ $t("a.Profil anzeigen") }}
+              </router-link>
             </div>
           </div>
         </div>
@@ -147,7 +159,7 @@ const settingsRoute = {
               </li>
             </ul>
           </div>
-          <div class="mt-6 border-b">
+          <div v-if="courseSession" class="mt-6 border-b">
             <ul>
               <li v-if="courseSession && hasMediaLibraryMenu" class="mb-6 flex">
                 <router-link
diff --git a/client/src/pages/cockpit/cockpitPage/CockpitExpertParentPage.vue b/client/src/pages/cockpit/cockpitPage/CockpitExpertParentPage.vue
index 0ff07654..c034b30c 100644
--- a/client/src/pages/cockpit/cockpitPage/CockpitExpertParentPage.vue
+++ b/client/src/pages/cockpit/cockpitPage/CockpitExpertParentPage.vue
@@ -2,7 +2,7 @@
 import SubNavigation from "@/components/header/SubNavigation.vue";
 import { useCurrentCourseSession } from "@/composables";
 import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
-import { ATTENDANCE_ROUTE, COCKPIT_ROUTE, DOCUMENTS_ROUTE } from "@/router/names";
+import { COCKPIT_ROUTE, DOCUMENTS_ROUTE } from "@/router/names";
 import { useTranslation } from "i18next-vue";
 import log from "loglevel";
 import { computed } from "vue";
@@ -18,9 +18,9 @@ const { loading } = useExpertCockpitPageData(props.courseSlug);
 const defaultRoute = {
   name: COCKPIT_ROUTE,
 };
-const attendanceRoute = {
-  name: ATTENDANCE_ROUTE,
-};
+// const attendanceRoute = {
+//   name: ATTENDANCE_ROUTE,
+// };
 const documentsRoute = {
   name: DOCUMENTS_ROUTE,
 };
diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index 22235cfc..3f556a71 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -20,6 +20,7 @@ import {
   COMPETENCE_ROUTE,
   COMPETENCES_ROUTE,
   DOCUMENTS_ROUTE,
+  PERSONAL_PROFILE_ROUTE,
   SELF_EVALUATION_ROUTE,
   SETTINGS_ROUTE,
 } from "./names";
@@ -431,7 +432,7 @@ const router = createRouter({
     {
       path: "/profile",
       component: () => import("@/pages/personalProfile/PersonalProfilePage.vue"),
-      name: "personalProfile",
+      name: PERSONAL_PROFILE_ROUTE,
     },
     {
       path: "/settings",
diff --git a/client/src/router/names.ts b/client/src/router/names.ts
index b52d9c8a..9cf94b14 100644
--- a/client/src/router/names.ts
+++ b/client/src/router/names.ts
@@ -6,3 +6,4 @@ export const SETTINGS_ROUTE = "settings";
 export const COCKPIT_ROUTE = "cockpit-home";
 export const ATTENDANCE_ROUTE = "attendance";
 export const DOCUMENTS_ROUTE = "documents";
+export const PERSONAL_PROFILE_ROUTE = "personalProfile";