From 6a3534da76c831e300c02731a758dbcf8e5d04a5 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Mon, 5 Aug 2024 20:47:10 +0200
Subject: [PATCH] basic space member settings

---
 .../settings/SpaceMemberSettings.vue          | 140 +++++++++++++++++-
 vue3/src/locales/ar.json                      |   4 +
 vue3/src/locales/bg.json                      |   4 +
 vue3/src/locales/ca.json                      |   4 +
 vue3/src/locales/cs.json                      |   4 +
 vue3/src/locales/da.json                      |   4 +
 vue3/src/locales/de.json                      |   4 +
 vue3/src/locales/el.json                      |   4 +
 vue3/src/locales/en.json                      |   4 +
 vue3/src/locales/es.json                      |   4 +
 vue3/src/locales/fi.json                      |   4 +
 vue3/src/locales/fr.json                      |   4 +
 vue3/src/locales/he.json                      |   4 +
 vue3/src/locales/hu.json                      |   4 +
 vue3/src/locales/hy.json                      |   4 +
 vue3/src/locales/id.json                      |   4 +
 vue3/src/locales/is.json                      |   4 +
 vue3/src/locales/it.json                      |   4 +
 vue3/src/locales/lt.json                      |   4 +
 vue3/src/locales/nb_NO.json                   |   4 +
 vue3/src/locales/nl.json                      |   4 +
 vue3/src/locales/pl.json                      |   4 +
 vue3/src/locales/pt.json                      |   4 +
 vue3/src/locales/pt_BR.json                   |   4 +
 vue3/src/locales/ro.json                      |   4 +
 vue3/src/locales/ru.json                      |   4 +
 vue3/src/locales/sl.json                      |   4 +
 vue3/src/locales/sv.json                      |   4 +
 vue3/src/locales/tr.json                      |   4 +
 vue3/src/locales/uk.json                      |   4 +
 vue3/src/locales/zh_Hans.json                 |   4 +
 vue3/src/locales/zh_Hant.json                 |   4 +
 vue3/src/stores/MessageStore.ts               |   6 +-
 vue3/src/vuetify.ts                           |  15 +-
 34 files changed, 279 insertions(+), 6 deletions(-)

diff --git a/vue3/src/components/settings/SpaceMemberSettings.vue b/vue3/src/components/settings/SpaceMemberSettings.vue
index 63a9f5f42..c910f8c08 100644
--- a/vue3/src/components/settings/SpaceMemberSettings.vue
+++ b/vue3/src/components/settings/SpaceMemberSettings.vue
@@ -1,10 +1,70 @@
 <template>
     <v-form>
-        <p class="text-h6">{{ $t('Cosmetic') }}</p>
+        <p class="text-h6">{{ $t('SpaceMembers') }}</p>
         <v-divider class="mb-3"></v-divider>
 
+        <v-data-table :items="spaceUserSpaces" :headers="userTableHeaders" :hide-default-footer="spaceUserSpaces.length < 10">
+
+            <template #item.groups="{item}">
+                <span v-for="g in item.groups">{{ g.name }}</span>
+            </template>
+
+            <template #item.edit="{item}">
+                <v-btn icon="$edit" color="edit" size="small" variant="tonal" @click="spaceUserEditDialogUserSpace = Object.assign({}, item); spaceUserEditDialogState = true"></v-btn>
+            </template>
+
+        </v-data-table>
+
+        <v-dialog v-model="spaceUserEditDialogState" max-width="400px">
+            <v-card>
+                <v-card-title>{{ $t('User') }}: {{ spaceUserEditDialogUserSpace.user.displayName }}</v-card-title>
+                <v-card-subtitle>{{ $t('Created') }} {{ DateTime.fromJSDate(spaceUserEditDialogUserSpace.createdAt).toLocaleString(DateTime.DATETIME_MED) }}</v-card-subtitle>
+                <v-card-text>
+                    <v-form>
+                        <v-select :items="groups" item-value="id" item-title="name" v-model="spaceUserEditDialogUserSpace.groups"></v-select>
+                    </v-form>
+                    <div v-if="spaceUserEditDialogUserSpace.internalNote">
+                        <p>{{$t('Note')}}</p>
+                        <span>{{spaceUserEditDialogUserSpace.internalNote}}</span>
+                    </div>
+                </v-card-text>
+                <v-card-actions>
+                    <v-btn color="cancel"  @click="spaceUserEditDialogState = false">{{ $t('Cancel') }}</v-btn>
+                    <v-btn color="save" prepend-icon="$save" @click="updateUserSpace(spaceUserEditDialogUserSpace)">{{ $t('Save') }}</v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
+
+        <p class="text-h6 mt-3">{{ $t('Invites') }} <v-btn size="small" class="float-right" prepend-icon="$create" color="create" @click="inviteLinkDialogObject = {} as InviteLink;inviteLinkDialogState = true">{{$t('New')}}</v-btn></p>
+        <v-divider class="mb-3"></v-divider>
+
+        <v-data-table :items="spaceInviteLinks" :headers="inviteTableHeaders" density="compact" :hide-default-footer="spaceInviteLinks.length < 10">
+            <template #item.edit="{item}">
+                <v-btn icon="$edit" color="edit" size="small" variant="tonal" @click="inviteLinkDialogObject = Object.assign({}, item); inviteLinkDialogState = true"></v-btn>
+            </template>
+
+        </v-data-table>
+
+        <v-dialog v-model="inviteLinkDialogState" max-width="400px">
+            <v-card>
+                <v-card-title>{{$t('Invites')}}</v-card-title>
+                <v-card-text>
+                    <v-form>
+                        <v-text-field :label="$t('Email')" v-model="inviteLinkDialogObject.email"></v-text-field>
+                        <v-select :label="$t('Role')" :items="groups" item-value="id" item-title="name" return-object v-model="inviteLinkDialogObject.group"></v-select>
+                        <v-date-input :label="$t('Valid Until')" v-model="inviteLinkDialogObject.validUntil"></v-date-input>
+                        <v-textarea :label="$t('Note')" v-model="inviteLinkDialogObject.internalNote"></v-textarea>
+                        <v-checkbox :label="$t('Reusable')" v-model="inviteLinkDialogObject.reusable"></v-checkbox>
+                    </v-form>
+
+                </v-card-text>
+                <v-card-actions>
+                    <v-btn color="cancel"  @click="inviteLinkDialogState = false">{{ $t('Cancel') }}</v-btn>
+                    <v-btn color="save" prepend-icon="$save" @click="createInviteLink(inviteLinkDialogObject)">{{ $t('Create') }}</v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
 
