From 4692526e480bf5b99399c8eb3a553f17c4c3f7a1 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Tue, 22 Oct 2024 18:31:43 +0200
Subject: [PATCH] shopping line item dialog WIP

---
 .../dialogs/ShoppingLineItemDialog.vue        | 94 +++++++++++++++++++
 .../components/display/ShoppingLineItem.vue   | 17 ++--
 .../components/display/ShoppingListView.vue   | 23 +++--
 vue3/src/locales/ar.json                      |  2 +
 vue3/src/locales/bg.json                      |  2 +
 vue3/src/locales/ca.json                      |  2 +
 vue3/src/locales/cs.json                      |  2 +
 vue3/src/locales/da.json                      |  2 +
 vue3/src/locales/de.json                      |  2 +
 vue3/src/locales/el.json                      |  2 +
 vue3/src/locales/en.json                      |  2 +
 vue3/src/locales/es.json                      |  2 +
 vue3/src/locales/fi.json                      |  2 +
 vue3/src/locales/fr.json                      |  2 +
 vue3/src/locales/he.json                      |  2 +
 vue3/src/locales/hu.json                      |  2 +
 vue3/src/locales/hy.json                      |  2 +
 vue3/src/locales/id.json                      |  2 +
 vue3/src/locales/is.json                      |  2 +
 vue3/src/locales/it.json                      |  2 +
 vue3/src/locales/lt.json                      |  2 +
 vue3/src/locales/nb_NO.json                   |  2 +
 vue3/src/locales/nl.json                      |  2 +
 vue3/src/locales/pl.json                      |  2 +
 vue3/src/locales/pt.json                      |  2 +
 vue3/src/locales/pt_BR.json                   |  2 +
 vue3/src/locales/ro.json                      |  2 +
 vue3/src/locales/ru.json                      |  2 +
 vue3/src/locales/sl.json                      |  2 +
 vue3/src/locales/sv.json                      |  2 +
 vue3/src/locales/tr.json                      |  2 +
 vue3/src/locales/uk.json                      |  2 +
 vue3/src/locales/zh_Hans.json                 |  2 +
 vue3/src/locales/zh_Hant.json                 |  2 +
 34 files changed, 180 insertions(+), 16 deletions(-)
 create mode 100644 vue3/src/components/dialogs/ShoppingLineItemDialog.vue

