more translations
This commit is contained in:
parent
cdd4204fc4
commit
27d4be9907
@ -32,7 +32,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full flex flex-wrap">
|
<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>
|
<button @click="goBack" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Jij niet? Ga terug</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
<div class="divider" />
|
<div class="divider" />
|
||||||
<NuxtLink to="/calendar" class="item-hover py-2 flex items-center">
|
<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"/>
|
<Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
<div class="divider" />
|
<div class="divider" />
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
|
|
||||||
<div class="w-full flex flex-wrap justify-between">
|
<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">
|
<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>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -2,20 +2,20 @@
|
|||||||
<div class="flex flex-col gap-5 mx-auto p-2 w-full max-w-md">
|
<div class="flex flex-col gap-5 mx-auto p-2 w-full max-w-md">
|
||||||
<form @submit.prevent="saveEmail" class="flex flex-col">
|
<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>
|
<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'">
|
<input v-model="password" required="true" class="input " :type="showPassword ? 'text' : 'password'">
|
||||||
|
|
||||||
<div class="mb-5 mt-1 flex items-center text-default">
|
<div class="mb-5 mt-1 flex items-center text-default">
|
||||||
<input v-model="showPassword" type="checkbox" class="mr-1 checkbox ">
|
<input v-model="showPassword" type="checkbox" class="mr-1 checkbox ">
|
||||||
<span>Show Password</span>
|
<span>Toon Wachtwoord</span>
|
||||||
</div>
|
</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">
|
<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">
|
<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>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@ -27,7 +27,7 @@ import { updateDoc, doc } from 'firebase/firestore'
|
|||||||
import { useToast } from 'vue-toastification'
|
import { useToast } from 'vue-toastification'
|
||||||
|
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
title: 'Change Email',
|
title: 'Email Wijzigen',
|
||||||
key: 'back'
|
key: 'back'
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -74,4 +74,4 @@ const saveEmail = () => {
|
|||||||
console.log(error)
|
console.log(error)
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
@ -1,23 +1,23 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="flex flex-col gap-5 mx-auto p-2 w-full max-w-md">
|
<div class="flex flex-col gap-5 mx-auto p-2 w-full max-w-md">
|
||||||
<form @submit.prevent="savePassword" class="flex flex-col">
|
<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'">
|
<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'">
|
<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'">
|
<input v-model="form.confirmNewPassword" required="true" class="input" :type="showPassword ? 'text' : 'password'">
|
||||||
|
|
||||||
<div class="mb-5 mt-1 flex items-center text-default">
|
<div class="mb-5 mt-1 flex items-center text-default">
|
||||||
<input v-model="showPassword" type="checkbox" class="mr-1 checkbox ">
|
<input v-model="showPassword" type="checkbox" class="mr-1 checkbox ">
|
||||||
<span>Show Password</span>
|
<span>Toon Wachtwoord</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full flex flex-wrap justify-between">
|
<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>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@ -28,7 +28,7 @@ import { reauthenticateWithCredential, EmailAuthProvider, updatePassword } from
|
|||||||
import { useToast } from 'vue-toastification'
|
import { useToast } from 'vue-toastification'
|
||||||
|
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
title: 'Change Password',
|
title: 'Wachtwoord Wijzigen',
|
||||||
key: 'back'
|
key: 'back'
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -86,4 +86,4 @@ const savePassword = () => {
|
|||||||
|
|
||||||
const showPassword = ref(false)
|
const showPassword = ref(false)
|
||||||
const disableButtons = ref(false)
|
const disableButtons = ref(false)
|
||||||
</script>
|
</script>
|
||||||
|
@ -8,8 +8,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full flex flex-wrap">
|
<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>
|
</div>
|
||||||
<div class="w-full flex flex-col justify-center items-center" v-else>
|
<div class="w-full flex flex-col justify-center items-center" v-else>
|
||||||
|
@ -34,12 +34,12 @@
|
|||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
<div class="divider" />
|
<div class="divider" />
|
||||||
<NuxtLink to="/settings/config/changepassword" class="item-hover py-2 flex items-center">
|
<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"/>
|
<Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
<div class="divider" />
|
<div class="divider" />
|
||||||
<NuxtLink to="/settings/config/changeemail" class="item-hover py-2 flex items-center">
|
<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"/>
|
<Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
<div class="divider" />
|
<div class="divider" />
|
||||||
|
Loading…
Reference in New Issue
Block a user