I have translated AccountSecurity.vue+ did a fix in manageaccount

This commit is contained in:
PascalMarchesseault
2024-09-02 23:00:39 -04:00
parent d33d3885da
commit c2677afe83
4 changed files with 42 additions and 26 deletions

View File

@@ -106,7 +106,15 @@
"accounts": "Account",
"accountmanagement": "Account Management",
"pageid": "Page ID",
"addAccount": "Add Account",
"addaccount": "Add Account",
"authoritygranted": "Granted Permissions"
},
"security": {
"title": "Security",
"howtoconnect": "How to connect to Hutopy",
"password": "Password",
"recoverybyemail": "Recovery by Email",
"recoverybymobile": "Recovery by Mobile"
}
}

View File

@@ -108,6 +108,14 @@
"pageid": "ID de la page",
"addaccount": "Ajouter un compte",
"authoritygranted": "Autorisations accordées"
},
"security": {
"title": "Sécurité",
"howtoconnect": "Comment vous connecter à Hutopy",
"password": "Mot de passe",
"recoverybyemail": "Récupération par email",
"recoverybymobile": "Récupération par mobile"
}
}

View File

@@ -20,7 +20,7 @@
</button>
<button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
<span class="flex-none pa-2 min-w-32 text-left">{{$t('accountmanagement.addAccount')}}</span>
<span class="flex-none pa-2 min-w-32 text-left">{{$t('accountmanagement.addaccount')}}</span>
<span class="flex-none text-fuchsia-800">
<v-icon>mdi-plus-circle</v-icon>

View File

@@ -1,16 +1,16 @@
<template>
<div class="flex flex-col items-center w-full">
<h1 class="uppercase pb-5 text-2xl"> <v-icon class="mr-2">mdi-security</v-icon> Sécurité</h1>
<h1 class="uppercase pb-5 text-2xl"> <v-icon class="mr-2">mdi-security</v-icon>{{$t('security.title')}}</h1>
<div class="border rounded-2xl w-full max-w-[800px]">
<div class="py-5 uppercase ml-4">Comment vous connecter à Hutopy</div>
<div class="py-5 uppercase ml-4">{{$t('security.howtoconnect')}}</div>
<div class="flex flex-col w-full">
<button
@click="openModal('ModalPassword')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
<span class="pa-2 min-w-32 text-left"><v-icon>mdi-onepassword</v-icon></span>
<span class="flex-auto text-left pr-6">Mot de passe</span>
<span class="flex-auto text-left pr-6">{{$t('security.password')}}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
@@ -20,7 +20,7 @@
@click="openModal('ModalRecoveryByEmailInfo')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
<span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-email-outline</v-icon></span>
<span class="flex-auto text-left pr-6">Récupération par E-mail</span>
<span class="flex-auto text-left pr-6">{{$t('security.recoverybyemail')}}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
@@ -30,7 +30,7 @@
@click="openModal('ModalRecoveryByPhoneInfo')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
<span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-cellphone</v-icon></span>
<span class="flex-auto text-left pr-6">Récupération par mobile</span>
<span class="flex-auto text-left pr-6">{{$t('security.recoverybymobile')}}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>