diff --git a/vue3/src/components/dialogs/ShoppingLineItemDialog.vue b/vue3/src/components/dialogs/ShoppingLineItemDialog.vue
new file mode 100644
index 000000000..b148fa99f
--- /dev/null
+++ b/vue3/src/components/dialogs/ShoppingLineItemDialog.vue
@@ -0,0 +1,94 @@
+<template>
+    <v-dialog v-model="showDialog" max-width="500px">
+        <v-card>
+            <v-closable-card-title :title="props.shoppingListFood.food.name" v-model="showDialog"></v-closable-card-title>
+
+            <v-card-text>
+
+                <v-label>{{ $t('Choose_Category') }}</v-label>
+                <ModelSelect model="SupermarketCategory"></ModelSelect>
+
+                <v-row>
+                    <v-col>
+                        <v-btn height="80px" color="info" block stacked>
+                            <i class="fa-solid fa-clock-rotate-left fa-2x mb-2"></i>
+                            {{ $t('Postpone') }}
+                        </v-btn>
+                    </v-col>
+                    <v-col>
+                        <v-btn height="80px" color="secondary" block stacked>
+                            <i class="fa-solid fa-eye-slash fa-2x mb-2"></i>
+                            {{ $t('Ignore_Shopping') }}
+                        </v-btn>
+                    </v-col>
+                </v-row>
+                <v-row>
+                    <v-col>
+                        <v-btn height="80px" color="primary" block stacked>
+                            <i class="fa-solid fa-pencil fa-2x mb-2"></i>
+                            {{ $t('Edit_Food') }}
+                        </v-btn>
+                    </v-col>
+                    <v-col>
+                        <v-btn height="80px" color="success" block stacked>
+                            <i class="fa-solid fa-plus fa-2x mb-2"></i>
+                            {{ $t('Add') }}
+                        </v-btn>
+                    </v-col>
+                </v-row>
+
+                <v-label class="mt-2">{{ $t('Entries') }}</v-label>
+                <v-list density="compact">
+                    <v-list-item variant="tonal" class="mt-1" v-for="[i, e] in props.shoppingListFood.entries" :key="e.id">
+                        <v-list-item-title>
+                            <b>
+                                {{ e.amount }}
+                                <span v-if="e.unit">{{ e.unit.name }}</span>
+                            </b>
+                            {{ e.food.name }}
+                        </v-list-item-title>
+                        <v-list-item-subtitle v-if="e.recipeMealplan && e.recipeMealplan.recipeName !== ''">
+                            <v-icon icon="$recipes" size="x-small"></v-icon> {{ e.recipeMealplan.servings }} {{ $t('Servings') }}
+                            <router-link :to="{name: 'view_recipe', params: {id: e.recipeMealplan.id}}" target="_blank"><b>
+                                {{ e.recipeMealplan.recipeName }} </b>
+                            </router-link>
+                        </v-list-item-subtitle>
+                        <v-list-item-subtitle v-if="e.recipeMealplan && e.recipeMealplan.mealplanType !== undefined">
+                            <v-icon icon="$mealplan" size="x-small"></v-icon> {{ e.recipeMealplan.mealplanType }} {{ DateTime.fromJSDate(e.recipeMealplan.mealplanFromDate).toLocaleString(DateTime.DATE_SHORT) }}
+                        </v-list-item-subtitle>
+                        <v-list-item-subtitle>
+                            <v-icon icon="fa-solid fa-user" size="x-small"></v-icon> {{ e.createdBy.displayName }} - {{ DateTime.fromJSDate(e.createdAt).toLocaleString(DateTime.DATETIME_SHORT) }}
+                        </v-list-item-subtitle>
+
+                        <template #append>
+                            <v-btn size="small" color="edit"> <v-icon icon="$edit"></v-icon></v-btn>
+                            <v-btn size="small" color="delete"> <v-icon icon="$delete"></v-icon></v-btn>
+                        </template>
+                    </v-list-item>
+                </v-list>
+
+            </v-card-text>
+        </v-card>
+    </v-dialog>
+</template>
+
+<script setup lang="ts">
+
+import {PropType} from "vue";
+import {ShoppingListEntry} from "@/openapi";
+import ModelSelect from "@/components/inputs/ModelSelect.vue";
+import {IShoppingList, IShoppingListFood} from "@/types/Shopping";
+import VClosableCardTitle from "@/components/dialogs/VClosableCardTitle.vue";
+import {DateTime} from "luxon";
+
+const showDialog = defineModel<Boolean>()
+
+const props = defineProps({
+    shoppingListFood: {type: {} as PropType<IShoppingListFood>, required: true},
+})
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/vue3/src/components/display/ShoppingLineItem.vue b/vue3/src/components/display/ShoppingLineItem.vue
index 3d6858dca..a2dbb4fa8 100644
--- a/vue3/src/components/display/ShoppingLineItem.vue
+++ b/vue3/src/components/display/ShoppingLineItem.vue
@@ -1,7 +1,6 @@
 <template>
-    <v-list-item class="swipe-container" :id="itemContainerId" @touchend="handleSwipe()"
+    <v-list-item class="swipe-container" :id="itemContainerId" @touchend="handleSwipe()" @click="emit('clicked', entries)"
                  v-if="(useUserPreferenceStore().deviceSettings.shopping_show_checked_entries || !isChecked) && (useUserPreferenceStore().deviceSettings.shopping_show_delayed_entries || !isDelayed)"
-                 @click="detail_modal_visible = true"
     >
         <!--        <div class="swipe-action" :class="{'bg-success': !isChecked , 'bg-warning': isChecked }">-->
         <!--            <i class="swipe-icon fa-fw fas" :class="{'fa-check': !isChecked , 'fa-cart-plus': isChecked }"></i>-->
@@ -16,13 +15,14 @@
         <div class="flex-grow-1 p-2">
             <div class="d-flex">
                 <div class="d-flex flex-column pr-2">
-                    <span v-for="[i, a] in amounts" v-bind:key="a">
+                    <span v-for="[i, a] in amounts" v-bind:key="a.key">
 
                         <span>
                             <i class="fas fa-check" v-if="a.checked && !isChecked"></i>
                             <i class="fas fa-hourglass-half" v-if="a.delayed && !a.checked"></i> <b>
                             {{ a.amount }}
-                            {{ a.unit.name }} </b>
+                            <span v-if="a.unit">{{ a.unit.name }}</span>
+                            </b>
                         </span>
                         <br/>
                     </span>
@@ -60,14 +60,12 @@ import {ApiApi, Food, ShoppingListEntry} from '@/openapi'
 import {ErrorMessageType, useMessageStore} from "@/stores/MessageStore";
 import {ShoppingLineAmount} from "@/types/Shopping";
 
+const emit = defineEmits(['clicked'])
+
 const props = defineProps({
-    entries: {type: [] as PropType<ShoppingListEntry[]>, required: true},
+    entries: {type: Array as PropType<Array<ShoppingListEntry>>, required: true},
 })
 