-        <v-btn class="mt-3" color="success" @click="useUserPreferenceStore().updateUserSettings()" prepend-icon="$save">{{$t('Save')}}</v-btn>
     </v-form>
 </template>
 
@@ -12,8 +72,82 @@
 <script setup lang="ts">
 
 
+import {onMounted, ref} from "vue";
+import {ApiApi, Group, InviteLink, UserSpace} from "@/openapi";
+import {ErrorMessageType, PreparedMessage, useMessageStore} from "@/stores/MessageStore";
+import {useI18n} from "vue-i18n";
+import {DateTime} from "luxon";
+import {VDateInput} from 'vuetify/labs/VDateInput' //TODO remove once component is out of labs
+
+const {t} = useI18n()
+
+const spaceUserSpaces = ref([] as UserSpace[])
+const spaceInviteLinks = ref([] as InviteLink[])
+const groups = ref([] as Group[])
+
+const spaceUserEditDialogState = ref(false)
+const spaceUserEditDialogUserSpace = ref({} as UserSpace)
+
+const inviteLinkDialogState = ref(false)
+const inviteLinkDialogObject = ref({} as InviteLink)
+
+const userTableHeaders = [
+    {title: t('Username'), key: 'user.username'},
+    {title: t('Role'), key: 'groups'},
+    {title: t('Edit'), key: 'edit', align: 'end'},
+]
+
+const inviteTableHeaders = [
+    {title: 'ID', key: 'id'},
+    {title: t('Email'), key: 'email'},
+    {title: t('Role'), key: 'group.name'},
+    {title: t('Edit'), key: 'edit', align: 'end'},
+]
+
+onMounted(() => {
+    const api = new ApiApi()
+
+    api.apiGroupList().then(r => {
+        groups.value = r
+    }).catch(err => {
+        useMessageStore().addError(ErrorMessageType.FETCH_ERROR, err)
+    })
+
+    api.apiUserSpaceList().then(r => {
+        spaceUserSpaces.value = r.results
+    }).catch(err => {
+        useMessageStore().addError(ErrorMessageType.FETCH_ERROR, err)
+    })
+
+    api.apiInviteLinkList().then(r => {
+        spaceInviteLinks.value = r.results
+    }).catch(err => {
+        useMessageStore().addError(ErrorMessageType.FETCH_ERROR, err)
+    })
+})
+
+function updateUserSpace(userSpace: UserSpace) {
+    const api = new ApiApi()
+
+    api.apiUserSpacePartialUpdate({id: userSpace.id!, patchedUserSpace: userSpace}).then(r => {
+
+    }).catch(err => {
+        useMessageStore().addError(ErrorMessageType.UPDATE_ERROR, err)
+    })
+}
+
+function createInviteLink(inviteLink: InviteLink){
+    const api = new ApiApi()
+
+    api.apiInviteLinkCreate({inviteLink: inviteLink}).then(r => {
+        inviteLinkDialogState.value = false
+        spaceInviteLinks.value.push(r)
+        useMessageStore().addPreparedMessage(PreparedMessage.CREATE_SUCCESS)
+    }).catch(err => {
+        useMessageStore().addError(ErrorMessageType.CREATE_ERROR, err)
+    })
+}
 
-import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
 </script>
 
 <style scoped>
diff --git a/vue3/src/locales/ar.json b/vue3/src/locales/ar.json
index b4fbbfc05..3b54b0986 100644
--- a/vue3/src/locales/ar.json
+++ b/vue3/src/locales/ar.json
@@ -68,6 +68,7 @@
 	"Edit_Keyword": "",
 	"Edit_Meal_Plan_Entry": "",
 	"Edit_Recipe": "",
+	"Email": "",
 	"Empty": "",
 	"Enable_Amount": "",
 	"Energy": "",
@@ -89,6 +90,7 @@
 	"Food_Alias": "",
 	"Foods": "",
 	"GroupBy": "",
+	"Groups": "",
 	"Hide_Food": "",
 	"Hide_Keyword": "",
 	"Hide_Keywords": "",
@@ -210,6 +212,8 @@
 	"Remove_nutrition_recipe": "",
 	"Reset": "",
 	"Reset_Search": "",
+	"Reusable": "",
+	"Role": "",
 	"Root": "",
 	"Save": "",
 	"Save_and_View": "",
diff --git a/vue3/src/locales/bg.json b/vue3/src/locales/bg.json
index 105e46acb..b83e35ac0 100644
--- a/vue3/src/locales/bg.json
+++ b/vue3/src/locales/bg.json
@@ -65,6 +65,7 @@
 	"Edit_Keyword": "Редактиране на ключова дума",
 	"Edit_Meal_Plan_Entry": "Редактиране на записа в плана за хранене",
 	"Edit_Recipe": "Редактиране на рецепта",
+	"Email": "",
 	"Empty": "Празно",
 	"Enable_Amount": "Активиране на сумата",
 	"Energy": "Енергия",
@@ -86,6 +87,7 @@
 	"Food_Alias": "Псевдоним на храната",
 	"Foods": "Храни",
 	"GroupBy": "Групирай по",
+	"Groups": "",
 	"Hide_Food": "Скриване на храна",
 	"Hide_Keyword": "Скриване на ключови думи",
 	"Hide_Keywords": "Скриване на ключова дума",
@@ -203,6 +205,8 @@
 	"Remove_nutrition_recipe": "Изтрийте хранителните стойности от рецептата",
 	"Reset": "Нулиране",
 	"Reset_Search": "Нулиране на търсенето",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Корен",
 	"Save": "Запази",
 	"Save_and_View": "Запазете и прегледайте",
diff --git a/vue3/src/locales/ca.json b/vue3/src/locales/ca.json
index 41791aa72..0172ca6b6 100644
--- a/vue3/src/locales/ca.json
+++ b/vue3/src/locales/ca.json
@@ -100,6 +100,7 @@
 	"Edit_Keyword": "Editeu paraula clau",
 	"Edit_Meal_Plan_Entry": "",
 	"Edit_Recipe": "Editeu recepta",
+	"Email": "",
 	"Empty": "",
 	"Enable": "",
 	"Enable_Amount": "Habiliteu quantitat",
@@ -129,6 +130,7 @@
 	"Food_Replace": "",
 	"Foods": "",
 	"GroupBy": "",
+	"Groups": "",
 	"Hide_Food": "",
 	"Hide_Keyword": "",
 	"Hide_Keywords": "Amagueu paraula clau",
@@ -280,6 +282,8 @@
 	"Remove_nutrition_recipe": "Esborreu nutrició de la recepta",
 	"Reset": "",
 	"Reset_Search": "Reinicieu la cerca",
