From fac1f53f29f4292496d5c06eff6e92b3a4dbab30 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Wed, 24 May 2023 13:37:24 +0200
Subject: [PATCH] Fix footer, add it

---
 client/src/components/AppFooter.vue | 25 +++++++++++++++++++------
 client/src/i18n.ts                  |  2 +-
 client/src/locales/de.json          | 14 ++++++++++----
 3 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/client/src/components/AppFooter.vue b/client/src/components/AppFooter.vue
index 8b9bbc61..1f242380 100644
--- a/client/src/components/AppFooter.vue
+++ b/client/src/components/AppFooter.vue
@@ -8,6 +8,7 @@ import * as log from "loglevel";
 log.debug("AppFooter created");
 
 const userStore = useUserStore();
+const hideVersion = import.meta.env.VITE_SENTRY_ENV === "production";
 
 async function changeLocale(language: AvailableLanguages) {
   userStore.setUserLanguages(language);
@@ -16,12 +17,22 @@ async function changeLocale(language: AvailableLanguages) {
 
 <template>
   <footer class="flex flex-col border-t bg-gray-200 px-8 py-4 lg:flex-row">
-    <div>@ 2022 VBV</div>
-    <div class="lg:ml-8">{{ $t("footer.faq") }}</div>
-    <div class="lg:ml-8">{{ $t("footer.dataProtection") }}</div>
-    <div class="lg:ml-8">{{ $t("footer.imprint") }}</div>
+    <div>{{ $t("footer.copyright") }}</div>
+    <div class="lg:ml-8">
+      <a :href="$t('footer.faqLink')">{{ $t("footer.faqText") }}</a>
+    </div>
+    <div class="lg:ml-8">
+      <a :href="$t('footer.dataProtectionLink')">
+        {{ $t("footer.dataProtectionText") }}
+      </a>
+    </div>
+    <div class="lg:ml-8">
+      <a :href="$t('footer.imprintLInk')">
+        {{ $t("footer.imprintText") }}
+      </a>
+    </div>
     <div class="flex-grow"></div>
-    <div>VBV_VERSION_BUILD_NUMBER_VBV</div>
+    <div :class="{ hidden: hideVersion }">VBV_VERSION_BUILD_NUMBER_VBV</div>
     <Menu>
       <MenuButton class="lg:ml-8" data-cy="language-switch-button">
         <it-icon-globe class="relative top-[2px] h-4 w-4" />
@@ -43,7 +54,9 @@ async function changeLocale(language: AvailableLanguages) {
         </MenuItems>
       </div>
     </Menu>
-    <div class="lg:ml-8">{{ $t("footer.contact") }}</div>
+    <div class="lg:ml-8">
+      <a :href="$t('footer.contactLink')">{{ $t("footer.contactText") }}</a>
+    </div>
   </footer>
 </template>
 
diff --git a/client/src/i18n.ts b/client/src/i18n.ts
index ccd76d3a..58acc25c 100644
--- a/client/src/i18n.ts
+++ b/client/src/i18n.ts
@@ -4,7 +4,7 @@ import { nextTick } from "vue";
 import { createI18n } from "vue-i18n";
 
 // https://vue-i18n.intlify.dev/guide/advanced/lazy.html
-export const SUPPORT_LOCALES: AvailableLanguages[] = ["de", "fr"];
+export const SUPPORT_LOCALES: AvailableLanguages[] = ["de", "fr", "it"];
 let i18n: any = null;
 
 export function setupI18n(
diff --git a/client/src/locales/de.json b/client/src/locales/de.json
index b6f0a240..ed5e21a6 100644
--- a/client/src/locales/de.json
+++ b/client/src/locales/de.json
@@ -114,9 +114,14 @@
   },
   "footer": {
     "contact": "Kontakt",
-    "dataProtection": "Datenschutzbestimmungen",
-    "faq": "FAQ",
-    "imprint": "Impressum"
+    "contactLink": "https://www.vbv.ch/de/der-vbv/organisation/kontakt",
+    "contactText": "Kontakt",
+    "copyright": "© 2023 VBV",
+    "dataProtectionLink": "https://www.vbv.ch/de/datenschutzbestimmungen",
+    "dataProtectionText": "Datenschutzbestimmungen",
+    "faqText": "FAQ",
+    "imprintLink": "https://www.vbv.ch/de/impressum",
+    "imprintText": "Impressum"
   },
   "general": {
     "back": "zurück",
@@ -152,7 +157,8 @@
   },
   "language": {
     "de": "Deutsch",
-    "fr": "Französisch"
+    "fr": "Français",
+    "it": "Italiano"
   },
   "learningContent": {
     "markAsDone": "Als erledigt markieren"