Updated translations in new frontend.

frontend/src/components/domains/DomainList.vue

@@ -179,7 +179,10 @@ export default {
     async deleteDomain (domain) {
       const confirm = await this.$refs.confirm.open(
         this.$gettext('Warning'),
-        this.$gettext(`Do you really want to delete the domain ${domain.name}?`),
+        this.$gettextInterpolate(
+          'Do you really want to delete the domain %{ domain }?',
+          { domain: domain.name }
+        ),
         {
           color: 'error',
           cancelLabel: this.$gettext('No'),

frontend/src/components/identities/IdentityList.vue

@@ -95,7 +95,10 @@ export default {
     async deleteAlias (alias) {
       const confirm = await this.$refs.confirmAlias.open(
         this.$gettext('Warning'),
-        this.$gettext(`Do you really want to delete the alias ${alias.identity}?`),
+        this.$gettext(
+          'Do you really want to delete the alias %{ alias }?',
+          { alias: alias.identity }
+        ),
         {
           color: 'error',
           cancelLabel: this.$gettext('No'),
@@ -113,7 +116,10 @@ export default {
     async deleteAccount (account) {
       const confirm = await this.$refs.confirmAccount.open(
         this.$gettext('Warning'),
-        this.$gettext(`Do you really want to delete the account ${account.identity}?`),
+        this.$gettextInterpolate(
+          'Do you really want to delete the account %{ account }?',
+          { account: account.identity }
+        ),
         {
           color: 'error',
           cancelLabel: this.$gettext('No'),

frontend/src/components/layout/Navbar.vue

@@ -1,15 +1,23 @@
 <template>
   <v-navigation-drawer
     v-model="drawer"
+    :mini-variant.sync="mini"
+    permanent
     color="primary"
     app
     dark
     >
-    <div class="d-flex justify-start">
+    <div class="d-flex align-center">
       <v-img
         src="../../assets/Modoboa_RVB-BLANC-SANS.png"
         max-width="190"
         />
+      <v-btn
+        icon
+        @click.stop="mini = !mini"
+        >
+        <v-icon>mdi-chevron-left</v-icon>
+      </v-btn>
     </div>
 
     <v-list>
@@ -75,8 +83,10 @@
             <v-avatar size="40" color="primary">
               <span class="white--text headline">{{ userInitials }}</span>
             </v-avatar>
-            <span class="mx-2">{{ displayName }}</span>
-            <v-icon class="float-right">mdi-chevron-up</v-icon>
+            <template v-if="!mini">
+              <span class="mx-2">{{ displayName }}</span>
+              <v-icon class="float-right">mdi-chevron-up</v-icon>
+            </template>
           </div>
         </template>
         <v-list>
@@ -173,6 +183,7 @@ export default {
           roles: ['SuperAdmins']
         }
       ],
+      mini: false,
       userMenuItems: [
         {
           text: this.$gettext('Logout'),

frontend/src/components/tools/ChoiceField.vue

@@ -11,7 +11,7 @@
          @click="selectChoice(choice.value)"
          >
       <v-icon v-if="choice.icon" class="d-block mb-2" :color="iconColor(choice.value)" x-large>{{ choice.icon }}</v-icon>
-      <translate class="grey--text text--darken-1">{{ choice.label }}</translate>
+      <span class="grey--text text--darken-1">{{ choice.label }}</span>
     </div>
   </div>
 </div>

frontend/src/components/tools/CreationForm.vue

@@ -27,8 +27,8 @@
         class="flex-grow-0"
         >
         <div class="mb-6 text-h5">
-          <translate class="grey--text text--darken-1">{{ title }}</translate> /
-          <translate>{{ step.title }}</translate>
+          <span class="grey--text text--darken-1">{{ title }}</span> /
+          {{ step.title }}
         </div>
         <slot :name="`form.${step.name}`" v-bind:step="index + 1" />
         <div class="d-flex justify-end mt-4">

frontend/src/store/modules/auth.js

@@ -1,4 +1,5 @@
 import Cookies from 'js-cookie'
+import Vue from 'vue'
 
 import repository from '@/api/repository'
 import account from '@/api/account'
@@ -28,6 +29,7 @@ const mutations = {
   SET_AUTH_USER (state, { authUser, isAuthenticated }) {
     state.authUser = authUser
     state.isAuthenticated = isAuthenticated
+    Vue.config.language = authUser.language
   },
   LOGOUT_USER (state) {
     state.authUser = null

frontend/src/translations.json

@@ -1 +1 @@
-{"en":{},"fr":{}}
+{"en":{},"fr":{"(disabled)":"(désactivé)","Account":"Compte","Account created":"Compte créé","Account updated":"Compte mis à jour","Actions":"Actions","Add":"Ajouter","Address":"Adresse","Administration":"Administration","Administrators":"Administrateurs","Alias":"Alias","Alias created":"Alias créé","Aliases":"Alias","Apply":"Appliquer","Authentication":"Authentification","Auto configuration":"Configuration automatique","Close":"Fermer","Confirmation":"Confirmation","Create a domain administrator":"Créer un administrateur de domaine","Create a mailbox for the administrator.":"Créer une boite aux lettres pour l'administrateur","Create aliases":"Créer des alias","Creation date":"Date de création","Dashboard":"Tableau de bord","Date":"Date","Day":"Jour","Default mailbox quota":"Quota par défaut pour une boîte aux lettres","Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Quota par défaut appliqué aux boîtes aux lettres. Peut être exprimé en Ko, Mo (défaut) ou Go. Une valeur à 0 signifie pas de quota.","Description":"Description","Disabled":"Désactivés","DKIM key":"Clé DKIM","DNS":"DNS","DNS status":"Statut DNS","Domain":"Domaine","Domain administrator":"Administrateur de domaine","Domain created":"Domaine créé","Domains":"Domaines","Email address":"Adresse email","Enable DKIM signing":"Activer la signature DKIM","Enable DNS checks":"Activer les tests DNS","Enabled":"Activé","Expire at":"Expire le","Forgot password?":"Mot de passe oublié ?","From":"De","General":"Général","Generate a random password for the administrator.":"Générer un mot de passe aléatoire pour cet administrateur.","hostname of your automx server":"Nom d'hôte de votre serveur automx","Identities":"Identités","IP address of your Modoboa server":"Adresse IP de votre serveur Modoboa","Last modification date":"Date de dernière modification","Level":"Niveau","Logger":"Logger","Logout":"Déconnexion","Logs":"Journaux","Mailbox":"Boîte aux lettres","Mailboxes":"Boites","Message":"Message","Message sending limit":"Limite d'envoi des messages","Month":"Mois","Name":"Nom","New account":"Nouveau compte","New alias":"Nouvel alias","New domain":"Nouveau domaine","Next":"Suivant","No":"Non","Not generated":"Non générée","Options":"Options","Parameters":"Paramètres","Password":"Mot de passe","Queue ID":"ID de file","Quota":"Quota","Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).":"Quota pour cette boite. Peut être exprimé en Ko, Mo (défaut) ou Go. Définir une valeur spécifique ou utiliser la valeur par défaut du domaine. Laisser vide pour définir une valeur illimitée (interdit pour les admins. de domaine).","Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Quota partagé entre les boîtes aux lettres. Peut être exprimé en Ko, Mo (défaut) ou Go. Une valeur à 0 signifie pas de quota.","Random address":"Adresse aléatoire","Random password":"Mot de passe aléatoire","Recipients":"Destinataires","Remember me":"Se souvenir de moi","Reseller":"Revendeur","Role":"Rôle","Save":"Enregistrer","Search":"Chercher","Show key":"Afficher la clé","Simple user":"Utilisateur simple","Status":"Statut","Summary":"Résumé","Super administrator":"Super administrateur","Tags":"Tags","To":"A","Type":"Type","Unknown":"Inconnu","unlimited":"illimité","Update":"Mettre à jour","Updated":"Mis à jour","Use domain default value":"Utiliser la valeur par défaut du domaine","Username":"Nom d'utilisateur","Week":"Semaine","Welcome to Modoboa":"Bienvenue dans Modoboa","With a mailbox":"Avec une boite aux lettres","Year":"Année","Yes":"Oui","This field is required":"Ce champ est requis"}}