+	"Reusable": "",
+	"Role": "",
 	"Root": "",
 	"Save": "",
 	"Save_and_View": "Graveu-ho i mostreu-ho",
diff --git a/vue3/src/locales/cs.json b/vue3/src/locales/cs.json
index 0e15cbb3c..b038d4956 100644
--- a/vue3/src/locales/cs.json
+++ b/vue3/src/locales/cs.json
@@ -100,6 +100,7 @@
 	"Edit_Keyword": "Upravit štítek",
 	"Edit_Meal_Plan_Entry": "Upravit položku v jídelníčku",
 	"Edit_Recipe": "Upravit recept",
+	"Email": "",
 	"Empty": "Prázdné",
 	"Enable": "Aktivovat",
 	"Enable_Amount": "Zobrazit množství",
@@ -129,6 +130,7 @@
 	"Food_Replace": "Nahrazení v potravině",
 	"Foods": "Potraviny",
 	"GroupBy": "Seskupit podle",
+	"Groups": "",
 	"Hide_Food": "Skrýt potravinu",
 	"Hide_Keyword": "Skrýt štítky",
 	"Hide_Keywords": "Skrýt štítek",
@@ -278,6 +280,8 @@
 	"Remove_nutrition_recipe": "Smazat nutriční hodnoty",
 	"Reset": "Resetovat",
 	"Reset_Search": "Zrušit filtry vyhledávání",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Kořen",
 	"Save": "Uložit",
 	"Save_and_View": "Uložit a zobrazit",
diff --git a/vue3/src/locales/da.json b/vue3/src/locales/da.json
index 161a6beca..f4b497a8a 100644
--- a/vue3/src/locales/da.json
+++ b/vue3/src/locales/da.json
@@ -91,6 +91,7 @@
 	"Edit_Keyword": "Rediger nøgleord",
 	"Edit_Meal_Plan_Entry": "Rediger punkt i madplan",
 	"Edit_Recipe": "Rediger opskrift",
+	"Email": "",
 	"Empty": "Tom",
 	"Enable_Amount": "Aktiver antal",
 	"EndDate": "Slutdato",
@@ -117,6 +118,7 @@
 	"Food_Replace": "Erstat ingrediens",
 	"Foods": "Mad",
 	"GroupBy": "Grupper efter",
+	"Groups": "",
 	"Hide_Food": "Skjul mad",
 	"Hide_Keyword": "Skjul nøgleord",
 	"Hide_Keywords": "Skjul nøgleord",
@@ -260,6 +262,8 @@
 	"Remove_nutrition_recipe": "Fjern næringsindhold fra opskrift",
 	"Reset": "Nulstil",
 	"Reset_Search": "Nulstil søgning",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Rod",
 	"Save": "Gem",
 	"Save_and_View": "Gem & Vis",
diff --git a/vue3/src/locales/de.json b/vue3/src/locales/de.json
index 92ba1efe7..f5ae336b6 100644
--- a/vue3/src/locales/de.json
+++ b/vue3/src/locales/de.json
@@ -102,6 +102,7 @@
 	"Edit_Keyword": "Schlagwort bearbeiten",
 	"Edit_Meal_Plan_Entry": "Eintrag bearbeiten",
 	"Edit_Recipe": "Rezept bearbeiten",
+	"Email": "Email",
 	"Empty": "Leer",
 	"Enable": "Aktivieren",
 	"Enable_Amount": "Menge aktivieren",
@@ -131,6 +132,7 @@
 	"Food_Replace": "Essen Ersetzen",
 	"Foods": "Lebensmittel",
 	"GroupBy": "Gruppieren nach",
+	"Groups": "Gruppen",
 	"Hide_Food": "Lebensmittel verbergen",
 	"Hide_Keyword": "Schlüsselwörter verbergen",
 	"Hide_Keywords": "Schlagwort verstecken",
@@ -282,6 +284,8 @@
 	"Remove_nutrition_recipe": "Nährwerte aus Rezept löschen",
 	"Reset": "Zurücksetzen",
 	"Reset_Search": "Suche zurücksetzen",
+	"Reusable": "Wiederverwendbar",
+	"Role": "Rolle",
 	"Root": "Wurzel",
 	"Save": "Speichern",
 	"Save_and_View": "Speichern & Ansehen",
diff --git a/vue3/src/locales/el.json b/vue3/src/locales/el.json
index bd581bec3..e9d80631f 100644
--- a/vue3/src/locales/el.json
+++ b/vue3/src/locales/el.json
@@ -90,6 +90,7 @@
 	"Edit_Keyword": "Τροποποίηση λέξης-κλειδί",
 	"Edit_Meal_Plan_Entry": "Τροποποίηση εγγραφής στο πρόγραμμα γευμάτων",
 	"Edit_Recipe": "Τροποποίηση συνταγής",
+	"Email": "",
 	"Empty": "Κενό",
 	"Enable_Amount": "Ενεργοποίηση ποσότητας",
 	"Energy": "Ενέργεια",
@@ -112,6 +113,7 @@
 	"Food_Alias": "Ψευδώνυμο φαγητού",
 	"Foods": "Φαγητά",
 	"GroupBy": "Ομαδοποίηση κατά",
+	"Groups": "",
 	"Hide_Food": "Απόκρυψη φαγητού",
 	"Hide_Keyword": "Απόκρυψη λέξεων-κλειδί",
 	"Hide_Keywords": "Απόκρυψη λέξης-κλειδί",
@@ -252,6 +254,8 @@
 	"Remove_nutrition_recipe": "Αφαίρεση διατροφικής αξίας από τη συνταγή",
 	"Reset": "Επαναφορά",
 	"Reset_Search": "Επαναφορά αναζήτησης",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Ρίζα",
 	"Save": "Αποθήκευση",
 	"Save_and_View": "Αποθήκευση και προβολή",
diff --git a/vue3/src/locales/en.json b/vue3/src/locales/en.json
index aa963cfd6..6a4f8674e 100644
--- a/vue3/src/locales/en.json
+++ b/vue3/src/locales/en.json
@@ -101,6 +101,7 @@
 	"Edit_Keyword": "Edit Keyword",
 	"Edit_Meal_Plan_Entry": "Edit meal plan entry",
 	"Edit_Recipe": "Edit Recipe",
+	"Email": "Email",
 	"Empty": "Empty",
 	"Enable": "Enable",
 	"Enable_Amount": "Enable Amount",
@@ -130,6 +131,7 @@
 	"Food_Replace": "Food Replace",
 	"Foods": "Foods",
 	"GroupBy": "Group By",
+	"Groups": "Groups",
 	"Hide_Food": "Hide Food",
 	"Hide_Keyword": "Hide keywords",
 	"Hide_Keywords": "Hide Keyword",
