chore: workaround to make show all clickable in competence profile page

client/src/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackOverview.vue

@@ -3,9 +3,10 @@ import { computed } from "vue";
 import { useSelfEvaluationFeedbackSummaries } from "@/services/selfEvaluationFeedback";
 import { useCurrentCourseSession } from "@/composables";
 
+const emit = defineEmits(["showAll"]);
+
 const props = defineProps<{
   profileUserId: string;
-  detailUrl?: string;
 }>();
 
 const courseSession = useCurrentCourseSession();
@@ -116,15 +117,13 @@ const isLoaded = computed(() => !selfEvaluationFeedbackSummaries.loading.value);
         </ul>
       </div>
       <!-- Show All (always)-->
-      <div v-if="detailUrl" class="pt-8">
-        <router-link
-          :to="detailUrl"
-          class="btn-text inline-flex items-center py-2 pl-0"
-        >
-          <span>{{ $t("general.showAll") }}</span>
-          <it-icon-arrow-right></it-icon-arrow-right>
-        </router-link>
-      </div>
+      <button
+        class="btn-text inline-flex items-center py-2 pl-0 pt-8"
+        @click="emit('showAll')"
+      >
+        <span>{{ $t("general.showAll") }}</span>
+        <it-icon-arrow-right></it-icon-arrow-right>
+      </button>
     </div>
   </template>
 </template>

client/src/pages/cockpit/profilePage/CompetenceProfilePage.vue

@@ -3,6 +3,7 @@ import CockpitProfileContent from "@/components/cockpit/profile/CockpitProfileCo
 import { ref } from "vue";
 import SelfEvaluationAndFeedbackList from "@/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackList.vue";
 import SelfEvaluationAndFeedbackOverview from "@/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackOverview.vue";
+import { useCurrentCourseSession } from "@/composables";
 
 type SubMenuType = "OVERVIEW" | "DETAILS";
 
@@ -18,10 +19,18 @@ interface SubMenuItem {
 
 const MENU_ENTRIES: SubMenuItem[] = [
   { type: "OVERVIEW", label: "a.Übersicht" },
-  { type: "DETAILS", label: "a.Selbst- und Fremdeinschätzungen" },
+  {
+    type: "DETAILS",
+    label: useCurrentCourseSession().value.course.configuration.enable_learning_mentor
+      ? "a.Selbst- und Fremdeinschätzungen"
+      : "a.Selbsteinschätzungen",
+  },
 ];
 
 const active = ref<SubMenuItem>(MENU_ENTRIES[0]);
+const selectDetails = () => {
+  active.value = MENU_ENTRIES[1];
+};
 </script>
 
 <template>
@@ -41,6 +50,7 @@ const active = ref<SubMenuItem>(MENU_ENTRIES[0]);
       <SelfEvaluationAndFeedbackOverview
         v-if="active.type === 'OVERVIEW'"
         :profile-user-id="props.userId"
+        @show-all="selectDetails"
       />
       <SelfEvaluationAndFeedbackList
         v-else-if="active.type === 'DETAILS'"

client/src/pages/competence/CompetenceIndexPage.vue

@@ -13,6 +13,7 @@ import {
 import ItProgress from "@/components/ui/ItProgress.vue";
 import SelfEvaluationAndFeedbackOverview from "@/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackOverview.vue";
 import { useUserStore } from "@/stores/user";
+import { useRouter } from "vue-router";
 
 const props = defineProps<{
   courseSlug: string;
@@ -52,6 +53,8 @@ const userPointsEvaluatedAssignments = computed(() => {
 const currentCourseSession = useCurrentCourseSession();
 
 const isLoaded = computed(() => !certificatesQuery.fetching.value);
+
+const router = useRouter();
 </script>
 
 <template>
@@ -133,7 +136,11 @@ const isLoaded = computed(() => !certificatesQuery.fetching.value);
     </section>
     <SelfEvaluationAndFeedbackOverview
       :profile-user-id="useUserStore().id"
-      :detail-url="`/course/${props.courseSlug}/competence/self-evaluation-and-feedback`"
+      @show-all="
+        () => {
+          router.push({ name: 'selfEvaluationAndFeedback' });
+        }
+      "
     />
   </div>
 </template>

client/src/router/index.ts

@@ -105,6 +105,7 @@ const router = createRouter({
             import("@/pages/competence/CompetenceCertificateDetailPage.vue"),
         },
         {
+          name: "selfEvaluationAndFeedback",
           path: "self-evaluation-and-feedback",
           props: true,
           component: () =>