ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: main navigation, reduce duplication

This commit is contained in:
Livio Bieri 2023-09-20 17:16:35 +02:00
parent 93f05e4722
commit 1e27f80949
1 changed files with 37 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
client/src/components/header/MainNavigationBar.vue
View File

@ -57,6 +57,8 @@ onMounted(() => {
:course-session="courseSessionsStore.currentCourseSession"
:media-url="courseSessionsStore.currentCourseSession?.media_library_url"
:user="userStore"
:has-expert-navigation="courseSessionsStore.hasExpertNavigation"
:has-member-navigation="courseSessionsStore.hasMemberNavigation"
@closemodal="state.showMobileNavigationMenu = false"
@logout="userStore.handleLogout()"
/>
@ -104,56 +106,53 @@ onMounted(() => {
<div class="hidden space-x-8 lg:flex">
<!-- Navigation Links Desktop -->
<router-link
<template
v-if="
courseSessionsStore.hasExpertNavigation &&
courseSessionsStore.currentCourseSession
"
:to="`${courseSessionsStore.currentCourseSession.course_url}/cockpit`"
class="nav-item"
:class="{ 'nav-item--active': inCockpit() }"
>
{{ t("cockpit.title") }}
</router-link>
<router-link
:to="`${courseSessionsStore.currentCourseSession.course_url}/cockpit`"
class="nav-item"
:class="{ 'nav-item--active': inCockpit() }"
>
{{ t("cockpit.title") }}
</router-link>
<router-link
v-if="
courseSessionsStore.hasExpertNavigation &&
courseSessionsStore.currentCourseSession
"
:to="courseSessionsStore.currentCourseSession.learning_path_url"
target="_blank"
class="nav-item"
>
<div class="flex items-center">
<span>{{ t("a.VorschauTeilnehmer") }}</span>
<it-icon-external-link class="ml-2" />
</div>
</router-link>
<router-link
<router-link
:to="courseSessionsStore.currentCourseSession.learning_path_url"
target="_blank"
class="nav-item"
>
<div class="flex items-center">
<span>{{ t("a.VorschauTeilnehmer") }}</span>
<it-icon-external-link class="ml-2" />
</div>
</router-link>
</template>
<template
v-if="
courseSessionsStore.hasMemberNavigation &&
courseSessionsStore.currentCourseSession
"
:to="courseSessionsStore.currentCourseSession.learning_path_url"
class="nav-item"
:class="{ 'nav-item--active': inLearningPath() }"
>
{{ t("general.learningPath") }}
</router-link>
<router-link
:to="courseSessionsStore.currentCourseSession.learning_path_url"
class="nav-item"
:class="{ 'nav-item--active': inLearningPath() }"
>
{{ t("general.learningPath") }}
</router-link>
<router-link
v-if="
courseSessionsStore.hasMemberNavigation &&
courseSessionsStore.currentCourseSession
"
:to="courseSessionsStore.currentCourseSession.competence_url"
class="nav-item"
:class="{ 'nav-item--active': inCompetenceProfile() }"
>
{{ t("competences.title") }}
</router-link>
<router-link
:to="courseSessionsStore.currentCourseSession.competence_url"
class="nav-item"
:class="{ 'nav-item--active': inCompetenceProfile() }"
>
{{ t("competences.title") }}
</router-link>
</template>
</div>
</div>