@@ -281,6 +283,8 @@
 	"Remove_nutrition_recipe": "Delete nutrition from recipe",
 	"Reset": "Reset",
 	"Reset_Search": "Reset Search",
+	"Reusable": "Reusable",
+	"Role": "Role",
 	"Root": "Root",
 	"Save": "Save",
 	"Save_and_View": "Save & View",
diff --git a/vue3/src/locales/es.json b/vue3/src/locales/es.json
index fceb47467..528890cce 100644
--- a/vue3/src/locales/es.json
+++ b/vue3/src/locales/es.json
@@ -101,6 +101,7 @@
 	"Edit_Keyword": "Editar palabra clave",
 	"Edit_Meal_Plan_Entry": "Eliminar entrada del régimen de comidas",
 	"Edit_Recipe": "Editar receta",
+	"Email": "",
 	"Empty": "Vacio",
 	"Enable": "Activado",
 	"Enable_Amount": "Habilitar cantidad",
@@ -130,6 +131,7 @@
 	"Food_Replace": "Sustituir Alimento",
 	"Foods": "Comida",
 	"GroupBy": "Agrupar por",
+	"Groups": "",
 	"Hide_Food": "Esconder ingrediente",
 	"Hide_Keyword": "Esconder Palabras Clave",
 	"Hide_Keywords": "Esconder palabra clave",
@@ -279,6 +281,8 @@
 	"Remove_nutrition_recipe": "Borrar nutrición de la canasta",
 	"Reset": "Restablecer",
 	"Reset_Search": "Resetear busqueda",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Raíz",
 	"Save": "Guardar",
 	"Save_and_View": "Grabar y mostrar",
diff --git a/vue3/src/locales/fi.json b/vue3/src/locales/fi.json
index 963962cd6..faec33cae 100644
--- a/vue3/src/locales/fi.json
+++ b/vue3/src/locales/fi.json
@@ -44,6 +44,7 @@
 	"Edit_Keyword": "Muokkaa avainsanaa",
 	"Edit_Meal_Plan_Entry": "Muokkaa ateriasuunnitelma merkintää",
 	"Edit_Recipe": "Muokkaa Reseptiä",
+	"Email": "",
 	"Empty": "Tyhjä",
 	"Enable_Amount": "Ota Määrä käyttöön",
 	"Energy": "Energia",
@@ -58,6 +59,7 @@
 	"Files": "Tiedostot",
 	"Food": "Ruoka",
 	"Food_Alias": "Ruoan nimimerkki",
+	"Groups": "",
 	"Hide_Food": "Piilota ruoka",
 	"Hide_Keyword": "Piilota avainsana",
 	"Hide_Keywords": "Piilota Avainsana",
@@ -136,6 +138,8 @@
 	"Recipes_per_page": "Reseptejä sivulla",
 	"Remove_nutrition_recipe": "Poista ravintoaine reseptistä",
 	"Reset_Search": "Nollaa haku",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Root",
 	"Save": "Tallenna",
 	"Save_and_View": "Tallenna & Katso",
diff --git a/vue3/src/locales/fr.json b/vue3/src/locales/fr.json
index ab19ad3aa..8040a1e6b 100644
--- a/vue3/src/locales/fr.json
+++ b/vue3/src/locales/fr.json
@@ -100,6 +100,7 @@
 	"Edit_Keyword": "Modifier le mot-clé",
 	"Edit_Meal_Plan_Entry": "Modifier une entrée de menu",
 	"Edit_Recipe": "Modifier la recette",
+	"Email": "",
 	"Empty": "Vider",
 	"Enable": "Activer",
 	"Enable_Amount": "Activer la quantité",
@@ -129,6 +130,7 @@
 	"Food_Replace": "Remplacer l'aliment",
 	"Foods": "Aliments",
 	"GroupBy": "Grouper par",
+	"Groups": "",
 	"Hide_Food": "Cacher l’aliment",
 	"Hide_Keyword": "masquer les mots clefs",
 	"Hide_Keywords": "Cacher le mot-clé",
@@ -280,6 +282,8 @@
 	"Remove_nutrition_recipe": "Supprimer les valeurs nutritionelles de la recette",
 	"Reset": "Réinitialiser",
 	"Reset_Search": "Réinitialiser la recherche",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Racine",
 	"Save": "Sauvegarder",
 	"Save_and_View": "Sauvegarder et visualiser",
diff --git a/vue3/src/locales/he.json b/vue3/src/locales/he.json
index 4554f7e0a..b23530f9f 100644
--- a/vue3/src/locales/he.json
+++ b/vue3/src/locales/he.json
@@ -101,6 +101,7 @@
 	"Edit_Keyword": "עדכן מילת מפתח",
 	"Edit_Meal_Plan_Entry": "ערוך רשימת תכנון אוכל",
 	"Edit_Recipe": "עדכן מתכון",
+	"Email": "",
 	"Empty": "ריק",
 	"Enable": "הפעל",
 	"Enable_Amount": "אפשר כמות",
@@ -130,6 +131,7 @@
 	"Food_Replace": "החלף אוכל",
 	"Foods": "מאכלים",
 	"GroupBy": "אסוף לפי",
+	"Groups": "",
 	"Hide_Food": "הסתר אוכל",
 	"Hide_Keyword": "הסתר מילות מפתח",
 	"Hide_Keywords": "הסתרת מילת מפתח",
@@ -281,6 +283,8 @@
 	"Remove_nutrition_recipe": "מחר ערכים תזונתיים מהמתכון",
 	"Reset": "אפס",
 	"Reset_Search": "אפס חיפוש",
+	"Reusable": "",
+	"Role": "",
 	"Root": "ראשי",
 	"Save": "שמור",
 	"Save_and_View": "שמור וצפה",
diff --git a/vue3/src/locales/hu.json b/vue3/src/locales/hu.json
index eada15cca..f5bba1a78 100644
--- a/vue3/src/locales/hu.json
+++ b/vue3/src/locales/hu.json
@@ -89,6 +89,7 @@
 	"Edit_Keyword": "Kulcsszó szerkesztése",
 	"Edit_Meal_Plan_Entry": "Menüterv bejegyzés szerkesztése",
 	"Edit_Recipe": "Recept szerkesztése",
+	"Email": "",
 	"Empty": "Üres",
 	"Enable_Amount": "Összeg bekapcsolása",
 	"EndDate": "Befejezés dátuma",
@@ -113,6 +114,7 @@
 	"Food_Replace": "Étel cseréje",
 	"Foods": "Alapanyagok",
 	"GroupBy": "Csoportosítva",
