frontend/components/Login.vue

@@ -32,7 +32,7 @@
                 </div>
 
                 <div class="w-full flex flex-wrap">
-                    <input :disabled="disableButtons" type="submit" value="Create Account" class="btn w-full sm:w-40 mb-1">
+                    <input :disabled="disableButtons" type="submit" value="Account Aanmaken" class="btn w-full sm:w-40 mb-1">
                     <button @click="goBack" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Jij niet? Ga terug</button>
                 </div>
             </form>

frontend/pages/index.vue

@@ -9,7 +9,7 @@
             </NuxtLink>
             <div class="divider" />
             <NuxtLink to="/calendar" class="item-hover py-2 flex items-center">
-                <span>Calendar</span>
+                <span>Agenda</span>
                 <Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
             </NuxtLink>
             <div class="divider" />

frontend/pages/news/newmessage.vue

@@ -9,7 +9,7 @@
 
             <div class="w-full flex flex-wrap justify-between">
                 <input :disabled="disableButtons" type="submit" value="Stuur Bericht" class="btn w-full sm:w-40 mb-1">
-                <button @click="router.back()" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Cancel</button>
+                <button @click="router.back()" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Annuleer</button>
             </div>
         </form>
     </div>

frontend/pages/settings/config/changeemail.vue

@@ -2,20 +2,20 @@
     <div class="flex flex-col gap-5 mx-auto p-2 w-full max-w-md">
         <form @submit.prevent="saveEmail" class="flex flex-col">
             <p class="mb-5 text-lg text-red-500 font-bold">Let op! Je verandert alleen het Email van de app dus <u>NIET</u> van de vereniging!</p>
-            <label class="font-bold">Password</label>
+            <label class="font-bold">Wachtwoord</label>
             <input v-model="password" required="true" class="input " :type="showPassword ? 'text' : 'password'">
 
             <div class="mb-5 mt-1 flex items-center text-default">
                 <input v-model="showPassword" type="checkbox" class="mr-1 checkbox ">
-                <span>Show Password</span>
+                <span>Toon Wachtwoord</span>
             </div>
 
-            <label class="font-bold">New Email</label>
+            <label class="font-bold">Nieuw Email</label>
             <input v-model="email" required="true" placeholder="user@example.com" class="input mb-5" type="email">
 
             <div class="w-full flex flex-wrap justify-between">
-                <input :disabled="disableButtons" type="submit" value="Change Email" class="btn w-full sm:w-40 mb-1">
+                <input :disabled="disableButtons" type="submit" value="Wijzig Email" class="btn w-full sm:w-40 mb-1">
-                <button @click="router.back()" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Cancel</button>
+                <button @click="router.back()" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Annuleer</button>
             </div>
         </form>
     </div>
@@ -27,7 +27,7 @@ import { updateDoc, doc } from 'firebase/firestore'
 import { useToast } from 'vue-toastification'
 
 definePageMeta({
-    title: 'Change Email',
+    title: 'Email Wijzigen',
     key: 'back'
 })
 
@@ -74,4 +74,4 @@ const saveEmail = () => {
         console.log(error)
     });
 }
-</script>
+</script>

frontend/pages/settings/config/changepassword.vue

@@ -1,23 +1,23 @@
 <template>
     <div class="flex flex-col gap-5 mx-auto p-2 w-full max-w-md">
         <form @submit.prevent="savePassword" class="flex flex-col">
-            <label class="font-bold">Old Password</label>
+            <label class="font-bold">Oud Wachtwoord</label>
             <input v-model="form.oldPassword" required="true" class="input mb-5" :type="showPassword ? 'text' : 'password'">
 
-            <label class="font-bold">New Password</label>
+            <label class="font-bold">Nieuw Wachtwoord</label>
             <input v-model="form.newPassword" required="true" class="input mb-5" :type="showPassword ? 'text' : 'password'">
 
-            <label class="font-bold">Confirm New Password</label>
+            <label class="font-bold">Herhaal Nieuw Wachtwoord</label>
             <input v-model="form.confirmNewPassword" required="true" class="input" :type="showPassword ? 'text' : 'password'">
 
             <div class="mb-5 mt-1 flex items-center text-default">
                 <input v-model="showPassword" type="checkbox" class="mr-1 checkbox ">
-                <span>Show Password</span>
+                <span>Toon Wachtwoord</span>
             </div>
 
             <div class="w-full flex flex-wrap justify-between">
-                <input :disabled="disableButtons" type="submit" value="Change Password" class="btn w-full sm:w-40 mb-1">
+                <input :disabled="disableButtons" type="submit" value="Wijzig Wachtwoord" class="btn w-full sm:w-52 mb-1">
-                <button @click="router.back()" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Cancel</button>
+                <button @click="router.back()" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Annuleer</button>
             </div>
         </form>
     </div>
@@ -28,7 +28,7 @@ import { reauthenticateWithCredential, EmailAuthProvider, updatePassword } from
 import { useToast } from 'vue-toastification'
 
 definePageMeta({
-    title: 'Change Password',
+    title: 'Wachtwoord Wijzigen',
     key: 'back'
 })
 
@@ -86,4 +86,4 @@ const savePassword = () => {
 
 const showPassword = ref(false)
 const disableButtons = ref(false)
-</script>
+</script>

frontend/pages/settings/config/managerelatiecodes.vue

@@ -8,8 +8,8 @@
                 </div>
             </div>
             <div class="w-full flex flex-wrap">
-                <button :disabled="buttonsDisabled" @click="save" class="btn w-full sm:w-40 mb-1">Save</button>
+                <button :disabled="buttonsDisabled" @click="save" class="btn w-full sm:w-40 mb-1">Opslaan</button>
-                <span @click="router.back()" class="hover:underline font-bold w-full text-center sm:w-max sm:ml-auto hover:cursor-pointer">Cancel</span>
+                <span @click="router.back()" class="hover:underline font-bold w-full text-center sm:w-max sm:ml-auto hover:cursor-pointer">Annuleer</span>
             </div>
         </div>
         <div class="w-full flex flex-col justify-center items-center" v-else>

frontend/pages/settings/index.vue

@@ -34,12 +34,12 @@
                 </NuxtLink>
                 <div class="divider" />
                 <NuxtLink to="/settings/config/changepassword" class="item-hover py-2 flex items-center">
-                    <span>Verander Wachtwoord</span>
+                    <span>Wachtwoord Wijzigen</span>
                     <Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
                 </NuxtLink>
                 <div class="divider" />
                 <NuxtLink to="/settings/config/changeemail" class="item-hover py-2 flex items-center">
-                    <span>Verander Email</span>
+                    <span>Email Wijzigen</span>
                     <Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
                 </NuxtLink>
                 <div class="divider" />