first draft of help system

vue3/src/apps/tandoor/Tandoor.vue

@@ -43,6 +43,12 @@
                             </template>
                             {{ $t('Database') }}
                         </v-list-item>
+                        <v-list-item :to="{ name: 'HelpPage' }">
+                            <template #prepend>
+                                <v-icon icon="fa-solid fa-question"></v-icon>
+                            </template>
+                            {{ $t('Help') }}
+                        </v-list-item>
                         <!--                        <v-list-item><template #prepend><v-icon icon="fa-solid fa-user-shield"></v-icon></template>Admin</v-list-item>-->
                         <!--                        <v-list-item><template #prepend><v-icon icon="fa-solid fa-question"></v-icon></template>Help</v-list-item>-->
                         <template v-if="useUserPreferenceStore().spaces.length > 1">

vue3/src/apps/tandoor/main.ts

@@ -15,6 +15,7 @@ const routes = [
     {path: '/', component: () => import("@/pages/StartPage.vue"), name: 'view_home'},
     {path: '/search', redirect: {name: 'view_home'}},
     {path: '/test', component: () => import("@/pages/TestPage.vue"), name: 'view_test'},
+    {path: '/help', component: () => import("@/pages/HelpPage.vue"), name: 'HelpPage'},
     {
         path: '/settings', component: () => import("@/pages/SettingsPage.vue"), name: 'SettingsPage', redirect: '/settings/account',
         children: [

vue3/src/locales/ar.json

@@ -135,6 +135,7 @@
   "GroupBy": "",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "",
   "Hide_Keyword": "",

vue3/src/locales/bg.json

@@ -132,6 +132,7 @@
   "GroupBy": "Групирай по",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Скриване на храна",
   "Hide_Keyword": "Скриване на ключови думи",

vue3/src/locales/ca.json

@@ -175,6 +175,7 @@
   "GroupBy": "",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "",
   "Hide_Keyword": "",

vue3/src/locales/cs.json

@@ -175,6 +175,7 @@
   "GroupBy": "Seskupit podle",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Skrýt potravinu",
   "Hide_Keyword": "Skrýt štítky",

vue3/src/locales/da.json

@@ -163,6 +163,7 @@
   "GroupBy": "Grupper efter",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Skjul mad",
   "Hide_Keyword": "Skjul nøgleord",

vue3/src/locales/de.json

@@ -178,6 +178,7 @@
   "GroupBy": "Gruppieren nach",
   "HeaderWarning": "Achtung: Durch ändern auf Überschrift werden Menge/Einheit/Lebensmittel gelöscht",
   "Headline": "Überschrift",
+  "Help": "Hilfe",
   "Hide_External": "Externe ausblenden",
   "Hide_Food": "Lebensmittel verbergen",
   "Hide_Keyword": "Schlüsselwörter verbergen",

vue3/src/locales/el.json

@@ -158,6 +158,7 @@
   "GroupBy": "Ομαδοποίηση κατά",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Απόκρυψη φαγητού",
   "Hide_Keyword": "Απόκρυψη λέξεων-κλειδί",

vue3/src/locales/en.json

@@ -176,6 +176,7 @@
   "GroupBy": "Group By",
   "HeaderWarning": "Warning: Changing to a Heading deletes the Amount/Unit/Food",
   "Headline": "Headline",
+  "Help": "Help",
   "Hide_External": "Hide External",
   "Hide_Food": "Hide Food",
   "Hide_Keyword": "Hide keywords",

vue3/src/locales/es.json

@@ -176,6 +176,7 @@
   "GroupBy": "Agrupar por",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Esconder ingrediente",
   "Hide_Keyword": "Esconder Palabras Clave",

vue3/src/locales/fi.json

@@ -104,6 +104,7 @@
   "GettingStarted": "",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Piilota ruoka",
   "Hide_Keyword": "Piilota avainsana",

vue3/src/locales/fr.json

@@ -175,6 +175,7 @@
   "GroupBy": "Grouper par",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Cacher l’aliment",
   "Hide_Keyword": "masquer les mots clefs",

vue3/src/locales/he.json

@@ -176,6 +176,7 @@
   "GroupBy": "אסוף לפי",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "הסתר אוכל",
   "Hide_Keyword": "הסתר מילות מפתח",

vue3/src/locales/hu.json

@@ -159,6 +159,7 @@
   "GroupBy": "Csoportosítva",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Alapanyag elrejtése",
   "Hide_Keyword": "Kulcsszavak elrejtése",

vue3/src/locales/hy.json

@@ -83,6 +83,7 @@
   "GettingStarted": "",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Թաքցնել սննդամթերքը",
   "Hide_Keywords": "Թաքցնել բանալի բառը",

vue3/src/locales/id.json

@@ -147,6 +147,7 @@
   "GroupBy": "",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "",
   "Hide_Keyword": "",

vue3/src/locales/is.json

@@ -175,6 +175,7 @@
   "GroupBy": "",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "",
   "Hide_Keyword": "",

vue3/src/locales/it.json

@@ -152,6 +152,7 @@
   "GroupBy": "Raggruppa per",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Nascondi alimento",
   "Hide_Keyword": "Nascondi parole chiave",

vue3/src/locales/lt.json

@@ -161,6 +161,7 @@
   "GroupBy": "",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "",
   "Hide_Keyword": "",

vue3/src/locales/nb_NO.json

@@ -156,6 +156,7 @@
   "GroupBy": "Grupér",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Skjul Matrett",
   "Hide_Keyword": "Skjul nøkkelord",

vue3/src/locales/nl.json

@@ -160,6 +160,7 @@
   "GroupBy": "Groepeer per",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Verberg Eten",
   "Hide_Keyword": "Verberg etiketten",

vue3/src/locales/pl.json

@@ -177,6 +177,7 @@
   "GroupBy": "Grupuj według",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Ukryj żywność",
   "Hide_Keyword": "Ukryj słowa kluczowe",

vue3/src/locales/pt.json

@@ -134,6 +134,7 @@
   "GroupBy": "Agrupar por",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Esconder comida",
   "Hide_Keyword": "",

vue3/src/locales/pt_BR.json

@@ -171,6 +171,7 @@
   "GroupBy": "Agrupar Por",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Esconder Comida",
   "Hide_Keyword": "Oculta palavras-chave",

vue3/src/locales/ro.json

@@ -154,6 +154,7 @@
   "GroupBy": "Grupat de",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Ascunde mâncare",
   "Hide_Keyword": "Ascunde cuvintele cheie",

vue3/src/locales/ru.json

@@ -123,6 +123,7 @@
   "GroupBy": "Сгруппировать по",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Скрыть еду",
   "Hide_Keyword": "Скрыть ключевые слова",

vue3/src/locales/sl.json

@@ -123,6 +123,7 @@
   "GroupBy": "Združi po",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Skrij hrano",
   "Hide_Keyword": "Skrij ključne besede",

vue3/src/locales/sv.json

@@ -177,6 +177,7 @@
   "GroupBy": "Gruppera enligt",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Dölj livsmedel",
   "Hide_Keyword": "Dölj nyckelord",

vue3/src/locales/tr.json

@@ -176,6 +176,7 @@
   "GroupBy": "Gruplandırma Ölçütü",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Yiyeceği Gizle",
   "Hide_Keyword": "Anahtar kelimeleri gizle",

vue3/src/locales/uk.json

@@ -141,6 +141,7 @@
   "GroupBy": "По Групі",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "Сховати Їжу",
   "Hide_Keyword": "",

vue3/src/locales/zh_Hans.json

@@ -172,6 +172,7 @@
   "GroupBy": "分组",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_Food": "隐藏食物",
   "Hide_Keyword": "隐藏关键词",

vue3/src/locales/zh_Hant.json

@@ -71,6 +71,7 @@
   "GettingStarted": "",
   "HeaderWarning": "",
   "Headline": "",
+  "Help": "",
   "Hide_External": "",
   "Hide_as_header": "隱藏為標題",
   "History": "",

vue3/src/pages/HelpPage.vue

@@ -0,0 +1,75 @@
+<template>
+
+    <v-container>
+        <v-row>
+            <v-col>
+                <v-card>
+                    <v-card-title class="text-h4">Welcome {{ useUserPreferenceStore().userSettings.user.displayName }}</v-card-title>
+
+                    <v-card-text class="text-body-1">
+                        <p>This page contains basic information to the most important features and concepts of Tandoor.</p>
+                        <p> It is recommended to read at least the first few entries to get a feel of what Tandoor can do for you.</p>
+                    </v-card-text>
+                </v-card>
+            </v-col>
+        </v-row>
+
+        <v-row>
+            <v-col>
+                <v-expansion-panels>
+                    <v-expansion-panel>
+                        <v-expansion-panel-title>
+                            <i :class="TUserSpace.icon" class="fa-fw me-2"></i> {{ $t('Space') }}
+                        </v-expansion-panel-title>
+                        <v-expansion-panel-text>
+                            <p>All your data is stored in a space where you can invite other people to collaborate on your recipe database.</p>
+                            <p class="mt-1">
+                                Books, Shopping Lists and Mealplans are not shared by default. You can share them with specific other members of
+                                your space using the settings.
+                            </p>
+                            <p class="mt-1">
+                                You can create and be a member of multiple spaces. Switch between them freely using the navigation or space settings.
+                                Depending on the permission configured by the space owner some features might not be available in all spaces.
+                            </p>
+                            <v-divider class="mt-2 mb-2"></v-divider>
+                            <v-btn color="info" variant="tonal" prepend-icon="$settings" class="me-2" :to="{name: 'SpaceSettings'}">{{ $t('SpaceSettings') }}</v-btn>
+                            <v-btn color="info" variant="tonal" prepend-icon="fa-solid fa-users" class="me-2" :to="{name: 'SpaceMemberSettings'}">{{ $t('Invites') }}</v-btn>
+
+                        </v-expansion-panel-text>
+                    </v-expansion-panel>
+                    <v-expansion-panel>
+                        <v-expansion-panel-title>
+                            <i :class="TRecipe.icon" class="fa-fw me-2"></i> {{ $t('Recipes') }}
+                        </v-expansion-panel-title>
+                        <v-expansion-panel-text>
+                            <p>Recipes are the foundation of your Tandoor space. A Recipe has one or more steps that contain
+                                all ingredients, instructions and other information. Ingredients in turn consist of an amount, a unit and a food,
+                                allowing recipes to be scaled, nutrition's to be calculated and shopping to be organized.</p>
+
+                            <p class="mt-1">Besides manually creating them you can also
+                                import them from various different places.</p>
+
+                            <v-divider class="mt-2 mb-2"></v-divider>
+                            <v-btn color="info" variant="tonal" prepend-icon="$create" class="me-2" :to="{ name: 'ModelEditPage', params: {model: 'recipe'} }">{{ $t('Create') }}
+                            </v-btn>
+                            <v-btn color="info" variant="tonal" prepend-icon="$import" class="me-2" :to="{ name: 'RecipeImportPage' }">{{ $t('Import') }}</v-btn>
+
+                        </v-expansion-panel-text>
+                    </v-expansion-panel>
+                </v-expansion-panels>
+            </v-col>
+        </v-row>
+
+    </v-container>
+
+</template>
+
+<script setup lang="ts">
+
+import {TKeyword, TRecipe, TUserSpace} from "@/types/Models";
+import {useUserPreferenceStore} from "../stores/UserPreferenceStore";
+</script>
+
+<style scoped>
+
+</style>