From a60f1a3e929ea7ee8dff25fd48dc92ba6a23e7ea Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Tue, 14 Mar 2023 22:12:39 +0100
Subject: [PATCH] added section headers to bottom nav create

---
 vue/src/apps/CookbookView/CookbookView.vue        |  5 ++++-
 vue/src/apps/MealPlanView/MealPlanView.vue        |  3 ++-
 .../apps/ShoppingListView/ShoppingListView.vue    |  8 +++++---
 vue/src/components/BottomNavigationBar.vue        | 15 +++++++++------
 4 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/vue/src/apps/CookbookView/CookbookView.vue b/vue/src/apps/CookbookView/CookbookView.vue
index 90bd0aef..b4b87c93 100644
--- a/vue/src/apps/CookbookView/CookbookView.vue
+++ b/vue/src/apps/CookbookView/CookbookView.vue
@@ -61,9 +61,12 @@
 
         <bottom-navigation-bar>
             <template #custom_create_functions>
+                <div class="dropdown-divider" ></div>
+                <h6 class="dropdown-header">{{ $t('Books')}}</h6>
+
                 <a class="dropdown-item" @click="createNew()"><i
                                 class="fa fa-book"></i> {{$t("Create")}}</a>
-                 <div class="dropdown-divider" ></div>
+
             </template>
         </bottom-navigation-bar>
     </div>
diff --git a/vue/src/apps/MealPlanView/MealPlanView.vue b/vue/src/apps/MealPlanView/MealPlanView.vue
index 5b048ff4..6ed34700 100644
--- a/vue/src/apps/MealPlanView/MealPlanView.vue
+++ b/vue/src/apps/MealPlanView/MealPlanView.vue
@@ -293,8 +293,9 @@
 
         <bottom-navigation-bar :create_links="[{label:$t('Export_To_ICal'), url: iCalUrl, icon:'fas fa-download'}]">
             <template #custom_create_functions>
+                <h6 class="dropdown-header">{{ $t('Meal_Plan')}}</h6>
                 <a class="dropdown-item" @click="createEntryClick(new Date())"><i
-                    class="fas fa-calendar-plus"></i> {{ $t("Create") }}</a>
+                    class="fas fa-calendar-plus fa-fw"></i> {{ $t("Create") }}</a>
             </template>
         </bottom-navigation-bar>
     </div>
diff --git a/vue/src/apps/ShoppingListView/ShoppingListView.vue b/vue/src/apps/ShoppingListView/ShoppingListView.vue
index 3ffa2e41..7dc59d4a 100644
--- a/vue/src/apps/ShoppingListView/ShoppingListView.vue
+++ b/vue/src/apps/ShoppingListView/ShoppingListView.vue
@@ -569,8 +569,10 @@
         <bottom-navigation-bar>
             <template #custom_create_functions>
 
-                <a class="dropdown-item" @click="entrymode = !entrymode; "
-                ><i class="fas fa-cart-plus"></i>
+                <div class="dropdown-divider"></div>
+                <h6 class="dropdown-header">{{ $t('Shopping_list')}}</h6>
+
+                <a class="dropdown-item" @click="entrymode = !entrymode; " ><i class="fas fa-cart-plus"></i>
                     {{ $t("New_Entry") }}
                 </a>
 
@@ -583,7 +585,7 @@
                 <CopyToClipboard :items="csvData" :settings="settings" format="table"
                                  :label="$t('copy_markdown_table')" icon="fab fa-markdown fa-fw"/>
 
-                <div class="dropdown-divider"></div>
+
             </template>
         </bottom-navigation-bar>
     </div>
diff --git a/vue/src/components/BottomNavigationBar.vue b/vue/src/components/BottomNavigationBar.vue
index 4128d931..8fad878b 100644
--- a/vue/src/components/BottomNavigationBar.vue
+++ b/vue/src/components/BottomNavigationBar.vue
@@ -23,6 +23,13 @@
                            aria-haspopup="true" aria-expanded="false"><i class="fas fa-plus-circle fa-2x bottom-nav-link"></i>
                         </a>
                         <div class="dropdown-menu center-dropup" aria-labelledby="navbarDropdownMenuLink">
+
+                            <a class="dropdown-item" v-bind:href="resolveDjangoUrl('new_recipe')"><i
+                                class="fas fa-fw fa-plus"></i> {{ $t('Create Recipe') }}</a>
+                            <a class="dropdown-item" v-bind:href="resolveDjangoUrl('data_import_url')"><i
+                                class="fas fa-fw fa-file-import"></i> {{ $t('Import Recipe') }}</a>
+                            <div class="dropdown-divider" v-if="create_links.length > 0"></div>
+
                             <slot name="custom_create_functions">
 
                             </slot>
@@ -30,13 +37,9 @@
                             <a class="dropdown-item" v-bind:href="cl.url" v-for="cl in create_links" v-bind:key="cl.label">
                                 <i :class="cl.icon + ' fa-fw'"></i> {{ cl.label }}
                             </a>
-                            <div class="dropdown-divider" v-if="create_links.length > 0"></div>
-
-                            <a class="dropdown-item" v-bind:href="resolveDjangoUrl('new_recipe')"><i
-                                class="fas fa-fw fa-plus"></i> {{ $t('Create Recipe') }}</a>
-                            <a class="dropdown-item" v-bind:href="resolveDjangoUrl('data_import_url')"><i
-                                class="fas fa-fw fa-file-import"></i> {{ $t('Import Recipe') }}</a>
                         </div>
+
+
                     </div>
                 </slot>