-const detail_modal_visible = ref(false)
-const editing_food = ref({} as Food)
-
-
 const itemContainerId = computed(() => {
     let id = 'id_sli_'
     for (let i in props.entries) {
@@ -125,6 +123,7 @@ const amounts = computed((): Map<number, ShoppingLineAmount> => {
                     unitAmounts.get(unit)!.amount += e.amount
                 } else {
                     unitAmounts.set(unit, {
+                        key: e.food?.id!,
                         amount: e.amount,
                         unit: e.unit,
                         checked: e.checked,
diff --git a/vue3/src/components/display/ShoppingListView.vue b/vue3/src/components/display/ShoppingListView.vue
index f646fd3f5..86416176f 100644
--- a/vue3/src/components/display/ShoppingListView.vue
+++ b/vue3/src/components/display/ShoppingListView.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-tabs v-model="currentTab" density="compact">
+    <v-tabs v-model="currentTab" >
         <v-tab value="shopping"><i class="fas fa-shopping-cart fa-fw"></i> <span class="d-none d-md-block ms-1">{{ $t('Shopping_list') }}</span></v-tab>
         <v-tab value="recipes"><i class="fas fa-book fa-fw"></i> <span class="d-none d-md-block ms-1">{{ $t('Recipes') }}</span></v-tab>
     </v-tabs>
@@ -30,8 +30,8 @@
                                     <v-list-subheader v-else>{{ category.name }}</v-list-subheader>
                                     <v-divider></v-divider>
 
-                                    <template v-for="[i, value] in category.foods" :key="i">
-                                        <shopping-line-item :entries="Array.from(value.entries.values())"></shopping-line-item>
+                                    <template v-for="[i, value] in category.foods" :key="value.food.id">
+                                        <shopping-line-item :entries="Array.from(value.entries.values())" @clicked="args => {shoppingLineItemDialog = true; shoppingLineItemDialogFood = value;}"></shopping-line-item>
                                     </template>
 
                                 </template>
@@ -46,18 +46,22 @@
                 <v-card-title>{{ $t('Recipes') }}</v-card-title>
                 <v-card-text>
 
-                    <v-label >{{$t('Add_to_Shopping')}}</v-label>
+                    <v-label>{{ $t('Add_to_Shopping') }}</v-label>
                     <ModelSelect model="Recipe"></ModelSelect>
 
-                    <v-label>{{$t('Recipes')}}</v-label>
+                    <v-label>{{ $t('Recipes') }}</v-label>
                     <v-list>
-
+                        <v-list-item v-for="r in useShoppingStore().getAssociatedRecipes()">
+                            {{r}}
+                        </v-list-item>
                     </v-list>
                 </v-card-text>
             </v-card>
         </v-window-item>
     </v-window>
 
+    <shopping-line-item-dialog v-model="shoppingLineItemDialog" :shopping-list-food="shoppingLineItemDialogFood"></shopping-line-item-dialog>
+
 </template>
 
 <script setup lang="ts">
@@ -69,12 +73,17 @@ import {ErrorMessageType, useMessageStore} from "@/stores/MessageStore";
 import ShoppingLineItem from "@/components/display/ShoppingLineItem.vue";
 import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
 import ModelSelect from "@/components/inputs/ModelSelect.vue";
+import ShoppingLineItemDialog from "@/components/dialogs/ShoppingLineItemDialog.vue";
+import {IShoppingListFood} from "@/types/Shopping";
 
 const currentTab = ref("shopping")
 
 const ingredientInput = ref('')
 const ingredientInputIcon = ref('fa-solid fa-plus')
 
+const shoppingLineItemDialog = ref(false)
+const shoppingLineItemDialogFood = ref({} as IShoppingListFood)
+
 onMounted(() => {
     useShoppingStore().refreshFromAPI()
 })
@@ -87,7 +96,7 @@ function addIngredient() {
 
     api.apiIngredientFromStringCreate({ingredientString: {text: ingredientInput.value} as IngredientString}).then(r => {
         useShoppingStore().createObject({
-            amount: r.amount,
+            amount: Math.max(r.amount, 1),
             unit: (r.unit != null) ? {name: r.unit} as Unit : null,
             food: {name: r.food} as Food,
         } as ShoppingListEntry)
diff --git a/vue3/src/locales/ar.json b/vue3/src/locales/ar.json
index 94bf8ab6a..29db61be4 100644
--- a/vue3/src/locales/ar.json
+++ b/vue3/src/locales/ar.json
@@ -86,6 +86,7 @@
   "Empty": "",
   "Enable_Amount": "",
   "Energy": "",
+  "Entries": "",
   "Export": "",
   "Export_As_ICal": "",
   "Export_Not_Yet_Supported": "",
@@ -214,6 +215,7 @@
   "Planner": "",
   "Planner_Settings": "",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "",
   "Previous_Day": "",
diff --git a/vue3/src/locales/bg.json b/vue3/src/locales/bg.json
index 3e309919a..c09d6ddc6 100644
--- a/vue3/src/locales/bg.json
+++ b/vue3/src/locales/bg.json
@@ -83,6 +83,7 @@
   "Empty": "Празно",
   "Enable_Amount": "Активиране на сумата",
   "Energy": "Енергия",
+  "Entries": "",
   "Export": "Експортиране",
   "Export_As_ICal": "Експортирайте текущия период във формат iCal",
   "Export_Not_Yet_Supported": "Експортирането все още не се поддържа",
@@ -207,6 +208,7 @@
   "Planner": "Планировчик",
   "Planner_Settings": "Настройки на планировчика",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Подготовка",
   "Previous_Day": "Предишен ден",
diff --git a/vue3/src/locales/ca.json b/vue3/src/locales/ca.json
index 26c2e877f..c065e1ac7 100644
--- a/vue3/src/locales/ca.json
+++ b/vue3/src/locales/ca.json
@@ -120,6 +120,7 @@
   "Enable_Amount": "Habiliteu quantitat",
   "EndDate": "",
   "Energy": "",
+  "Entries": "",
   "Error": "",
   "Export": "",
   "Export_As_ICal": "",
@@ -277,6 +278,7 @@
   "Planner": "",
   "Planner_Settings": "",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "",
   "Previous_Day": "",
diff --git a/vue3/src/locales/cs.json b/vue3/src/locales/cs.json
index 6ef029ea4..8a2f6acbb 100644
--- a/vue3/src/locales/cs.json
+++ b/vue3/src/locales/cs.json
@@ -120,6 +120,7 @@
   "Enable_Amount": "Zobrazit množství",
   "EndDate": "Konečné datum",
   "Energy": "Energie",
+  "Entries": "",
   "Error": "Chyba",
   "Export": "Export",
   "Export_As_ICal": "Exportovat současný úsek do formátu iCal",
@@ -275,6 +276,7 @@
   "Planner": "Plánovač",
   "Planner_Settings": "Nastavení plánovače",
   "Plural": "Množné číslo",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Příprava",
   "Previous_Day": "Předchozí den",
diff --git a/vue3/src/locales/da.json b/vue3/src/locales/da.json
index d1b92c20b..ee7d33282 100644
--- a/vue3/src/locales/da.json
+++ b/vue3/src/locales/da.json
@@ -110,6 +110,7 @@
   "Enable_Amount": "Aktiver antal",
   "EndDate": "Slutdato",
   "Energy": "Energi",
+  "Entries": "",
   "Export": "Eksporter",
   "Export_As_ICal": "Eksporter nuværende periode til iCal format",
   "Export_Not_Yet_Supported": "Eksport endnu ikke understøttet",
@@ -260,6 +261,7 @@
   "Planner": "Planlægger",
   "Planner_Settings": "Planlægger indstillinger",
   "Plural": "Flertal",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Forberedelse",
   "Previous_Day": "Forgående dag",
diff --git a/vue3/src/locales/de.json b/vue3/src/locales/de.json
index ec3d9b5b1..2bfe443f4 100644
--- a/vue3/src/locales/de.json
+++ b/vue3/src/locales/de.json
@@ -122,6 +122,7 @@
   "Enable_Amount": "Menge aktivieren",
   "EndDate": "Enddatum",
   "Energy": "Energie",
+  "Entries": "Einträge",
   "Error": "Fehler",
   "Export": "Exportieren",
   "Export_As_ICal": "Aktuellen Zeitraum im iCal Format exportieren",
@@ -279,6 +280,7 @@
   "Planner": "Planer",
   "Planner_Settings": "Einstellungen Essensplan",
   "Plural": "Plural",
+  "Postpone": "Verschieben",
   "Preferences": "Einstellungen",
   "Preparation": "Zubereitung",
   "Preview": "Vorschau",
diff --git a/vue3/src/locales/el.json b/vue3/src/locales/el.json
index 54fccd09d..59de36fbf 100644
--- a/vue3/src/locales/el.json
+++ b/vue3/src/locales/el.json
@@ -108,6 +108,7 @@
   "Empty": "Κενό",
   "Enable_Amount": "Ενεργοποίηση ποσότητας",
   "Energy": "Ενέργεια",
+  "Entries": "",
   "Export": "Εξαγωγή",
   "Export_As_ICal": "Εξαγωγή της τρέχουσας περιόδου σε μορφή iCal",
   "Export_Not_Yet_Supported": "Η εξαγωγή δεν υποστηρίζεται ακόμη",
@@ -252,6 +253,7 @@
   "Planner": "Σχεδιαστής",
   "Planner_Settings": "Επιλογές σχεδιαστή",
   "Plural": "Πληθυντικός",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Προετοιμασία",
   "Previous_Day": "Προηγούμενη μέρα",
diff --git a/vue3/src/locales/en.json b/vue3/src/locales/en.json
index 015a073a4..3dfe8a889 100644
--- a/vue3/src/locales/en.json
+++ b/vue3/src/locales/en.json
@@ -121,6 +121,7 @@
   "Enable_Amount": "Enable Amount",
   "EndDate": "End Date",
   "Energy": "Energy",
+  "Entries": "Entries",
   "Error": "Error",
   "Export": "Export",
   "Export_As_ICal": "Export current period to iCal format",
@@ -278,6 +279,7 @@
   "Planner": "Planner",
   "Planner_Settings": "Planner settings",
   "Plural": "Plural",
+  "Postpone": "Postpone",
   "Preferences": "Preferences",
   "Preparation": "Preparation",
   "Preview": "Preview",
diff --git a/vue3/src/locales/es.json b/vue3/src/locales/es.json
index c64305b34..355d28327 100644
--- a/vue3/src/locales/es.json
+++ b/vue3/src/locales/es.json
@@ -121,6 +121,7 @@
   "Enable_Amount": "Habilitar cantidad",
   "EndDate": "Fecha de Fin",
   "Energy": "Energia",
+  "Entries": "",
   "Error": "Error",
   "Export": "Exportar",
   "Export_As_ICal": "Exportar el periodo actual en formato iCal",
@@ -278,6 +279,7 @@
   "Planner": "Planificador",
   "Planner_Settings": "Opciones del planificador",
   "Plural": "Plural",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Preparación",
   "Previous_Day": "Día Anterior",
diff --git a/vue3/src/locales/fi.json b/vue3/src/locales/fi.json
index e9187293b..aa3edf124 100644
--- a/vue3/src/locales/fi.json
+++ b/vue3/src/locales/fi.json
@@ -62,6 +62,7 @@
   "Empty": "Tyhjä",
   "Enable_Amount": "Ota Määrä käyttöön",
   "Energy": "Energia",
+  "Entries": "",
   "Export": "Vie",
   "Export_As_ICal": "Vie nykyinen jakso iCal muotoon",
   "Export_To_ICal": "Vie .ics",
@@ -149,6 +150,7 @@
   "Planner": "Suunnittelija",
   "Planner_Settings": "Suunnittelijan asetukset",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Valmistautuminen",
   "Previous_Day": "Edellinen Päivä",
diff --git a/vue3/src/locales/fr.json b/vue3/src/locales/fr.json
index cead06f7f..2af549173 100644
--- a/vue3/src/locales/fr.json
+++ b/vue3/src/locales/fr.json
@@ -120,6 +120,7 @@
   "Enable_Amount": "Activer la quantité",
   "EndDate": "Date de fin",
   "Energy": "Énergie",
+  "Entries": "",
   "Error": "Erreur",
   "Export": "Exporter",
   "Export_As_ICal": "Exporter la période en cours au format iCal",
@@ -277,6 +278,7 @@
   "Planner": "Planificateur",
   "Planner_Settings": "Paramètres du planificateur",
   "Plural": "Pluriel",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Préparation",
   "Previous_Day": "Jour précédent",
diff --git a/vue3/src/locales/he.json b/vue3/src/locales/he.json
index eb0a05a3d..ad1847661 100644
--- a/vue3/src/locales/he.json
+++ b/vue3/src/locales/he.json
@@ -121,6 +121,7 @@
   "Enable_Amount": "אפשר כמות",
   "EndDate": "תאריך סיום",
   "Energy": "אנרגיה",
+  "Entries": "",
   "Error": "שגיאה",
   "Export": "ייצוא",
   "Export_As_ICal": "ייצוא תקופה נוכחית בפורמט iCal",
@@ -278,6 +279,7 @@
   "Planner": "מתכנן",
   "Planner_Settings": "הגדרות מתכנן",
   "Plural": "רבים",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "הכנה",
   "Previous_Day": "יום קודם",
diff --git a/vue3/src/locales/hu.json b/vue3/src/locales/hu.json
index eb8500c66..ce144a09c 100644
--- a/vue3/src/locales/hu.json
+++ b/vue3/src/locales/hu.json
@@ -108,6 +108,7 @@
   "Enable_Amount": "Összeg bekapcsolása",
   "EndDate": "Befejezés dátuma",
   "Energy": "Energia",
+  "Entries": "",
   "Export": "Export",
   "Export_As_ICal": "Jelenlegi időszak exportálása iCal formátumba",
   "Export_Not_Yet_Supported": "",
@@ -254,6 +255,7 @@
   "Planner": "Tervező",
   "Planner_Settings": "Tervező beállításai",
   "Plural": "Többes szám",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Előkészítés",
   "Previous_Day": "Előző nap",
diff --git a/vue3/src/locales/hy.json b/vue3/src/locales/hy.json
index e3375bae2..865b56c91 100644
--- a/vue3/src/locales/hy.json
+++ b/vue3/src/locales/hy.json
@@ -45,6 +45,7 @@
   "Email": "",
   "Empty": "Դատարկ",
   "Energy": "",
+  "Entries": "",
   "Export": "",
   "External": "",
   "External_Recipe_Image": "",
@@ -97,6 +98,7 @@
   "Owner": "",
   "Parent": "Ծնող",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "",
   "Print": "Տպել",
diff --git a/vue3/src/locales/id.json b/vue3/src/locales/id.json
index 5c1eb0946..9d5213dc0 100644
--- a/vue3/src/locales/id.json
+++ b/vue3/src/locales/id.json
@@ -97,6 +97,7 @@
   "Empty": "",
   "Enable_Amount": "Aktifkan Jumlah",
   "Energy": "Energi",
+  "Entries": "",
   "Export": "Ekspor",
   "Export_As_ICal": "",
   "Export_Not_Yet_Supported": "",
@@ -232,6 +233,7 @@
   "Planned": "",
   "Planner": "",
   "Planner_Settings": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Persiapan",
   "Previous_Day": "",
diff --git a/vue3/src/locales/is.json b/vue3/src/locales/is.json
index 68bcc15cc..588e3033a 100644
--- a/vue3/src/locales/is.json
+++ b/vue3/src/locales/is.json
@@ -120,6 +120,7 @@
   "Enable_Amount": "",
   "EndDate": "",
   "Energy": "",
+  "Entries": "",
   "Error": "",
   "Export": "",
   "Export_As_ICal": "",
@@ -277,6 +278,7 @@
   "Planner": "",
   "Planner_Settings": "",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "",
   "Previous_Day": "",
diff --git a/vue3/src/locales/it.json b/vue3/src/locales/it.json
index 34f8c44f3..d7903c6f8 100644
--- a/vue3/src/locales/it.json
+++ b/vue3/src/locales/it.json
@@ -102,6 +102,7 @@
   "Empty": "Vuoto",
   "Enable_Amount": "Abilita Quantità",
   "Energy": "Energia",
+  "Entries": "",
   "Export": "Esporta",
   "Export_As_ICal": "Esporta il periodo attuale in formato .iCal",
   "Export_Not_Yet_Supported": "Esportazione non ancora supportata",
@@ -240,6 +241,7 @@
   "Planner": "Planner",
   "Planner_Settings": "Impostazioni planner",
   "Plural": "Plurale",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Preparazione",
   "Previous_Day": "Giorno precedente",
diff --git a/vue3/src/locales/lt.json b/vue3/src/locales/lt.json
index 7fac2f8df..6ec0e5861 100644
--- a/vue3/src/locales/lt.json
+++ b/vue3/src/locales/lt.json
@@ -110,6 +110,7 @@
   "Enable_Amount": "Įjungti sumą",
   "EndDate": "",
   "Energy": "",
+  "Entries": "",
   "Export": "",
   "Export_As_ICal": "",
   "Export_Not_Yet_Supported": "",
@@ -258,6 +259,7 @@
   "Planner": "",
   "Planner_Settings": "",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "",
   "Previous_Day": "",
diff --git a/vue3/src/locales/nb_NO.json b/vue3/src/locales/nb_NO.json
index 923942238..cb31b948b 100644
--- a/vue3/src/locales/nb_NO.json
+++ b/vue3/src/locales/nb_NO.json
@@ -106,6 +106,7 @@
   "Empty": "Tom",
   "Enable_Amount": "Aktiver mengde",
   "Energy": "Energi",
+  "Entries": "",
   "Export": "Eksporter",
   "Export_As_ICal": "Eksporter gjeldende periode som iCal format",
   "Export_Not_Yet_Supported": "",
@@ -250,6 +251,7 @@
   "Planner": "Planlegger",
   "Planner_Settings": "Planleggingsinstilliger",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Forberedelse",
   "Previous_Day": "Forrige dag",
diff --git a/vue3/src/locales/nl.json b/vue3/src/locales/nl.json
index f56440f73..e0c275c28 100644
--- a/vue3/src/locales/nl.json
+++ b/vue3/src/locales/nl.json
@@ -110,6 +110,7 @@
   "Empty": "Leeg",
   "Enable_Amount": "Schakel hoeveelheid in",
   "Energy": "Energie",
+  "Entries": "",
   "Export": "Exporteren",
   "Export_As_ICal": "Exporteer huidige periode naar iCal formaat",
   "Export_Not_Yet_Supported": "Export nog niet ondersteund",
@@ -254,6 +255,7 @@
   "Planner": "Planner",
   "Planner_Settings": "Planner instellingen",
   "Plural": "Meervoud",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Bereiding",
   "Previous_Day": "Vorige dag",
diff --git a/vue3/src/locales/pl.json b/vue3/src/locales/pl.json
index 121a834c3..86143ac02 100644
--- a/vue3/src/locales/pl.json
+++ b/vue3/src/locales/pl.json
@@ -122,6 +122,7 @@
   "Enable_Amount": "Włącz ilość",
   "EndDate": "Data końcowa",
   "Energy": "Energia",
+  "Entries": "",
   "Error": "Błąd",
   "Export": "Eksport",
   "Export_As_ICal": "Eksportuj bieżący okres do formatu iCal",
@@ -279,6 +280,7 @@
   "Planner": "Terminarz",
   "Planner_Settings": "Ustawienia terminarza",
   "Plural": "Liczba mnoga",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Przygotowanie",
   "Previous_Day": "Poprzedni dzień",
diff --git a/vue3/src/locales/pt.json b/vue3/src/locales/pt.json
index 91b742653..197164c62 100644
--- a/vue3/src/locales/pt.json
+++ b/vue3/src/locales/pt.json
@@ -87,6 +87,7 @@
   "Empty": "Esvaziar",
   "Enable_Amount": "Ativar quantidade",
   "Energy": "Energia",
+  "Entries": "",
   "Export": "Exportar",
   "Export_As_ICal": "Exportar período atual para o formato ICal",
   "Export_To_ICal": "Exportar .ics",
@@ -202,6 +203,7 @@
   "Planner": "Planeador",
   "Planner_Settings": "Definições do planeador",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Preparação",
   "Previous_Day": "Dia anterior",
diff --git a/vue3/src/locales/pt_BR.json b/vue3/src/locales/pt_BR.json
index 6c64dde54..2da07263b 100644
--- a/vue3/src/locales/pt_BR.json
+++ b/vue3/src/locales/pt_BR.json
@@ -117,6 +117,7 @@
   "Enable_Amount": "Habilitar Quantidade",
   "EndDate": "Data Fim",
   "Energy": "Energia",
+  "Entries": "",
   "Export": "Exportar",
   "Export_As_ICal": "Exportar período atual para o formato iCal",
   "Export_Not_Yet_Supported": "Exportação ainda não suportada",
@@ -266,6 +267,7 @@
   "Planner": "Planejamento",
   "Planner_Settings": "Configurações do Planejamento",
   "Plural": "Plural",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Preparação",
   "Previous_Day": "Dia Anterior",
diff --git a/vue3/src/locales/ro.json b/vue3/src/locales/ro.json
index 95c3b8328..e13ba107f 100644
--- a/vue3/src/locales/ro.json
+++ b/vue3/src/locales/ro.json
@@ -104,6 +104,7 @@
   "Empty": "Gol",
   "Enable_Amount": "Activare cantitate",
   "Energy": "Energie",
+  "Entries": "",
   "Export": "Exportă",
   "Export_As_ICal": "Exportul perioadei curente în format iCal",
   "Export_Not_Yet_Supported": "Exportul încă nu este compatibil",
@@ -244,6 +245,7 @@
   "Planner": "Planificator",
   "Planner_Settings": "Setări planificator",
   "Plural": "Plural",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Pregătire",
   "Previous_Day": "Ziua precedentă",
diff --git a/vue3/src/locales/ru.json b/vue3/src/locales/ru.json
index 25f9f8237..b1918c9df 100644
--- a/vue3/src/locales/ru.json
+++ b/vue3/src/locales/ru.json
@@ -77,6 +77,7 @@
   "Empty": "Пустой",
   "Enable_Amount": "Активировать Количество",
   "Energy": "Энергетическая ценность",
+  "Entries": "",
   "Export": "Экспорт",
   "Export_As_ICal": "Экспорт текущего периода в iCal формат",
   "Export_To_ICal": "Экспортировать .ics",
@@ -190,6 +191,7 @@
   "Planned": "Запланировано",
   "Planner": "Планировщик",
   "Planner_Settings": "Настройки Планировщика",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Приготовление",
   "Previous_Day": "Предыдущий день",
diff --git a/vue3/src/locales/sl.json b/vue3/src/locales/sl.json
index cbc3d5a92..ed1bcd21f 100644
--- a/vue3/src/locales/sl.json
+++ b/vue3/src/locales/sl.json
@@ -77,6 +77,7 @@
   "Empty": "Prazno",
   "Enable_Amount": "Omogoči količino",
   "Energy": "Energija",
+  "Entries": "",
   "Export": "Izvoz",
   "Export_As_ICal": "Izvozi trenutno obdobje v iCal format",
   "Export_To_ICal": "Izvoz.ics",
@@ -183,6 +184,7 @@
   "Planner": "Planer",
   "Planner_Settings": "Nastavitve planerja",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Priprava",
   "Previous_Day": "Prejšnji Dan",
diff --git a/vue3/src/locales/sv.json b/vue3/src/locales/sv.json
index ee8500c8d..200d1ea28 100644
--- a/vue3/src/locales/sv.json
+++ b/vue3/src/locales/sv.json
@@ -122,6 +122,7 @@
   "Enable_Amount": "Aktivera belopp",
   "EndDate": "Slutdatum",
   "Energy": "Energi",
+  "Entries": "",
   "Error": "Fel",
   "Export": "Exportera",
   "Export_As_ICal": "Exportera nuvarande period till iCal format",
@@ -279,6 +280,7 @@
   "Planner": "Planerare",
   "Planner_Settings": "Planerare inställningar",
   "Plural": "Plural",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Förberedelse",
   "Previous_Day": "Föregående dag",
diff --git a/vue3/src/locales/tr.json b/vue3/src/locales/tr.json
index b0255b57f..0b77019f0 100644
--- a/vue3/src/locales/tr.json
+++ b/vue3/src/locales/tr.json
@@ -121,6 +121,7 @@
   "Enable_Amount": "Tutarı Etkinleştir",
   "EndDate": "Bitiş Tarihi",
   "Energy": "Enerji",
+  "Entries": "",
   "Error": "Hata",
   "Export": "Dışa Aktar",
   "Export_As_ICal": "Mevcut dönemi iCal formatında dışa aktar",
@@ -278,6 +279,7 @@
   "Planner": "Planlayıcı",
   "Planner_Settings": "Planlayıcı ayarları",
   "Plural": "Çoğul",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Hazırlama",
   "Previous_Day": "Önceki Gün",
diff --git a/vue3/src/locales/uk.json b/vue3/src/locales/uk.json
index dbd1b19c0..0b3cd7815 100644
--- a/vue3/src/locales/uk.json
+++ b/vue3/src/locales/uk.json
@@ -92,6 +92,7 @@
   "Empty": "Пусто",
   "Enable_Amount": "Включити Кількість",
   "Energy": "Енергія",
+  "Entries": "",
   "Export": "Експорт",
   "Export_As_ICal": "Експортувати теперішній період до формату iCal",
   "Export_Not_Yet_Supported": "",
@@ -220,6 +221,7 @@
   "Planner": "Планувальний",
   "Planner_Settings": "Налаштування планувальника",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "Підготовка",
   "Previous_Day": "Попередній День",
diff --git a/vue3/src/locales/zh_Hans.json b/vue3/src/locales/zh_Hans.json
index 24f4dce0f..1a2701730 100644
--- a/vue3/src/locales/zh_Hans.json
+++ b/vue3/src/locales/zh_Hans.json
@@ -118,6 +118,7 @@
   "Enable_Amount": "启用金额",
   "EndDate": "结束日期",
   "Energy": "能量",
+  "Entries": "",
   "Export": "导出",
   "Export_As_ICal": "将当前周期导出为 iCal 格式",
   "Export_Not_Yet_Supported": "导入尚未支持",
@@ -273,6 +274,7 @@
   "Planner": "计划者",
   "Planner_Settings": "计划者设置",
   "Plural": "复数",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "准备",
   "Previous_Day": "前一天",
diff --git a/vue3/src/locales/zh_Hant.json b/vue3/src/locales/zh_Hant.json
index 71e3e9284..79e7e3f3c 100644
--- a/vue3/src/locales/zh_Hant.json
+++ b/vue3/src/locales/zh_Hant.json
@@ -33,6 +33,7 @@
   "Edit": "",
   "Email": "",
   "Energy": "",
+  "Entries": "",
   "Export": "",
   "External": "",
   "External_Recipe_Image": "外部食譜圖片",
@@ -72,6 +73,7 @@
   "Order": "",
   "Owner": "",
   "Plural": "",
+  "Postpone": "",
   "Preferences": "",
   "Preparation": "",
   "Print": "",