bt-core-app 1.4.2 → 1.4.3

package/src/components/BT-Field-Trigger.vue

@@ -1,315 +0,0 @@
-<template>
-    <v-col
-        :lg="mLg"
-        :md="mMd"
-        :sm="mSm"
-        :cols="cols">
-        <v-list-item>
-            <v-list-item-subtitle>{{ label }}</v-list-item-subtitle>
-            <v-list-item-title>
-                <v-row dense>
-                    <span v-if="useAutomation || useAutomationDaily || useAutomationLarge" class="mx-1">{{ automation }}</span>
-                    <span v-if="useGuide || useGuideList" class="mx-1">{{ guide }}</span>
-                    <span v-if="useTrigger || useScheduledTrigger || useTriggerList" class="mx-1">{{ trigger }}</span>
-                    <span v-if="useCustom || useCustomList" class="mx-1">{{ custom }}</span>
-                </v-row>
-                
-            </v-list-item-title>
-            <template #append>
-                <v-row dense>
-                    <v-col>
-                        <v-menu v-if="useAutomation || useAutomationDaily || useAutomationLarge">
-                            <template #activator="{ props }">
-                                <v-btn v-bind="props" :disabled="!cIsEditing" :size="mSize" append-icon="mdi-menu-down" title="Automation">{{ automation ?? 'select' }}</v-btn>
-                            </template>
-                            <v-list 
-                                :items="automationOptions"
-                                item-title="text"
-                                return-object
-                                select-strategy="single-independent"
-                                v-model:selected="automationValue" />
-                        </v-menu>
-                    </v-col>
-                    
-                    <v-col>
-                        <v-menu v-if="useGuideList">
-                            <template #activator="{ props }">
-                                <v-btn v-bind="props" :disabled="!cIsEditing" :size="mSize" append-icon="mdi-menu-down" title="Guide">{{ guide ?? 'select' }}</v-btn>
-                            </template>
-                            <v-list 
-                                :items="guideOptions"
-                                item-title="text"
-                                return-object
-                                select-strategy="single-independent"
-                                v-model:selected="guideListValue" />
-                        </v-menu>
-                    </v-col>
-
-                    <v-col>
-                        <v-btn-toggle
-                            v-if="useGuide"
-                            v-bind="$attrs"
-                            v-model="guideValue"
-                            color="primary"
-                            :disabled="!cIsEditing"
-                            title="Guide">
-                            <v-btn v-for="(opt, ind) in guideOptions"
-                                :key="ind"
-                                :icon="opt.icon"
-                                :size="mSize"
-                                :text="opt.text" />
-                        </v-btn-toggle>
-                    </v-col>
-
-                    <v-col>
-                        <v-menu v-if="useTriggerList">
-                            <template #activator="{ props }">
-                                <v-btn v-bind="props" :disabled="!cIsEditing" append-icon="mdi-menu-down" title="Trigger">{{ trigger ?? 'select' }}</v-btn>
-                            </template>
-                            <v-list 
-                                :items="triggerOptions"
-                                item-title="text"
-                                return-object
-                                select-strategy="single-independent"
-                                v-model:selected="triggerListValue" />
-                        </v-menu>
-                    </v-col>
-
-                    <v-col>
-                        <v-btn-toggle
-                            v-if="useTrigger"
-                            v-bind="$attrs"
-                            v-model="triggerValue"
-                            color="primary"
-                            :disabled="!cIsEditing"
-                            title="Trigger">
-                            <v-btn v-for="(opt, ind) in triggerOptions"
-                                :key="ind"
-                                :icon="opt.icon"
-                                :size="mSize"
-                                :text="opt.text" />
-                        </v-btn-toggle>
-                    </v-col>
-
-                    <v-col>
-                        <v-menu v-if="useCustomList">
-                            <template #activator="{ props }">
-                                <v-btn v-bind="props" :disabled="!cIsEditing" append-icon="mdi-menu-down">{{ custom ?? 'select' }}</v-btn>
-                            </template>
-                            <v-list 
-                                :items="customOptions"
-                                item-title="text"
-                                return-object
-                                select-strategy="single-independent"
-                                v-model:selected="customListValue" />
-                        </v-menu>
-                    </v-col>
-
-                    <v-col>
-                        <v-btn-toggle
-                            v-if="useCustom"
-                            v-bind="$attrs"
-                            v-model="customValue"
-                            color="primary"
-                            :disabled="!cIsEditing">
-                            <v-btn v-for="(opt, ind) in customOptions"
-                                :key="ind"
-                                :icon="opt.icon"
-                                :size="mSize"
-                                :text="opt.text" />
-                        </v-btn-toggle>
-                    </v-col>
-                </v-row>
-            </template>
-        </v-list-item>
-    </v-col>
-</template>
-
-<script setup lang="ts">
-import { type BladeDensity } from '../types'
-import { computed, inject, ref, type Ref } from 'vue'
-
-    defineOptions({
-        inheritAttrs: false
-    })
-
-    interface Option {
-        text?: string
-        value?: string
-        icon?: string
-    }
-
-    interface FieldProps {
-        automation?: any
-        cols?: string | boolean
-        custom?: any
-        density?: BladeDensity
-        guide?: any
-        isEditing?: boolean
-        isMobile?: boolean
-        label: any
-        lg?: string | boolean
-        md?: string | boolean
-        sm?: string | boolean
-        options?: Option[]
-        trigger?: any
-        useAutomation?: boolean
-        useAutomationDaily?: boolean
-        useAutomationLarge?: boolean
-        useCustom?: boolean
-        useCustomList?: boolean
-        useGuide?: boolean
-        useGuideList?: boolean
-        useScheduledTrigger?: boolean
-        useTrigger?: boolean
-        useTriggerList?: boolean
-    }
-
-    const props = withDefaults(defineProps<FieldProps>(), {
-        isEditing: undefined,
-        cols: '12',
-        lg: false,
-        md: false,
-        sm: '6'
-    })
-
-    const mSize = inject('size', () => ref('small'), true)
-
-    const emit = defineEmits(['update:automation', 'update:custom', 'update:guide', 'update:trigger'])
-    let automationOptions: Ref<Option[]> = ref([])
-    let customOptions: Ref<Option[]> = ref(props.options ?? [])
-    let guideOptions: Ref<Option[]> = ref([])
-    let triggerOptions: Ref<Option[]> = ref([])
-    
-    if (props.useScheduledTrigger) {
-        triggerOptions.value = [
-            { text: 'Manual', value: 'Manual', icon: 'mdi-account' },
-            { text: 'Auto', value: 'Auto', icon: 'mdi-robot' },
-            { text: 'Scheduled', value: 'Scheduled', icon: 'mdi-calendar' }
-        ]
-    }
-
-    if (props.useTrigger) {
-        triggerOptions.value = [
-            { text: 'Manual', value: 'Manual', icon: 'mdi-account' },
-            { text: 'Auto', value: 'Auto', icon: 'mdi-robot' },
-        ]
-    }
-
-    if (props.useGuide) {
-        guideOptions.value = [
-            { text: 'Global', value: 'Settings', icon: 'mdi-earth' }, 
-            { text: 'Individual', value: 'Agreements', icon: 'mdi-account-circle-outline' }
-        ]
-    }
-
-    if (props.useAutomation) {
-        automationOptions.value = [
-            { text: 'Off', value: 'Off' },
-            { text: 'Hourly', value: 'Hourly' },
-            { text: '3 Hourly', value: 'EveryThreeHours' },
-            { text: '12 Hourly', value: 'EveryTwelveHours' },
-            { text: 'Daily', value: 'Daily' },
-            { text: 'Weekly', value: 'Weekly' }
-        ]
-    }
-
-    if (props.useAutomationDaily) {
-        automationOptions.value = [
-            { text: 'Off', value: 'Off' },
-            { text: 'Daily', value: 'Daily' }
-        ]
-    }
-
-    if (props.useAutomationLarge) {
-        automationOptions.value = [
-            { text: 'Off', value: 'Off' },
-            { text: 'Daily', value: 'Daily' },
-            { text: 'Weekly', value: 'Weekly' },
-            { text: 'Monthly', value: 'Monthly' },
-            { text: 'Yearly', value: 'Yearly' }
-        ]
-    }
-
-    const automationValue = computed({
-        get() {
-            const v = props.automation != null ? automationOptions.value.find((x: any) => (x.value ?? x.text) == props.automation) : []
-            return v ? [v] : []
-        },
-        set(value) {
-            const v = (value?.length > 0 ? value[0] : undefined) as Option | undefined
-            emit('update:automation', v?.value ?? v?.text ?? null)
-        }
-    })
-
-    const customListValue = computed({
-        get() {
-            return props.custom != null ? customOptions.value.filter((x: any) => (x.value ?? x.text) == props.automation) : []
-            // const v = props.custom != null ? customOptions.value.find((x: any) => (x.value ?? x.text) == props.automation) : []
-            // return v ? [v] : []
-        },
-        set(value) {
-            const v = (value?.length > 0 ? value[0] : undefined) as Option | undefined
-            emit('update:custom', v?.value ?? v?.text ?? null)
-        }
-    })
-
-    const customValue = computed({
-        get() {
-            return props.custom != null ? customOptions.value.findIndex((x: any) => (x.value ?? x.text) == props.custom) : null
-        },
-        set(value) {
-            emit('update:custom', (value == null || value < 0) ? null : (customOptions.value[value].value ?? customOptions.value[value].text))
-        }
-    })
-
-    const guideListValue = computed({
-        get() {
-            const v = props.guide != null ? guideOptions.value.find((x: any) => (x.value ?? x.text) == props.guide) : []
-            return v ? [v] : []
-        },
-        set(value) {
-            const v = (value?.length > 0 ? value[0] : undefined) as Option | undefined
-            emit('update:guide', v?.value ?? v?.text ?? null)
-        }
-    })
-
-    const guideValue = computed({
-        get() {
-            return props.guide != null ? guideOptions.value.findIndex((x: any) => (x.value ?? x.text) == props.guide) : null
-        },
-        set(value) {
-            emit('update:guide', (value == null || value < 0) ? null : (guideOptions.value[value].value ?? guideOptions.value[value].text))
-        }
-    })
-
-    const triggerListValue = computed({
-        get() {
-            const v = props.trigger != null ? triggerOptions.value.find((x: any) => (x.value ?? x.text) == props.trigger) : []
-            return v ? [v] : []
-        },
-        set(value) {
-            const v = (value?.length > 0 ? value[0] : undefined) as Option | undefined
-            emit('update:trigger', v?.value ?? v?.text ?? null)
-        }
-    })
-
-    const triggerValue = computed({
-        get() {
-            return props.trigger != null ? triggerOptions.value.findIndex((x: any) => (x.value ?? x.text) == props.trigger) : null
-        },
-        set(value) {
-            emit('update:trigger', (value == null || value < 0) ? null : (triggerOptions.value[value].value ?? triggerOptions.value[value].text))
-        }
-    })
-
-    const mIsEditing = inject('isEditing', () => ref(false), true)
-
-    const cIsEditing = computed(() => props.isEditing ?? mIsEditing.value)
-    const mIsMobile = inject('isMobile', () => ref(false), true)
-    
-    const mLg = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.lg)
-    const mMd = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.md)
-    const mSm = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.sm)
-    
-</script>

