From e32a2eddf37ebfca18f95ce2f816f17a2b8850fd Mon Sep 17 00:00:00 2001
From: Livio Bieri <livio@livio.li>
Date: Thu, 22 Feb 2024 16:40:14 +0100
Subject: [PATCH] feat: navigation for competence pages

---
 .../pages/competence/CompetenceIndexPage.vue   |  3 ++-
 .../pages/competence/CompetenceParentPage.vue  | 18 ++++++++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/competence/CompetenceIndexPage.vue b/client/src/pages/competence/CompetenceIndexPage.vue
index ddd87ae6..9243279d 100644
--- a/client/src/pages/competence/CompetenceIndexPage.vue
+++ b/client/src/pages/competence/CompetenceIndexPage.vue
@@ -69,8 +69,9 @@ const isFeedbackEvaluationVisible = computed(
 
 // FIXME 22.02.24: To-be-tackled NEXT in a separate PR (shippable member comp.navi)
 //  -> Do not use the VV_COURSE_ID anymore (discuss with @chrigu) -> We do this next.
+const currentCourseSession = useCurrentCourseSession();
 const hasCompetenceCertificates = computed(() => {
-  return !VV_COURSE_IDS.includes(useCurrentCourseSession().value.course.id);
+  return !VV_COURSE_IDS.includes(currentCourseSession.value.course.id);
 });
 
 const isLoaded = computed(
diff --git a/client/src/pages/competence/CompetenceParentPage.vue b/client/src/pages/competence/CompetenceParentPage.vue
index 73b70961..c9c76fd2 100644
--- a/client/src/pages/competence/CompetenceParentPage.vue
+++ b/client/src/pages/competence/CompetenceParentPage.vue
@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import * as log from "loglevel";
-import { onMounted } from "vue";
+import { computed, onMounted } from "vue";
 import { useRoute } from "vue-router";
+import { VV_COURSE_IDS } from "@/constants";
+import { useCurrentCourseSession } from "@/composables";
 
 log.debug("CompetenceParentPage created");
 
@@ -27,6 +29,13 @@ function routeInSelfEvaluationAndFeedback() {
   return route.path.endsWith("/self-evaluation-and-feedback");
 }
 
+// FIXME 22.02.24: To-be-tackled NEXT in a separate PR (shippable member comp.navi)
+//  -> Do not use the VV_COURSE_ID anymore (discuss with @chrigu) -> We do this next.
+const currentCourseSession = useCurrentCourseSession();
+const isVVCourse = computed(() => {
+  return VV_COURSE_IDS.includes(currentCourseSession.value.course.id);
+});
+
 onMounted(async () => {
   log.debug("CompetenceParentPage mounted", props.courseSlug);
 });
@@ -45,6 +54,7 @@ onMounted(async () => {
           </router-link>
         </li>
         <li
+          v-if="!isVVCourse"
           class="border-t-2 border-t-transparent lg:ml-12"
           :class="{ 'border-b-2 border-b-blue-900': routeInCompetenceCertificate() }"
         >
@@ -77,7 +87,11 @@ onMounted(async () => {
             :to="`/course/${courseSlug}/competence/self-evaluation-and-feedback`"
             class="block py-3"
           >
-            {{ $t("a.Selbst- und Fremdeinschätzungen") }}
+            {{
+              isVVCourse
+                ? $t("a.Selbst- und Fremdeinschätzungen")
+                : $t("a.Selbsteinschätzungen")
+            }}
           </router-link>
         </li>