+	"Groups": "",
 	"Hide_Food": "Alapanyag elrejtése",
 	"Hide_Keyword": "Kulcsszavak elrejtése",
 	"Hide_Keywords": "Kulcsszó elrejtése",
@@ -254,6 +256,8 @@
 	"Remove_nutrition_recipe": "Tápértékadatok törlése a receptből",
 	"Reset": "Visszaállítás",
 	"Reset_Search": "Keresés alaphelyzetbe állítása",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Gyökér",
 	"Save": "Mentés",
 	"Save_and_View": "Mentés & megtekintés",
diff --git a/vue3/src/locales/hy.json b/vue3/src/locales/hy.json
index 64175b207..90f66a5aa 100644
--- a/vue3/src/locales/hy.json
+++ b/vue3/src/locales/hy.json
@@ -28,6 +28,7 @@
 	"Edit_Food": "Խմբագրել սննդամթերքը",
 	"Edit_Keyword": "Խմբագրել բանալի բառը",
 	"Edit_Recipe": "Խմբագրել բաղադրատոմսը",
+	"Email": "",
 	"Empty": "Դատարկ",
 	"Energy": "",
 	"Export": "",
@@ -37,6 +38,7 @@
 	"File": "",
 	"Files": "",
 	"Food": "Սննդամթերք",
+	"Groups": "",
 	"Hide_Food": "Թաքցնել սննդամթերքը",
 	"Hide_Keywords": "Թաքցնել բանալի բառը",
 	"Hide_Recipes": "Թաքցնել բաղադրատոմսերը",
@@ -82,6 +84,8 @@
 	"Recipes_per_page": "Բաղադրատոմս էջում",
 	"Remove_nutrition_recipe": "Հեռացնել բաղադրատոմսի սննդայնությունը",
 	"Reset_Search": "Զրոյացնել որոնումը",
+	"Reusable": "",
+	"Role": "",
 	"Save": "",
 	"Save_and_View": "Պահպանել և Դիտել",
 	"Search": "",
diff --git a/vue3/src/locales/id.json b/vue3/src/locales/id.json
index f3b618c11..229a182e4 100644
--- a/vue3/src/locales/id.json
+++ b/vue3/src/locales/id.json
@@ -79,6 +79,7 @@
 	"Edit_Keyword": "Rubah Kata Kunci",
 	"Edit_Meal_Plan_Entry": "",
 	"Edit_Recipe": "Rubah Resep",
+	"Email": "",
 	"Empty": "",
 	"Enable_Amount": "Aktifkan Jumlah",
 	"Energy": "Energi",
@@ -101,6 +102,7 @@
 	"Food_Alias": "",
 	"Foods": "",
 	"GroupBy": "",
+	"Groups": "",
 	"Hide_Food": "",
 	"Hide_Keyword": "",
 	"Hide_Keywords": "Sembunyikan Kata Kunci",
@@ -230,6 +232,8 @@
 	"Remove_nutrition_recipe": "Hapus nutrisi dari resep",
 	"Reset": "",
 	"Reset_Search": "Setel Ulang Pencarian",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Akar",
 	"Save": "Menyimpan",
 	"Save_and_View": "Simpan & Lihat",
diff --git a/vue3/src/locales/is.json b/vue3/src/locales/is.json
index 1e6f99c33..5fbfd00f2 100644
--- a/vue3/src/locales/is.json
+++ b/vue3/src/locales/is.json
@@ -100,6 +100,7 @@
 	"Edit_Keyword": "",
 	"Edit_Meal_Plan_Entry": "",
 	"Edit_Recipe": "",
+	"Email": "",
 	"Empty": "",
 	"Enable": "",
 	"Enable_Amount": "",
@@ -129,6 +130,7 @@
 	"Food_Replace": "",
 	"Foods": "",
 	"GroupBy": "",
+	"Groups": "",
 	"Hide_Food": "",
 	"Hide_Keyword": "",
 	"Hide_Keywords": "",
@@ -280,6 +282,8 @@
 	"Remove_nutrition_recipe": "",
 	"Reset": "",
 	"Reset_Search": "",
+	"Reusable": "",
+	"Role": "",
 	"Root": "",
 	"Save": "",
 	"Save_and_View": "",
diff --git a/vue3/src/locales/it.json b/vue3/src/locales/it.json
index 7c656b67f..8e39b6453 100644
--- a/vue3/src/locales/it.json
+++ b/vue3/src/locales/it.json
@@ -84,6 +84,7 @@
 	"Edit_Keyword": "Modifica parola chiave",
 	"Edit_Meal_Plan_Entry": "Modifica voce del piano alimentare",
 	"Edit_Recipe": "Modifica Ricetta",
+	"Email": "",
 	"Empty": "Vuoto",
 	"Enable_Amount": "Abilita Quantità",
 	"Energy": "Energia",
@@ -106,6 +107,7 @@
 	"Food_Alias": "Alias Alimento",
 	"Foods": "Alimenti",
 	"GroupBy": "Raggruppa per",
+	"Groups": "",
 	"Hide_Food": "Nascondi alimento",
 	"Hide_Keyword": "Nascondi parole chiave",
 	"Hide_Keywords": "Nascondi parola chiave",
@@ -238,6 +240,8 @@
 	"Remove_nutrition_recipe": "Elimina nutrienti dalla ricetta",
 	"Reset": "Azzera",
 	"Reset_Search": "Ripristina Ricerca",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Radice",
 	"Save": "Salva",
 	"Save_and_View": "Salva & Mostra",
diff --git a/vue3/src/locales/lt.json b/vue3/src/locales/lt.json
index 60c2f64f6..3b9e5ac25 100644
--- a/vue3/src/locales/lt.json
+++ b/vue3/src/locales/lt.json
@@ -91,6 +91,7 @@
 	"Edit_Keyword": "Redaguoti raktažodį",
 	"Edit_Meal_Plan_Entry": "",
 	"Edit_Recipe": "Redaguoti receptą",
+	"Email": "",
 	"Empty": "",
 	"Enable_Amount": "Įjungti sumą",
 	"EndDate": "",
@@ -115,6 +116,7 @@
 	"Food_Replace": "",
 	"Foods": "",
 	"GroupBy": "",
+	"Groups": "",
 	"Hide_Food": "",
 	"Hide_Keyword": "",
 	"Hide_Keywords": "Paslėpti raktažodį",
@@ -258,6 +260,8 @@
 	"Remove_nutrition_recipe": "Ištrinti mitybos informaciją iš recepto",
 	"Reset": "",
 	"Reset_Search": "Iš naujo nustatyti paiešką",
+	"Reusable": "",
+	"Role": "",
 	"Root": "",
 	"Save": "",
 	"Save_and_View": "Išsaugoti ir peržiūrėti",
