From 13c691c3c9a54d414452d222cb0a2c01fa172f19 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Wed, 3 Aug 2022 14:16:41 +0200
Subject: [PATCH] Show correct links in navigation

---
 client/src/components/MainNavigationBar.vue | 40 +++++++++++----------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/client/src/components/MainNavigationBar.vue b/client/src/components/MainNavigationBar.vue
index b119d302..b35b34bc 100644
--- a/client/src/components/MainNavigationBar.vue
+++ b/client/src/components/MainNavigationBar.vue
@@ -12,6 +12,7 @@ const route = useRoute()
 const userStore = useUserStore();
 const appStore = useAppStore();
 const state = reactive({showMenu: false});
+const vbvUrl = 'http://www.vbv.ch';
 
 function toggleNav() {
   state.showMenu = !state.showMenu;
@@ -54,8 +55,8 @@ onMounted(() => {
         "
       >
         <div class="flex items-center justify-between">
-          <router-link
-            to="/"
+          <a
+            :href="vbvUrl"
             class="flex">
             <it-icon-vbv class="h-8 w-16 -mt-3 -ml-3"/>
             <div class="
@@ -69,7 +70,7 @@ onMounted(() => {
             >
               myVBV
             </div>
-          </router-link>
+          </a>
 
           <!-- Mobile menu button -->
           <div @click="toggleNav" class="flex lg:hidden">
@@ -99,22 +100,7 @@ onMounted(() => {
             lg:flex lg:space-y-0 lg:flex-row lg:items-center lg:space-x-10 lg:mt-0
           "
         >
-          <router-link
-            v-if="!inLearningPath()"
-            to="/"
-            class="nav-item"
-            :class="{'nav-item--active': route.path === '/'}"
-          >
-            Cockpit
-          </router-link>
-          <router-link
-            v-if="!inLearningPath()"
-            to="/shop"
-            class="nav-item"
-            :class="{'nav-item--active': menuActive('/shop')}"
-          >
-            Shop
-          </router-link>
+
 
           <router-link
             v-if="inLearningPath()"
@@ -125,8 +111,24 @@ onMounted(() => {
             Lernpfad
           </router-link>
 
+          <router-link
+            v-if="inLearningPath()"
+            to="/competences/"
+            class="nav-item"
+            :class="{'nav-item--active': menuActive('/competences/')}"
+          >
+            Kompetenzprofil
+          </router-link>
+
           <hr class="text-white lg:hidden">
           <div class="hidden lg:block flex-auto"></div>
+          <router-link
+            to="/shop"
+            class="nav-item"
+            :class="{'nav-item--active': menuActive('/shop')}"
+          >
+            Shop
+          </router-link>
           <router-link
             to="/mediacenter"
             class="nav-item"