localize TheUserTable

frontend/src/components/Admin/ManageUsers/TheUserTable.vue

@@ -2,10 +2,8 @@
   <v-card outlined class="mt-n1">
     <Confirmation
       ref="deleteUserDialog"
-      title="Confirm User Deletion"
+      :title="$t('user.confirm-user-deletion')"
-      :message="
+      :message="$t('user.are-you-sure-you-want-to-delete-the-user', { activeName, activeId })"
-        `Are you sure you want to delete the user <b>${activeName} ID: ${activeId}<b/>`
-      "
       icon="mdi-alert"
       @confirm="deleteUser"
       :width="450"
@@ -18,7 +16,7 @@
           v-model="search"
           class="mr-2"
           append-icon="mdi-filter"
-          label="Filter"
+          :label="$t('general.filter')"
           single-line
           hide-details
         ></v-text-field>
@@ -27,7 +25,7 @@
       <v-dialog v-model="dialog" max-width="600px">
         <template v-slot:activator="{ on, attrs }">
           <v-btn small color="success" dark v-bind="attrs" v-on="on">
-            Create User
+            {{$t('user.create-user')}}
           </v-btn>
         </template>
         <v-card>
@@ -42,7 +40,7 @@
 
             <v-spacer></v-spacer>
             <v-toolbar-title class="headline">
-              User ID: {{ editedItem.id }}
+              {{$t('user.user-id')}} {{ editedItem.id }}
             </v-toolbar-title>
           </v-app-bar>
 
@@ -142,43 +140,45 @@ import { validators } from "@/mixins/validators";
 export default {
   components: { Confirmation },
   mixins: [validators],
-  data: () => ({
+  data() { 
-    search: "",
+    return {
-    dialog: false,
+      search: "",
-    activeId: null,
+      dialog: false,
-    activeName: null,
+      activeId: null,
-    headers: [
+      activeName: null,
-      {
+      headers: [
-        text: this.$t('user.user-id'),
+        {
-        align: "start",
+          text: this.$t("user.user-id"),
-        sortable: false,
+          align: "start",
-        value: "id",
+          sortable: false,
+          value: "id",
+        },
+        { text: this.$t('user.full-name'), value: "fullName" },
+        { text: this.$t('user.email'), value: "email" },
+        { text: this.$t('user.group'), value: "group" },
+        { text: this.$t('user.admin'), value: "admin" },
+        { text: "", value: "actions", sortable: false, align: "center" },
+      ],
+      users: [],
+      editedIndex: -1,
+      editedItem: {
+        id: 0,
+        fullName: "",
+        password: "",
+        email: "",
+        group: "",
+        admin: false,
       },
-      { text: this.$t('user.full-name'), value: "fullName" },
+      defaultItem: {
-      { text: this.$t('user.email'), value: "email" },
+        id: 0,
-      { text: this.$t('user.group'), value: "group" },
+        fullName: "",
-      { text: this.$t('user.admin'), value: "admin" },
+        password: "",
-      { text: "", value: "actions", sortable: false, align: "center" },
+        email: "",
-    ],
+        group: "",
-    users: [],
+        admin: false,
-    editedIndex: -1,
+      },
-    editedItem: {
+    } 
-      id: 0,
+  },
-      fullName: "",
-      password: "",
-      email: "",
-      group: "",
-      admin: false,
-    },
-    defaultItem: {
-      id: 0,
-      fullName: "",
-      password: "",
-      email: "",
-      group: "",
-      admin: false,
-    },
-  }),
 
   computed: {
     formTitle() {

frontend/src/locales/messages/en.json

@@ -39,7 +39,8 @@
     "sort": "Sort",
     "recent": "Recent",
     "sort-alphabetically": "A-Z",
-    "reset": "Reset"
+    "reset": "Reset",
+    "filter": "Filter"
   },
   "page": {
     "home-page": "Home Page",
@@ -60,7 +61,10 @@
     "user-id": "User ID",
     "group": "Group",
     "new-user": "New User",
-    "edit-user": "Edit User"
+    "edit-user": "Edit User",
+    "create-user": "Create User",
+    "confirm-user-deletion": "Confirm User Deletion",
+    "are-you-sure-you-want-to-delete-the-user": "Are you sure you want to delete the user <b>{activeName} ID: {activeId}<b/>"
   },
   "meal-plan": {
     "shopping-list": "Shopping List",

frontend/src/locales/messages/fr.json

@@ -20,7 +20,7 @@
     "save": "Sauvegarder",
     "image-file": "Image",
     "update": "Mettre à jour",
-    "edit": "Editer",
+    "edit": "Modifier",
     "delete": "Supprimer",
     "select": "Sélectionner",
     "random": "Aléatoire",
@@ -39,7 +39,8 @@
     "recent": "Récent",
     "sort": "Trier",
     "sort-alphabetically": "A-Z",
-    "reset": "Réinitialiser"
+    "reset": "Réinitialiser",
+    "filter": "Filtrer"
   },
   "page": {
     "home-page": "Accueil",
@@ -48,7 +49,7 @@
   },
   "user": {
     "stay-logged-in": "Rester connecté(e) ?",
-    "email": "Email",
+    "email": "E-mail",
     "password": "Mot de passe",
     "sign-in": "Se connecter",
     "sign-up": "S'inscrire",
@@ -60,7 +61,10 @@
     "new-user": "Nouvel utilisateur",
     "user-group": "Groupe utilisateur",
     "user-id": "ID utilisateur",
-    "user-password": "Mot de passe de l'utilisateur"
+    "user-password": "Mot de passe de l'utilisateur",
+    "create-user": "Créer utilisateur",
+    "are-you-sure-you-want-to-delete-the-user": "Êtes-vous sûr de vouloir supprimer l'utilisateur <b>{activeName} ID : {activeId}<b/>",
+    "confirm-user-deletion": "Confirmer la suppression"
   },
   "meal-plan": {
     "shopping-list": "Liste d'achats",