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">