chore: add translations and set up for adding roles remotely for a user

#198
SELab-2 · Apr 11, 2024 · 380f6ee · 380f6ee
1 parent 2e5beaa
commit 380f6ee
Show file tree

Hide file tree

Showing 5 changed files with 170 additions and 106 deletions.
diff --git a/frontend/src/assets/lang/en.json b/frontend/src/assets/lang/en.json
@@ -113,6 +113,34 @@
         "required": "This field is required",
         "deadline": "The deadline must be after the start date"
     },
+    "admin": {
+        "title": "Admin",
+        "keyword": "Keyword",
+        "search": "Search",
+        "edit": "Edit",
+        "cancel": "Cancel",
+        "save": "Save",
+        "users": {
+            "title": "Users",
+            "id": "ID",
+            "username": "Username",
+            "email": "Email",
+            "roles": "Roles"
+        },
+        "user": "User",
+        "assistants": {
+            "title": "Assistants"
+        },
+        "assistant": "Assistant",
+        "students": {
+            "title": "Students"
+        },
+        "student": "Student",
+        "teachers": {
+            "title": "Teachers"
+        },
+        "teacher": "Teacher"
+    },
     "primevue": {
         "startsWith": "Starts with",
         "contains": "Contains",

diff --git a/frontend/src/assets/lang/nl.json b/frontend/src/assets/lang/nl.json
@@ -141,37 +141,31 @@
     },
     "admin": {
         "title": "Beheerder",
+        "keyword": "Trefwoord",
+        "search": "Zoektocht",
+        "edit": "Bewerken",
+        "cancel": "Annuleer",
+        "save": "Sla op",
         "users": {
             "title": "Gebruikers",
-            "create": "Gebruiker aanmaken",
-            "edit": "Gebruiker bewerken"
+            "id": "ID",
+            "username": "Gebruikersnaam",
+            "email": "E-mail",
+            "roles": "Functies"
         },
+        "user": "Gebruiker",
         "assistants": {
             "title": "Assistenten"
         },
+        "assistant": "Assistent",
         "students": {
             "title": "Studenten"
         },
+        "student": "Student",
         "teachers": {
             "title": "Leerkrachten"
-        }
-    },
-    "admin": {
-        "title": "Beheerder",
-        "users": {
-            "title": "Gebruikers",
-            "create": "Gebruiker aanmaken",
-            "edit": "Gebruiker bewerken"
-        },
-        "assistants": {
-            "title": "Assistenten"
-        },
-        "students": {
-            "title": "Studenten"
         },
-        "teachers": {
-            "title": "Leerkrachten"
-        }
+        "teacher": "Leerkracht"
     },
     "primevue": {
         "accept": "Ja",

diff --git a/frontend/src/components/layout/admin/AdminHeader.vue b/frontend/src/components/layout/admin/AdminHeader.vue
@@ -1,5 +1,9 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import LanguageSelector from '@/components/LanguageSelector.vue';
+</script>
 
-<template />
+<template>
+    <LanguageSelector />
+</template>
 
 <style scoped lang="scss"></style>
diff --git a/frontend/src/components/layout/admin/AdminSidebar.vue b/frontend/src/components/layout/admin/AdminSidebar.vue
@@ -7,20 +7,20 @@ const { t } = useI18n();
 
 const items = ref([
     {
-        label: t('admin.users.title'),
+        label: 'admin.users.title',
         items: [
             {
-                label: t('admin.users.title'),
+                label: 'admin.users.title',
                 route: 'admin-users',
             },
             {
-                label: t('admin.assistants.title'),
+                label: 'admin.assistants.title',
             },
             {
-                label: t('admin.students.title'),
+                label: 'admin.students.title',
             },
             {
-                label: t('admin.teachers.title'),
+                label: 'admin.teachers.title',
             },
         ],
     },
@@ -53,7 +53,7 @@ const items = ref([
             <template #item="{ item, props }">
                 <RouterLink :to="{ name: item.route }">
                     <a v-ripple class="flex align-items-center" v-bind="props.action">
-                        <span class="ml-2">{{ item.label }}</span>
+                        <span class="ml-2">{{ t(item.label) }}</span>
                         <span
                             v-if="item.shortcut"
                             class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1"