From 5ecce4232a4dfea49ed4d97a592047172894fec3 Mon Sep 17 00:00:00 2001
From: Elia Bieri <elia.bieri@iterativ.ch>
Date: Mon, 23 Sep 2024 07:31:53 +0000
Subject: [PATCH] Merged in
 feature/VBV-743-lernbegleitung-lehrgang-kaufen-in-footer (pull request #387)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

VBV-734: Für Lernbegleitung - “Lehrgang kaufen” in Footer bewegen

* Move “Lehrgang kaufen” to footer


Approved-by: Daniel Egger
---
 client/src/components/AppFooter.vue                | 13 +++++++++++++
 client/src/components/header/MainNavigationBar.vue | 11 -----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/client/src/components/AppFooter.vue b/client/src/components/AppFooter.vue
index ae8bdca3..9b628dd4 100644
--- a/client/src/components/AppFooter.vue
+++ b/client/src/components/AppFooter.vue
@@ -1,13 +1,18 @@
 <script setup lang="ts">
+import { useVVByLink } from "@/composables";
 import { SUPPORT_LOCALES } from "@/i18nextWrapper";
+import { useCourseSessionsStore } from "@/stores/courseSessions";
 import type { AvailableLanguages } from "@/stores/user";
 import { useUserStore } from "@/stores/user";
+import { isVVLearningMentor } from "@/utils/utils";
 import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/vue";
 import * as log from "loglevel";
 
 log.debug("AppFooter created");
 
 const userStore = useUserStore();
+const courseSessionsStore = useCourseSessionsStore();
+const vvBuyLink = useVVByLink();
 const hideVersion = (import.meta.env.VITE_APP_ENVIRONMENT || "local").startsWith(
   "prod"
 );
@@ -30,6 +35,14 @@ async function changeLocale(language: AvailableLanguages) {
         {{ $t("footer.imprintText") }}
       </a>
     </div>
+    <router-link
+      class="lg:ml-8"
+      v-if="isVVLearningMentor(courseSessionsStore.currentCourseSession)"
+      :to="vvBuyLink.href.value"
+      data-cy="buy-vv-link"
+    >
+      {{ $t("a.Lehrgang kaufen") }}
+    </router-link>
     <div class="flex-grow"></div>
     <div :class="{ hidden: hideVersion }">VBV_VERSION_BUILD_NUMBER_VBV</div>
     <Menu>
diff --git a/client/src/components/header/MainNavigationBar.vue b/client/src/components/header/MainNavigationBar.vue
index 9a855115..1f478161 100644
--- a/client/src/components/header/MainNavigationBar.vue
+++ b/client/src/components/header/MainNavigationBar.vue
@@ -5,7 +5,6 @@ import MobileMenu from "@/components/header/MobileMenu.vue";
 import NotificationPopover from "@/components/notifications/NotificationPopover.vue";
 import NotificationPopoverContent from "@/components/notifications/NotificationPopoverContent.vue";
 import ItFullScreenModal from "@/components/ui/ItFullScreenModal.vue";
-import { useVVByLink } from "@/composables";
 import { getLoginURL } from "@/router/utils";
 import { useCourseSessionsStore } from "@/stores/courseSessions";
 import { useNotificationsStore } from "@/stores/notifications";
@@ -17,7 +16,6 @@ import {
   getLearningMentorUrl,
   getLearningPathUrl,
   getMediaCenterUrl,
-  isVVLearningMentor,
 } from "@/utils/utils";
 import { Popover, PopoverButton, PopoverPanel } from "@headlessui/vue";
 import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
@@ -31,7 +29,6 @@ const breakpoints = useBreakpoints(breakpointsTailwind);
 const userStore = useUserStore();
 const courseSessionsStore = useCourseSessionsStore();
 const notificationsStore = useNotificationsStore();
-const vvBuyLink = useVVByLink();
 const {
   inCockpit,
   inCompetenceProfile,
@@ -299,14 +296,6 @@ const hasSessionTitle = computed(() => {
               >
                 <it-icon-media-library class="h-8 w-8" />
               </router-link>
-              <router-link
-                v-if="isVVLearningMentor(courseSessionsStore.currentCourseSession)"
-                :to="vvBuyLink.href.value"
-                data-cy="buy-vv-link"
-                class="nav-item-no-mobile"
-              >
-                {{ $t("a.Lehrgang kaufen") }}
-              </router-link>
               <router-link
                 v-if="hasAppointmentsMenu"
                 :to="appointmentsUrl"