minor work on file uploader

vue3/src/components/inputs/UserFileField.vue

@@ -13,10 +13,9 @@
         </v-card>
     </v-input>
 
-    <v-dialog max-width="600px" v-model="dialog">
+    <v-dialog max-width="1000px" height="90vh" v-model="dialog">
         <v-card>
             <v-card-title>{{ $t('Files') }}</v-card-title>
-            <v-btn @click="dialog = false">close</v-btn>
             <v-tabs v-model="tab" grow>
                 <v-tab v-if="model != null">Preview</v-tab>
                 <v-tab>New</v-tab>
@@ -40,7 +39,9 @@
                         <v-card-actions>
                             <v-btn :href="model.fileDownload" target="_blank" color="success" prepend-icon="fa-solid fa-file-arrow-down">{{ $t('Download') }}</v-btn>
                             <!-- TODO implement -->
+                            <v-btn color="warning" prepend-icon="fa-solid fa-link-slash" @click="model = null">{{ $t('Remove') }}</v-btn>
                             <v-btn color="delete" prepend-icon="$delete" @click="model = null">{{ $t('Delete') }}</v-btn>
+                            <v-btn @click="dialog = false">{{ $t('Close') }}</v-btn>
                         </v-card-actions>
                     </v-card>
 
@@ -52,11 +53,15 @@
                             <v-text-field :label="$t('Name')" v-model="newUserFile.name"></v-text-field>
                             <v-file-input :label="$t('File')" v-model="newUserFile.file"></v-file-input>
                             <v-btn color="save" prepend-icon="$save" @click="uploadFile()">{{ $t('Save') }}</v-btn>
+
                         </v-card-text>
                     </v-card>
                 </v-tabs-window-item>
                 <v-tabs-window-item>
-                    <v-data-table :items="userFiles"></v-data-table>
+                    <v-container fluid>
+                        <v-text-field :label="$t('Search')" prepend-inner-icon="$search"></v-text-field>
+                        <v-data-table density="compact" :headers="tableHeaders" :items="userFiles"></v-data-table>
+                    </v-container>
                 </v-tabs-window-item>
             </v-tabs-window>
         </v-card>
@@ -70,6 +75,7 @@ import {onMounted, ref} from "vue";
 import {DateTime} from "luxon";
 import {ErrorMessageType, PreparedMessage, useMessageStore} from "@/stores/MessageStore";
 import {getCookie} from "@/utils/cookie";
+import {useI18n} from "vue-i18n";
 
 const emit = defineEmits(['update:modelValue', 'create'])
 
@@ -78,18 +84,24 @@ const props = defineProps({
 })
 
 const model = defineModel()
+const {t} = useI18n()
 
 const dialog = ref(false)
 const tab = ref(0)
 const newUserFile = ref({} as UserFile)
 const userFiles = ref([] as UserFile[])
 
+const tableHeaders = ref([
+    {title: 'ID', value: 'id'},
+    {title: t('Name'), value: 'name'},
+])
+
 onMounted(() => {
     //TODO move to open function of file tab
     loadFiles()
 })
 
