internationalization ugent logo

SELab-2 · Apr 28, 2024 · ef1a1b3 · ef1a1b3
1 parent 1b64dbe
commit ef1a1b3
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 3 deletions.
diff --git a/frontend/src/assets/ghent-university-logo-white.png b/frontend/src/assets/ghent-university-logo-white.png
diff --git a/frontend/src/components/buttons/LogoutButton.vue b/frontend/src/components/buttons/LogoutButton.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-btn variant="text" class="logout" @click="logout"> logout </v-btn>
+    <v-btn variant="text" class="logout" @click="logout"> {{ $t("logout") }} </v-btn>
 </template>
 
 <script setup lang="ts">

diff --git a/frontend/src/components/navigation/NavBar.vue b/frontend/src/components/navigation/NavBar.vue
@@ -14,7 +14,7 @@
                 <img
                     alt="Logo"
                     class="logo"
-                    src="@/assets/universiteit-gent-logo-white.png"
+                    :src="`src/assets/${$t('logo')}`"
                     height="150"
                 />
             </div>

diff --git a/frontend/src/i18n/locales/en.ts b/frontend/src/i18n/locales/en.ts
@@ -7,6 +7,8 @@ export default {
             loading_page: "Loading...",
         },
     },
+    logo: "ghent-university-logo-white.png",
+    logout: "logout",
     login: {
         about: "The official submission application of Ghent University",
         login: "Login",

diff --git a/frontend/src/i18n/locales/nl.ts b/frontend/src/i18n/locales/nl.ts
@@ -7,6 +7,8 @@ export default {
             loading_page: "Aan het laden...",
         },
     },
+    logo: "universiteit-gent-logo-white.png",
+    logout: "uitloggen",
     login: {
         about: "De officiële indienapplicatie van de Universiteit Gent",
         login: "Inloggen",

diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
@@ -12,7 +12,7 @@
             <img
                 alt="ugent logo"
                 class="ugent-logo"
-                src="@/assets/universiteit-gent-logo-white.png"
+                :src="`src/assets/${$t('logo')}`"
             />
             <LocaleSwitcher class="login-switcher" />
         </div>
@@ -22,6 +22,8 @@
 <script setup lang="ts">
 import { useCASUrl } from "@/stores/cas-url";
 import LocaleSwitcher from "@/components/LocaleSwitcher.vue";
+import { useI18n} from "vue-i18n";
+
 </script>
 
 <style scoped>