diff --git a/vue3/src/locales/nb_NO.json b/vue3/src/locales/nb_NO.json
index ac00a19a1..a870f00b4 100644
--- a/vue3/src/locales/nb_NO.json
+++ b/vue3/src/locales/nb_NO.json
@@ -88,6 +88,7 @@
 	"Edit_Keyword": "Rediger nøkkelord",
 	"Edit_Meal_Plan_Entry": "Rediger måltidsplanoppføring",
 	"Edit_Recipe": "Rediger oppskrift",
+	"Email": "",
 	"Empty": "Tom",
 	"Enable_Amount": "Aktiver mengde",
 	"Energy": "Energi",
@@ -110,6 +111,7 @@
 	"Food_Alias": "Matrett Alias",
 	"Foods": "",
 	"GroupBy": "Grupér",
+	"Groups": "",
 	"Hide_Food": "Skjul Matrett",
 	"Hide_Keyword": "Skjul nøkkelord",
 	"Hide_Keywords": "Skjul nøkkelord",
@@ -250,6 +252,8 @@
 	"Remove_nutrition_recipe": "Fjern næringsinnhold fra oppskrift",
 	"Reset": "",
 	"Reset_Search": "Nullstill søk",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Rot",
 	"Save": "Lagre",
 	"Save_and_View": "Lagre og vis",
diff --git a/vue3/src/locales/nl.json b/vue3/src/locales/nl.json
index 1f2bfaddb..31669d3a3 100644
--- a/vue3/src/locales/nl.json
+++ b/vue3/src/locales/nl.json
@@ -92,6 +92,7 @@
 	"Edit_Keyword": "Bewerk Etiket",
 	"Edit_Meal_Plan_Entry": "Bewerk maaltijdplan",
 	"Edit_Recipe": "Bewerk Recept",
+	"Email": "",
 	"Empty": "Leeg",
 	"Enable_Amount": "Schakel hoeveelheid in",
 	"Energy": "Energie",
@@ -114,6 +115,7 @@
 	"Food_Alias": "Eten Alias",
 	"Foods": "Ingrediënten",
 	"GroupBy": "Groepeer per",
+	"Groups": "",
 	"Hide_Food": "Verberg Eten",
 	"Hide_Keyword": "Verberg etiketten",
 	"Hide_Keywords": "Verberg Etiket",
@@ -254,6 +256,8 @@
 	"Remove_nutrition_recipe": "Verwijder voedingswaarde van recept",
 	"Reset": "Herstel",
 	"Reset_Search": "Zoeken resetten",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Bron",
 	"Save": "Opslaan",
 	"Save_and_View": "Sla op & Bekijk",
diff --git a/vue3/src/locales/pl.json b/vue3/src/locales/pl.json
index 24d1f16f7..fc6f1fb2b 100644
--- a/vue3/src/locales/pl.json
+++ b/vue3/src/locales/pl.json
@@ -102,6 +102,7 @@
 	"Edit_Keyword": "Edytuj słowo kluczowe",
 	"Edit_Meal_Plan_Entry": "Edytuj wpis planu posiłków",
 	"Edit_Recipe": "Edytuj przepis",
+	"Email": "",
 	"Empty": "Pusty",
 	"Enable": "Włączyć",
 	"Enable_Amount": "Włącz ilość",
@@ -131,6 +132,7 @@
 	"Food_Replace": "Zastąp produkt",
 	"Foods": "Żywność",
 	"GroupBy": "Grupuj według",
+	"Groups": "",
 	"Hide_Food": "Ukryj żywność",
 	"Hide_Keyword": "Ukryj słowa kluczowe",
 	"Hide_Keywords": "Ukryj słowo kluczowe",
@@ -282,6 +284,8 @@
 	"Remove_nutrition_recipe": "Usuń wartości odżywcze z przepisu",
 	"Reset": "Resetowanie",
 	"Reset_Search": "Resetuj wyszukiwanie",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Główny",
 	"Save": "Zapisz",
 	"Save_and_View": "Zapisz i wyświetl",
diff --git a/vue3/src/locales/pt.json b/vue3/src/locales/pt.json
index c6375541f..8653071dc 100644
--- a/vue3/src/locales/pt.json
+++ b/vue3/src/locales/pt.json
@@ -69,6 +69,7 @@
 	"Edit_Keyword": "Editar Palavra Chave",
 	"Edit_Meal_Plan_Entry": "Editar entrada de plano de refeições",
 	"Edit_Recipe": "Editar receita",
+	"Email": "",
 	"Empty": "Esvaziar",
 	"Enable_Amount": "Ativar quantidade",
 	"Energy": "Energia",
@@ -88,6 +89,7 @@
 	"Food_Alias": "Alcunha da comida",
 	"Foods": "",
 	"GroupBy": "Agrupar por",
+	"Groups": "",
 	"Hide_Food": "Esconder comida",
 	"Hide_Keyword": "",
 	"Hide_Keywords": "Esconder palavra-chave",
@@ -199,6 +201,8 @@
 	"Remove_nutrition_recipe": "Remover valor nutricional da receita",
 	"Reset": "Reiniciar",
 	"Reset_Search": "Repor Pesquisa",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Raiz",
 	"Save": "Guardar",
 	"Save_and_View": "Gravar & Ver",
diff --git a/vue3/src/locales/pt_BR.json b/vue3/src/locales/pt_BR.json
index 2cdd1b708..8ebaa5336 100644
--- a/vue3/src/locales/pt_BR.json
+++ b/vue3/src/locales/pt_BR.json
@@ -98,6 +98,7 @@
 	"Edit_Keyword": "Editar palavra-chave",
 	"Edit_Meal_Plan_Entry": "Editar plano de refeição",
 	"Edit_Recipe": "Editar Receita",
+	"Email": "",
 	"Empty": "Vazio",
 	"Enable_Amount": "Habilitar Quantidade",
 	"EndDate": "Data Fim",
@@ -125,6 +126,7 @@
 	"Food_Replace": "Substituir Alimento",
 	"Foods": "Alimentos",
 	"GroupBy": "Agrupar Por",
+	"Groups": "",
 	"Hide_Food": "Esconder Comida",
 	"Hide_Keyword": "Oculta palavras-chave",
 	"Hide_Keywords": "Esconder palavra-chave",
@@ -269,6 +271,8 @@
 	"Remove_nutrition_recipe": "Deletar dados nutricionais da receita",
 	"Reset": "Reiniciar",
 	"Reset_Search": "Resetar Busca",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Raiz",
 	"Save": "Salvar",
 	"Save_and_View": "Salvar e Visualizar",
