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

Fix footer, add it

This commit is contained in:
Christian Cueni 2023-05-24 13:37:24 +02:00
parent b2e9873666
commit fac1f53f29
3 changed files with 30 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
client/src/components/AppFooter.vue
View File

@ -8,6 +8,7 @@ import * as log from "loglevel";
log.debug("AppFooter created"); log.debug("AppFooter created");
const userStore = useUserStore(); const userStore = useUserStore();
const hideVersion = import.meta.env.VITE_SENTRY_ENV === "production";
async function changeLocale(language: AvailableLanguages) { async function changeLocale(language: AvailableLanguages) {
userStore.setUserLanguages(language); userStore.setUserLanguages(language);
@ -16,12 +17,22 @@ async function changeLocale(language: AvailableLanguages) {
<template> <template>
<footer class="flex flex-col border-t bg-gray-200 px-8 py-4 lg:flex-row"> <footer class="flex flex-col border-t bg-gray-200 px-8 py-4 lg:flex-row">
<div>@ 2022 VBV</div> <div>{{ $t("footer.copyright") }}</div>
<div class="lg:ml-8">{{ $t("footer.faq") }}</div> <div class="lg:ml-8">
<div class="lg:ml-8">{{ $t("footer.dataProtection") }}</div> <a :href="$t('footer.faqLink')">{{ $t("footer.faqText") }}</a>
<div class="lg:ml-8">{{ $t("footer.imprint") }}</div> </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 class="flex-grow"></div>
<div>VBV_VERSION_BUILD_NUMBER_VBV</div> <div :class="{ hidden: hideVersion }">VBV_VERSION_BUILD_NUMBER_VBV</div>
<Menu> <Menu>
<MenuButton class="lg:ml-8" data-cy="language-switch-button"> <MenuButton class="lg:ml-8" data-cy="language-switch-button">
<it-icon-globe class="relative top-[2px] h-4 w-4" /> <it-icon-globe class="relative top-[2px] h-4 w-4" />
@ -43,7 +54,9 @@ async function changeLocale(language: AvailableLanguages) {
</MenuItems> </MenuItems>
</div> </div>
</Menu> </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> </footer>
</template> </template>

2
client/src/i18n.ts
View File

@ -4,7 +4,7 @@ import { nextTick } from "vue";
import { createI18n } from "vue-i18n"; import { createI18n } from "vue-i18n";
// https://vue-i18n.intlify.dev/guide/advanced/lazy.html // 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; let i18n: any = null;
export function setupI18n( export function setupI18n(

14
client/src/locales/de.json
View File

@ -114,9 +114,14 @@
}, },
"footer": { "footer": {
"contact": "Kontakt", "contact": "Kontakt",
"dataProtection": "Datenschutzbestimmungen", "contactLink": "https://www.vbv.ch/de/der-vbv/organisation/kontakt",
"faq": "FAQ", "contactText": "Kontakt",
"imprint": "Impressum" "copyright": "© 2023 VBV",
"dataProtectionLink": "https://www.vbv.ch/de/datenschutzbestimmungen",
"dataProtectionText": "Datenschutzbestimmungen",
"faqText": "FAQ",
"imprintLink": "https://www.vbv.ch/de/impressum",
"imprintText": "Impressum"
}, },
"general": { "general": {
"back": "zurück", "back": "zurück",
@ -152,7 +157,8 @@
}, },
"language": { "language": {
"de": "Deutsch", "de": "Deutsch",
"fr": "Französisch" "fr": "Français",
"it": "Italiano"
}, },
"learningContent": { "learningContent": {
"markAsDone": "Als erledigt markieren" "markAsDone": "Als erledigt markieren"