package/src/components/BT-Header-Option.vue

@@ -1,39 +0,0 @@
-<template>
-    <v-slide-x-transition group>
-        <span v-if="option.prefix != null">{{ option.prefix }}</span>
-        <span v-if="option.bool != null">
-            <v-icon v-if="nestedValue(data, option.value) === true" :size="size">mdi-check</v-icon>
-        </span>
-        <bt-entity
-            v-else-if="option.nav != null && (option.itemText != null || option.textFilter != null)"
-            inline
-            :itemText="option.itemText"
-            :itemId="nestedValue(data, option.value)"
-            :nav="option.nav"
-            :single="option.single"
-            :textFilter="option.textFilter" />
-        <span v-else>{{ displayText(data) }}</span>
-    </v-slide-x-transition>
-</template>
-
-<script setup lang="ts">
-import { type TableColumn } from '../composables/list'
-import { nestedValue } from '../composables/helpers'
-import { useFilters } from '../composables/filters'
-import { computed } from 'vue';
-    
-    interface Props {
-        data: any
-        option: TableColumn
-        size?: string | number
-    }
-
-    const props = defineProps<Props>()
-    const filters = useFilters()
-    const displayText = computed(() => (item: any) => {
-        let v = nestedValue(item, props.option.value)
-        v = props.option.textFunction != null ? props.option.textFunction(v) : v
-        return props.option.textFilter != null ? filters.findFilter(props.option.textFilter)(v) : v
-    })
-    
-</script>