-function loadFiles(){
+function loadFiles() {
     let api = new ApiApi()
     api.apiUserFileList().then(r => {
         // TODO implement pagination

vue3/src/locales/ar.json

@@ -206,6 +206,7 @@
 	"Recipes": "",
 	"Recipes_In_Import": "",
 	"Recipes_per_page": "",
+	"Remove": "",
 	"RemoveFoodFromShopping": "",
 	"Remove_nutrition_recipe": "",
 	"Reset": "",

vue3/src/locales/bg.json

@@ -199,6 +199,7 @@
 	"Recipes": "Рецепти",
 	"Recipes_In_Import": "Рецепти във вашия файл за импортиране",
 	"Recipes_per_page": "Рецепти на страница",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Премахнете {food} от списъка си за пазаруване",
 	"Remove_nutrition_recipe": "Изтрийте хранителните стойности от рецептата",
 	"Reset": "Нулиране",

vue3/src/locales/ca.json

@@ -276,6 +276,7 @@
 	"Recipes": "",
 	"Recipes_In_Import": "",
 	"Recipes_per_page": "Receptes per pàgina",
+	"Remove": "",
 	"RemoveFoodFromShopping": "",
 	"Remove_nutrition_recipe": "Esborreu nutrició de la recepta",
 	"Reset": "",

vue3/src/locales/cs.json

@@ -274,6 +274,7 @@
 	"Recipes": "Recepty",
 	"Recipes_In_Import": "Receptů v importním souboru",
 	"Recipes_per_page": "Receptů na stránku",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Odstranit {food} z nákupního seznamu",
 	"Remove_nutrition_recipe": "Smazat nutriční hodnoty",
 	"Reset": "Resetovat",

vue3/src/locales/da.json

@@ -256,6 +256,7 @@
 	"Recipes": "Opskrifter",
 	"Recipes_In_Import": "Opskrifter i din importerede fil",
 	"Recipes_per_page": "Opskrifter pr. side",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Fjern {food} fra indkøbsliste",
 	"Remove_nutrition_recipe": "Fjern næringsindhold fra opskrift",
 	"Reset": "Nulstil",

vue3/src/locales/de.json

@@ -278,6 +278,7 @@
 	"Recipes": "Rezepte",
 	"Recipes_In_Import": "Rezepte in deiner importierten Datei",
 	"Recipes_per_page": "Rezepte pro Seite",
+	"Remove": "Entfernen",
 	"RemoveFoodFromShopping": "{food} von der Einkaufsliste löschen",
 	"Remove_nutrition_recipe": "Nährwerte aus Rezept löschen",
 	"Reset": "Zurücksetzen",

vue3/src/locales/el.json

@@ -248,6 +248,7 @@
 	"Recipes": "Συνταγές",
 	"Recipes_In_Import": "Συνταγές στο αρχείο εισαγωγής",
 	"Recipes_per_page": "Συνταγές ανά σελίδα",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Αφαίρεση του φαγητού {food} από τη λίστα αγορών σας",
 	"Remove_nutrition_recipe": "Αφαίρεση διατροφικής αξίας από τη συνταγή",
 	"Reset": "Επαναφορά",

vue3/src/locales/en.json

@@ -277,6 +277,7 @@
 	"Recipes": "Recipes",
 	"Recipes_In_Import": "Recipes in your import file",
 	"Recipes_per_page": "Recipes per Page",
+	"Remove": "Remove",
 	"RemoveFoodFromShopping": "Remove {food} from your shopping list",
 	"Remove_nutrition_recipe": "Delete nutrition from recipe",
 	"Reset": "Reset",

vue3/src/locales/es.json

@@ -275,6 +275,7 @@
 	"Recipes": "Recetas",
 	"Recipes_In_Import": "Recetas en tu fichero de importación",
 	"Recipes_per_page": "Recetas por página",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Eliminar {food} de la lista de la compra",
 	"Remove_nutrition_recipe": "Borrar nutrición de la canasta",
 	"Reset": "Restablecer",

vue3/src/locales/fi.json

@@ -134,6 +134,7 @@
 	"Recipe_Image": "Reseptin Kuva",
 	"Recipes": "Reseptit",
 	"Recipes_per_page": "Reseptejä sivulla",
+	"Remove": "",
 	"Remove_nutrition_recipe": "Poista ravintoaine reseptistä",
 	"Reset_Search": "Nollaa haku",
 	"Root": "Root",

vue3/src/locales/fr.json

@@ -276,6 +276,7 @@
 	"Recipes": "Recettes",
 	"Recipes_In_Import": "Recettes dans votre fichier d’importation",
 	"Recipes_per_page": "Nombre de recettes par page",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Supprimer l’aliment {food} de votre liste de courses",
 	"Remove_nutrition_recipe": "Supprimer les valeurs nutritionelles de la recette",
 	"Reset": "Réinitialiser",

vue3/src/locales/he.json

@@ -277,6 +277,7 @@
 	"Recipes": "מתכונים",
 	"Recipes_In_Import": "מתכון בקובץ הייבוא",
 	"Recipes_per_page": "מתכונים בכל דף",
+	"Remove": "",
 	"RemoveFoodFromShopping": "הסר {מזון} מרשימת הקניות",
 	"Remove_nutrition_recipe": "מחר ערכים תזונתיים מהמתכון",
 	"Reset": "אפס",

vue3/src/locales/hu.json

@@ -250,6 +250,7 @@
 	"Recipes": "Receptek",
 	"Recipes_In_Import": "",
 	"Recipes_per_page": "Receptek oldalanként",
+	"Remove": "",
 	"RemoveFoodFromShopping": "{food} eltávolítása bevásárlólistáról",
 	"Remove_nutrition_recipe": "Tápértékadatok törlése a receptből",
 	"Reset": "Visszaállítás",

vue3/src/locales/hy.json

@@ -80,6 +80,7 @@
 	"Recipe_Image": "Բաղադրատոմսի նկար",
 	"Recipes": "Բաղադրատոմսեր",
 	"Recipes_per_page": "Բաղադրատոմս էջում",
+	"Remove": "",
 	"Remove_nutrition_recipe": "Հեռացնել բաղադրատոմսի սննդայնությունը",
 	"Reset_Search": "Զրոյացնել որոնումը",
 	"Save": "",

vue3/src/locales/id.json

@@ -226,6 +226,7 @@
 	"Recipes": "Resep",
 	"Recipes_In_Import": "",
 	"Recipes_per_page": "Resep per Halaman",
+	"Remove": "",
 	"RemoveFoodFromShopping": "",
 	"Remove_nutrition_recipe": "Hapus nutrisi dari resep",
 	"Reset": "",

vue3/src/locales/is.json

@@ -276,6 +276,7 @@
 	"Recipes": "",
 	"Recipes_In_Import": "",
 	"Recipes_per_page": "",
+	"Remove": "",
 	"RemoveFoodFromShopping": "",
 	"Remove_nutrition_recipe": "",
 	"Reset": "",

vue3/src/locales/it.json

@@ -234,6 +234,7 @@
 	"Recipes": "Ricette",
 	"Recipes_In_Import": "Rocette nel tuo file di importazione",
 	"Recipes_per_page": "Ricette per pagina",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Rimuovi {food} dalla tua lista della spesa",
 	"Remove_nutrition_recipe": "Elimina nutrienti dalla ricetta",
 	"Reset": "Azzera",

vue3/src/locales/lt.json

@@ -254,6 +254,7 @@
 	"Recipes": "",
 	"Recipes_In_Import": "",
 	"Recipes_per_page": "Receptų skaičius per puslapį",
+	"Remove": "",
 	"RemoveFoodFromShopping": "",
 	"Remove_nutrition_recipe": "Ištrinti mitybos informaciją iš recepto",
 	"Reset": "",

vue3/src/locales/nb_NO.json

@@ -246,6 +246,7 @@
 	"Recipes": "Oppskrift",
 	"Recipes_In_Import": "",
 	"Recipes_per_page": "Oppskrifter per side",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Fjern {food} fra handelisten din",
 	"Remove_nutrition_recipe": "Fjern næringsinnhold fra oppskrift",
 	"Reset": "",

vue3/src/locales/pl.json

@@ -278,6 +278,7 @@
 	"Recipes": "Przepisy",
 	"Recipes_In_Import": "Przepisy w pliku importu",
 	"Recipes_per_page": "Przepisy na stronę",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Usuń {food} z listy zakupów",
 	"Remove_nutrition_recipe": "Usuń wartości odżywcze z przepisu",
 	"Reset": "Resetowanie",

vue3/src/locales/pt.json

@@ -195,6 +195,7 @@
 	"Recipe_Image": "Imagem da Receita",
 	"Recipes": "Receitas",
 	"Recipes_per_page": "Receitas por página",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Remover {food} da sua lista de compras",
 	"Remove_nutrition_recipe": "Remover valor nutricional da receita",
 	"Reset": "Reiniciar",

vue3/src/locales/pt_BR.json

@@ -265,6 +265,7 @@
 	"Recipes": "Receitas",
 	"Recipes_In_Import": "Receitas no seu arquivo de importação",
 	"Recipes_per_page": "Receitas por página",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Remover {food} da sua lista de compras",
 	"Remove_nutrition_recipe": "Deletar dados nutricionais da receita",
 	"Reset": "Reiniciar",

vue3/src/locales/ro.json

@@ -238,6 +238,7 @@
 	"Recipes": "Rețete",
 	"Recipes_In_Import": "Rețete în fișierul de import",
 	"Recipes_per_page": "Rețete pe pagină",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Șterge {food} din lista de cumpărături",
 	"Remove_nutrition_recipe": "Ștergere a nutriției din rețetă",
 	"Reset": "Resetare",

vue3/src/locales/ru.json

@@ -180,6 +180,7 @@
 	"Recipe_Image": "Изображение рецепта",
 	"Recipes": "Рецепты",
 	"Recipes_per_page": "Рецептов на странице",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Удалить {food} из вашего списка покупок",
 	"Remove_nutrition_recipe": "Уберите питательные вещества из рецепта",
 	"Reset": "Сбросить",

vue3/src/locales/sl.json

@@ -172,6 +172,7 @@
 	"Recipe_Image": "Slika recepta",
 	"Recipes": "Recepti",
 	"Recipes_per_page": "Receptov na stran",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Odstrani {food} iz nakupovalnega listka",
 	"Remove_nutrition_recipe": "Receptu izbriši hranilno vrednost",
 	"Reset_Search": "Ponastavi iskalnik",

vue3/src/locales/sv.json

@@ -278,6 +278,7 @@
 	"Recipes": "Recept",
 	"Recipes_In_Import": "Recept i din importfil",
 	"Recipes_per_page": "Recept per sida",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Ta bort {mat} från din inköpslista",
 	"Remove_nutrition_recipe": "Ta bort näring från receptet",
 	"Reset": "Återställ",

vue3/src/locales/tr.json

@@ -277,6 +277,7 @@
 	"Recipes": "Tarifler",
 	"Recipes_In_Import": "İçe aktarma dosyanızdaki tarifler",
 	"Recipes_per_page": "Sayfa Başına Tarif",
+	"Remove": "",
 	"RemoveFoodFromShopping": "{food}'ı alışveriş listenizden çıkarın",
 	"Remove_nutrition_recipe": "Tariften besin değeri sil",
 	"Reset": "Sıfırla",

vue3/src/locales/uk.json

@@ -214,6 +214,7 @@
 	"Recipes": "Рецепти",
 	"Recipes_In_Import": "",
 	"Recipes_per_page": "Кількість Рецептів на Сторінку",
+	"Remove": "",
 	"RemoveFoodFromShopping": "Видалити {food} з вашого списку покупок",
 	"Remove_nutrition_recipe": "Видалити харчову цінність з рецепта",
 	"Reset": "",

vue3/src/locales/zh_Hans.json

@@ -272,6 +272,7 @@
 	"Recipes": "食谱",
 	"Recipes_In_Import": "从文件中导入食谱",
 	"Recipes_per_page": "每页食谱数量",
+	"Remove": "",
 	"RemoveFoodFromShopping": "从购物清单中移除 {food}",
 	"Remove_nutrition_recipe": "从食谱中删除营养信息",
 	"Reset": "重置",

vue3/src/locales/zh_Hant.json

@@ -52,6 +52,7 @@
 	"Recently_Viewed": "",
 	"Recipe_Image": "食譜圖片",
 	"Recipes_per_page": "每頁食譜",
+	"Remove": "",
 	"Remove_nutrition_recipe": "從食譜中刪除營養資訊",
 	"Reset_Search": "",
 	"Save": "",