diff --git a/vue3/src/locales/ro.json b/vue3/src/locales/ro.json
index a294966ca..7e0ee7ebe 100644
--- a/vue3/src/locales/ro.json
+++ b/vue3/src/locales/ro.json
@@ -86,6 +86,7 @@
 	"Edit_Keyword": "Editează cuvânt cheie",
 	"Edit_Meal_Plan_Entry": "Editarea înregistrării în planul de alimentare",
 	"Edit_Recipe": "Editează rețeta",
+	"Email": "",
 	"Empty": "Gol",
 	"Enable_Amount": "Activare cantitate",
 	"Energy": "Energie",
@@ -108,6 +109,7 @@
 	"Food_Alias": "Pseudonim mâncare",
 	"Foods": "Alimente",
 	"GroupBy": "Grupat de",
+	"Groups": "",
 	"Hide_Food": "Ascunde mâncare",
 	"Hide_Keyword": "Ascunde cuvintele cheie",
 	"Hide_Keywords": "Ascunde cuvânt cheie",
@@ -242,6 +244,8 @@
 	"Remove_nutrition_recipe": "Ștergere a nutriției din rețetă",
 	"Reset": "Resetare",
 	"Reset_Search": "Resetarea căutării",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Rădăcină",
 	"Save": "Salvare",
 	"Save_and_View": "Salvare și vizionare",
diff --git a/vue3/src/locales/ru.json b/vue3/src/locales/ru.json
index c1facc4c8..eb92a4a03 100644
--- a/vue3/src/locales/ru.json
+++ b/vue3/src/locales/ru.json
@@ -59,6 +59,7 @@
 	"Edit_Keyword": "Редактировать ключевое слово",
 	"Edit_Meal_Plan_Entry": "Редактировать план питания",
 	"Edit_Recipe": "Редактировать рецепт",
+	"Email": "",
 	"Empty": "Пустой",
 	"Enable_Amount": "Активировать Количество",
 	"Energy": "Энергетическая ценность",
@@ -77,6 +78,7 @@
 	"FoodOnHand": "{food} у вас в наличии.",
 	"Food_Alias": "Наименование еды",
 	"GroupBy": "Сгруппировать по",
+	"Groups": "",
 	"Hide_Food": "Скрыть еду",
 	"Hide_Keyword": "Скрыть ключевые слова",
 	"Hide_Keywords": "Скрыть ключевое слово",
@@ -184,6 +186,8 @@
 	"Remove_nutrition_recipe": "Уберите питательные вещества из рецепта",
 	"Reset": "Сбросить",
 	"Reset_Search": "Очистить строку поиска",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Корневой элемент",
 	"Save": "Сохранить",
 	"Save_and_View": "Сохранить и показать",
diff --git a/vue3/src/locales/sl.json b/vue3/src/locales/sl.json
index ff8a16862..e2ac30496 100644
--- a/vue3/src/locales/sl.json
+++ b/vue3/src/locales/sl.json
@@ -59,6 +59,7 @@
 	"Edit_Keyword": "Uredi ključno besedo",
 	"Edit_Meal_Plan_Entry": "Spremeni vnos za načrtovan obrok",
 	"Edit_Recipe": "Uredi Recept",
+	"Email": "",
 	"Empty": "Prazno",
 	"Enable_Amount": "Omogoči količino",
 	"Energy": "Energija",
@@ -77,6 +78,7 @@
 	"FoodOnHand": "Imaš {food} v roki.",
 	"Food_Alias": "Vzdevek hrane",
 	"GroupBy": "Združi po",
+	"Groups": "",
 	"Hide_Food": "Skrij hrano",
 	"Hide_Keyword": "Skrij ključne besede",
 	"Hide_Keywords": "Skrij ključno besedo",
@@ -175,6 +177,8 @@
 	"RemoveFoodFromShopping": "Odstrani {food} iz nakupovalnega listka",
 	"Remove_nutrition_recipe": "Receptu izbriši hranilno vrednost",
 	"Reset_Search": "Ponastavi iskalnik",
+	"Reusable": "",
+	"Role": "",
 	"Root": "",
 	"Save": "Shrani",
 	"Save_and_View": "Shrani in poglej",
diff --git a/vue3/src/locales/sv.json b/vue3/src/locales/sv.json
index 18dea3c0f..6dd396a5b 100644
--- a/vue3/src/locales/sv.json
+++ b/vue3/src/locales/sv.json
@@ -102,6 +102,7 @@
 	"Edit_Keyword": "Redigera nyckelord",
 	"Edit_Meal_Plan_Entry": "Redigera matplansinlägg",
 	"Edit_Recipe": "Redigera recept",
+	"Email": "",
 	"Empty": "Tom",
 	"Enable": "Aktivera",
 	"Enable_Amount": "Aktivera belopp",
@@ -131,6 +132,7 @@
 	"Food_Replace": "Ersätt ingrediens",
 	"Foods": "Livsmedel",
 	"GroupBy": "Gruppera enligt",
+	"Groups": "",
 	"Hide_Food": "Dölj livsmedel",
 	"Hide_Keyword": "Dölj nyckelord",
 	"Hide_Keywords": "Dölj nyckelord",
@@ -282,6 +284,8 @@
 	"Remove_nutrition_recipe": "Ta bort näring från receptet",
 	"Reset": "Återställ",
 	"Reset_Search": "Rensa sök",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Rot",
 	"Save": "Spara",
 	"Save_and_View": "Spara & visa",
diff --git a/vue3/src/locales/tr.json b/vue3/src/locales/tr.json
index a799c4c99..becc66e4f 100644
--- a/vue3/src/locales/tr.json
+++ b/vue3/src/locales/tr.json
@@ -101,6 +101,7 @@
 	"Edit_Keyword": "Anahtar Kelimeyi Düzenle",
 	"Edit_Meal_Plan_Entry": "Yemek planı girişini düzenle",
 	"Edit_Recipe": "Tarifi Düzenle",
+	"Email": "",
 	"Empty": "Boş",
 	"Enable": "Etkinleştir",
 	"Enable_Amount": "Tutarı Etkinleştir",
@@ -130,6 +131,7 @@
 	"Food_Replace": "Yiyecek Değiştir",
 	"Foods": "Yiyecekler",
 	"GroupBy": "Gruplandırma Ölçütü",
+	"Groups": "",
 	"Hide_Food": "Yiyeceği Gizle",
 	"Hide_Keyword": "Anahtar kelimeleri gizle",
 	"Hide_Keywords": "Anahtar Kelimeyi Gizle",
