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

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

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