package/src/components/BT-Json.vue

@@ -1,67 +0,0 @@
-<template>
-    <v-card max-height="350" class="overflow-y-auto">
-        <v-card-text>
-            <div v-for="(j, ind) in display" :key="ind">
-                <pre v-html="syntaxHighlight(j)"></pre>
-            </div>
-        </v-card-text>
-    </v-card>
-</template>
-
-<script setup lang="ts">
-    import { computed } from 'vue'
-    
-    const props = defineProps(['value'])
-
-    const display = computed(() => {
-        if (props.value == null) {
-            return []
-        }
-
-        if (Array.isArray(props.value))
-            return props.value
-
-        return [props.value]
-    })
-
-    function syntaxHighlight(json: any) {
-        if (typeof json != 'string') {
-            json = JSON.stringify(json, undefined, 2); //Object.keys(json).sort(), 2);
-        }
-        json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-
-        const e = json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match: any) {
-            var cls = 'number';
-            if (/^"/.test(match)) {
-                if (/:$/.test(match)) {
-                    cls = 'key';
-                } else {
-                    cls = 'string';
-                }
-            } else if (/true|false/.test(match)) {
-                cls = 'boolean';
-            } else if (/null/.test(match)) {
-                cls = 'null';
-            }
-            return '<span class="' + cls + '">' + match + '</span>';
-        });
-
-        return e
-    }
-
-</script>
-
-<style>
-    pre {
-        outline: 1px solid #ccc; 
-        padding: 5px; 
-        margin: 5px; }
-
-    pre .string { 
-        color: green; 
-    }
-    pre .number { color: darkorange; }
-    pre .boolean { color: rgb(191, 255, 0); }
-    pre .null { color: magenta; }
-    pre .key { color: rgb(141, 141, 141); }
-</style>

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

@@ -1,60 +0,0 @@
-<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'
-    
-    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

@@ -1,78 +0,0 @@
-<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'
-
-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>