@@ -281,6 +283,8 @@
 	"Remove_nutrition_recipe": "Tariften besin değeri sil",
 	"Reset": "Sıfırla",
 	"Reset_Search": "Aramayı Sıfırla",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Kök",
 	"Save": "Kaydet",
 	"Save_and_View": "Kaydet & Görüntüle",
diff --git a/vue3/src/locales/uk.json b/vue3/src/locales/uk.json
index b726a30a5..7c2618f7c 100644
--- a/vue3/src/locales/uk.json
+++ b/vue3/src/locales/uk.json
@@ -74,6 +74,7 @@
 	"Edit_Keyword": "Редагувати Ключове слово",
 	"Edit_Meal_Plan_Entry": "Редагувати запис в плані харчування",
 	"Edit_Recipe": "Редагувати Рецепт",
+	"Email": "",
 	"Empty": "Пусто",
 	"Enable_Amount": "Включити Кількість",
 	"Energy": "Енергія",
@@ -95,6 +96,7 @@
 	"Food_Alias": "",
 	"Foods": "",
 	"GroupBy": "По Групі",
+	"Groups": "",
 	"Hide_Food": "Сховати Їжу",
 	"Hide_Keyword": "",
 	"Hide_Keywords": "Сховати Ключове слово",
@@ -218,6 +220,8 @@
 	"Remove_nutrition_recipe": "Видалити харчову цінність з рецепта",
 	"Reset": "",
 	"Reset_Search": "Скинути Пошук",
+	"Reusable": "",
+	"Role": "",
 	"Root": "Корінь",
 	"Save": "Зберегти",
 	"Save_and_View": "Зберегти і Подивитися",
diff --git a/vue3/src/locales/zh_Hans.json b/vue3/src/locales/zh_Hans.json
index 386f80572..b4421ab02 100644
--- a/vue3/src/locales/zh_Hans.json
+++ b/vue3/src/locales/zh_Hans.json
@@ -98,6 +98,7 @@
 	"Edit_Keyword": "编辑关键词",
 	"Edit_Meal_Plan_Entry": "编辑用餐计划条目",
 	"Edit_Recipe": "编辑食谱",
+	"Email": "",
 	"Empty": "空的",
 	"Enable": "启用",
 	"Enable_Amount": "启用金额",
@@ -126,6 +127,7 @@
 	"Food_Replace": "食物替换",
 	"Foods": "食物",
 	"GroupBy": "分组",
+	"Groups": "",
 	"Hide_Food": "隐藏食物",
 	"Hide_Keyword": "隐藏关键词",
 	"Hide_Keywords": "隐藏关键词",
@@ -276,6 +278,8 @@
 	"Remove_nutrition_recipe": "从食谱中删除营养信息",
 	"Reset": "重置",
 	"Reset_Search": "重置搜索",
+	"Reusable": "",
+	"Role": "",
 	"Root": "根",
 	"Save": "保存",
 	"Save_and_View": "保存并查看",
diff --git a/vue3/src/locales/zh_Hant.json b/vue3/src/locales/zh_Hant.json
index 7d8ef530c..9419212df 100644
--- a/vue3/src/locales/zh_Hant.json
+++ b/vue3/src/locales/zh_Hant.json
@@ -17,6 +17,7 @@
 	"Delete": "",
 	"Download": "",
 	"Edit": "",
+	"Email": "",
 	"Energy": "",
 	"Export": "",
 	"External": "",
@@ -25,6 +26,7 @@
 	"Fats": "",
 	"File": "",
 	"Files": "",
+	"Groups": "",
 	"Hide_as_header": "隱藏為標題",
 	"Import": "",
 	"Import_finished": "匯入完成",
@@ -54,6 +56,8 @@
 	"Recipes_per_page": "每頁食譜",
 	"Remove_nutrition_recipe": "從食譜中刪除營養資訊",
 	"Reset_Search": "",
+	"Reusable": "",
+	"Role": "",
 	"Save": "",
 	"Save_and_View": "儲存並查看",
 	"Search": "",
diff --git a/vue3/src/stores/MessageStore.ts b/vue3/src/stores/MessageStore.ts
index 5f97a12b0..9be9aada8 100644
--- a/vue3/src/stores/MessageStore.ts
+++ b/vue3/src/stores/MessageStore.ts
@@ -21,7 +21,8 @@ export enum ErrorMessageType {
 
 /** @enum {MessageType} prepared messages */
 export enum PreparedMessage {
-    UPDATE_SUCCESS = 'UPDATE_SUCCESS'
+    UPDATE_SUCCESS = 'UPDATE_SUCCESS',
+    CREATE_SUCCESS = 'CREATE_SUCCESS',
 }
 
 /**
@@ -90,7 +91,8 @@ export const useMessageStore = defineStore('message_store', () => {
      */
     function addPreparedMessage(preparedMessage: PreparedMessage) {
         if (preparedMessage == PreparedMessage.UPDATE_SUCCESS) {
-            addMessage(MessageType.SUCCESS, 'Updated Successfully', 7000, {})
+            addMessage(MessageType.SUCCESS, 'Updated Successfully', 7000, {}) // TODO localize and make more useful ?
+            addMessage(MessageType.SUCCESS, 'Created Successfully', 7000, {})
         }
     }
 
diff --git a/vue3/src/vuetify.ts b/vue3/src/vuetify.ts
index 82018cc06..a93b02427 100644
--- a/vue3/src/vuetify.ts
+++ b/vue3/src/vuetify.ts
@@ -26,11 +26,16 @@ export default createVuetify({
                     info: '#385f84',
                     warning: '#eaaa21',
                     error: '#a7240e',
+
+                    save: '#82aa8b',
+                    create: '#82aa8b',
+                    edit: '#385f84',
+                    delete: '#a7240e',
+                    cancel: '#eaaa21',
                 },
             },
             dark: {
                 colors: {
-
                     tandoor: '#ddbf86',
                     primary: '#b98766',
                     secondary: '#b55e4f',
@@ -38,6 +43,12 @@ export default createVuetify({
                     info: '#385f84',
                     warning: '#eaaa21',
                     error: '#a7240e',
+
+                    save: '#82aa8b',
+                    create: '#82aa8b',
+                    edit: '#385f84',
+                    delete: '#a7240e',
+                    cancel: '#eaaa21',
                 },
             },
         },
@@ -48,6 +59,8 @@ export default createVuetify({
             ...aliases,
             save: 'fa-solid fa-floppy-disk',
             delete: 'fa-solid fa-trash-can',
+            edit: 'fa-solid fa-pencil',
+            create: 'fa-solid fa-circle-plus',
             search: 'fa-solid fa-magnifying-glass',
             settings: 'fa-solid fa-sliders',
             spaces: 'fa-solid fa-database',