bt-core-app 1.3.5 → 1.3.7

package/src/components/BT-Nav-Menu-Item.vue

@@ -0,0 +1,61 @@
+<template>
+    <v-list-group v-if="doShowItem && relevantChildren.length > 0"
+        color="accent"
+        :subGroup="isSubGroup"
+        fluid>
+        <template #activator="{ props }">
+            <v-list-item v-bind="props"
+                :prepend-icon="item.icon"
+                :title="item.displayName" />
+        </template>
+        <BT-Nav-Menu-Item 
+            v-for="child in relevantChildren"
+            :key="child.name"
+            isSubGroup
+            :item="child" />
+    </v-list-group>
+    <v-list-item v-else-if="doShowItem"
+        color="accent"
+        :prepend-icon="item.icon"
+        nav
+        :title="item.displayName ?? item.name"
+        :to="{ name: item.name }">
+    </v-list-item>
+    <v-divider v-else-if="item.isDivider" />
+    <div v-else>test</div>
+</template>
+
+<script setup lang="ts">
+    import BTNavMenuItem from './BT-Nav-Menu-Item.vue'
+    import { computed } from 'vue'
+    import { useAuth } from '../composables/auth'
+    import { isLengthyArray } from '../composables/helpers'
+    import { type NavigationItem } from '../composables/navigation'
+    import { VListItem, VListGroup, VDivider } from 'vuetify/components'
+    
+    interface ItemProps {
+        allowedSubscriptionCodes?: string[],
+        isSubGroup?: boolean,
+        item?: any
+    }
+
+    const props = withDefaults(defineProps<ItemProps>(), {
+        allowedSubscriptionCodes: () => [],
+        isSubGroup: false,
+        item: null
+    })
+
+    const { doShowByNav } = useAuth()
+
+    const relevantChildren = computed(() => {
+        const l = props.item.children?.filter((x: NavigationItem) => x.isInNavMenu !== false) ?? []
+        if (!isLengthyArray(props.allowedSubscriptionCodes)) {
+            return l
+        }
+
+        return l.filter((navItem: NavigationItem) => !isLengthyArray(navItem.subFilters) || props.allowedSubscriptionCodes.some(code => navItem.subFilters?.some(sFilter => sFilter == code)))
+    })
+    
+    const doShowItem = computed(() => doShowByNav(props.item, true))
+
+</script>

package/src/components/BT-Nav-Sidebar.vue

@@ -0,0 +1,79 @@
+<template>
+    <v-navigation-drawer
+        v-if="isLoggedIn"
+        disabled-resize-watcher
+        expand-on-hover
+        :rail="!state.drawerStick"
+        permanent
+        v-model="state.drawer">
+        <slot>
+            <v-list class="pt-1">
+                <v-list-item nav :title="title">
+                    <template #prepend>
+                        <v-avatar size="36">
+                            <v-img :src="iconSrc" />
+                        </v-avatar>
+                    </template>
+                    <template #append>
+                        <v-row class="mr-1">
+                            <v-btn
+                                @click="toggleDrawerStick"
+                                flat
+                                icon
+                                size="small"
+                                title="Pin/Unpin Menu">
+                                <v-icon>{{ state.drawerStick ? 'mdi-pin-off' : 'mdi-pin' }}</v-icon>
+                            </v-btn>
+                        </v-row>
+                    </template>
+                </v-list-item>
+                <slot name="top-list">
+                   
+                </slot>
+            </v-list>
+
+            <slot name="middle-list">
+                <v-list nav>
+                    <BT-Nav-Menu-Item
+                        v-for="(item, index) in navItems"
+                        :key="index"
+                        :item="item" />
+                </v-list>
+            </slot>
+        </slot>
+        <template #append>
+            <slot name="bottom-list">
+                <v-list v-if="isLoggedIn" class="ma-0 pa-0">
+                    <v-list-item
+                        class="bg-primary"
+                        prepend-icon="mdi-logout"
+                        title="Logout"
+                        @click="() => logout()" />
+                </v-list>
+            </slot>
+        </template>
+    </v-navigation-drawer>
+</template>
+
+<script setup lang="ts">
+import BTNavMenuItem from './BT-Nav-Menu-Item.vue'
+import { useCosmetics } from '../composables/cosmetics'
+import { useNavigation } from '../composables/navigation'
+import { useAuth } from '../composables/auth'
+import { computed } from 'vue'
+import { VListItem, VList, VNavigationDrawer, VAvatar, VImg, VRow, VBtn } from 'vuetify/components'
+
+interface SidebarProps {
+    // greeting?: string
+    iconSrc?: string
+    title?: string
+}
+
+defineProps<SidebarProps>()
+const { state, toggleDrawerStick } = useCosmetics()
+const { isLoggedIn, logout } = useAuth()
+const navigation = useNavigation()
+
+const navItems = computed(() => navigation.navigationItems.filter(x => x.isInNavMenu !== false && navigation.backgroundName.value == x.background));
+
+</script>

package/src/index.ts

@@ -43,6 +43,11 @@ export type { CoreApp, CreateCoreOptions } from './core'
 export { createCore } from './core'
 
 
+import BTNavMenuItem from './components/BT-Nav-Menu-Item.vue'
+import BTNavSidebar from './components/BT-Nav-Sidebar.vue'
+
+export { BTNavMenuItem, BTNavSidebar }
+
 // import BTBtn from './components/BT-Btn.vue'
 // import BTCol from './components/BT-Col.vue'
 

package/vite.config.ts

@@ -32,7 +32,7 @@ export default defineConfig({
     // }),
     vue(),
     dts(),
-    vuetify()
+    vuetify({ autoImport: true })
   ],
   resolve: {
     alias: {