|
|
|
@ -44,9 +44,12 @@ const route = useRoute()
|
|
|
|
|
const { $e } = useNuxtApp() |
|
|
|
|
|
|
|
|
|
/** Sidebar visible */ |
|
|
|
|
const { isOpen } = useSidebar('nc-right-sidebar') |
|
|
|
|
// const { isOpen } = useSidebar('nc-right-sidebar') |
|
|
|
|
// const FOO = useSidebar('nc-right-sidebar') |
|
|
|
|
// FOO. |
|
|
|
|
|
|
|
|
|
const sidebarCollapsed = computed(() => !isOpen.value || isMobileMode.value) |
|
|
|
|
// const sidebarCollapsed = computed(() => !isOpen.value || isMobileMode.value) |
|
|
|
|
const sidebarCollapsed = false |
|
|
|
|
|
|
|
|
|
/** Sidebar ref */ |
|
|
|
|
const sidebar = ref() |
|
|
|
@ -138,39 +141,39 @@ function onOpenModal({
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
|
<div> |
|
|
|
|
Mobile Views Menu <br /> |
|
|
|
|
views: {{ views.length }} |
|
|
|
|
<a-layout-sider |
|
|
|
|
ref="sidebar" |
|
|
|
|
:collapsed="sidebarCollapsed" |
|
|
|
|
collapsiple |
|
|
|
|
collapsed-width="0" |
|
|
|
|
width="0" |
|
|
|
|
class="nc-view-sidebar relative shadow h-full w-full !flex-1 !min-w-0 !max-w-[150px] !w-[150px] lg:(!max-w-[250px] !w-[250px])" |
|
|
|
|
theme="light" |
|
|
|
|
> |
|
|
|
|
<LazySmartsheetSidebarToolbar |
|
|
|
|
class="min-h-[var(--toolbar-height)] max-h-[var(--toolbar-height)] flex items-center py-3 px-3 justify-between border-b-1" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<div class="flex-1 flex flex-col min-h-0"> |
|
|
|
|
<GeneralOverlay v-if="!views.length" :model-value="isLoading" inline class="bg-gray-300/50"> |
|
|
|
|
<div class="w-full h-full flex items-center justify-center"> |
|
|
|
|
<a-spin /> |
|
|
|
|
</div> |
|
|
|
|
</GeneralOverlay> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetSidebarMenuTop :views="views" @open-modal="onOpenModal" @deleted="loadViews" /> |
|
|
|
|
|
|
|
|
|
<template v-if="isUIAllowed('virtualViewsCreateOrEdit')"> |
|
|
|
|
<div class="!my-3 w-full border-b-1" /> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetSidebarMenuBottom @open-modal="onOpenModal" /> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
</a-layout-sider> |
|
|
|
|
</div> |
|
|
|
|
<!-- <div> --> |
|
|
|
|
<!-- Mobile Views Menu <br /> |
|
|
|
|
views: {{ views.length }} --> |
|
|
|
|
<a-layout-sider |
|
|
|
|
ref="sidebar" |
|
|
|
|
:collapsed="sidebarCollapsed" |
|
|
|
|
collapsiple |
|
|
|
|
collapsed-width="0" |
|
|
|
|
width="0" |
|
|
|
|
class="nc-view-sidebar relative shadow h-full w-full !flex-1 !min-w-0 !max-w-[150px] !w-[150px] lg:(!max-w-[250px] !w-[250px])" |
|
|
|
|
theme="light" |
|
|
|
|
> |
|
|
|
|
<LazySmartsheetSidebarToolbar |
|
|
|
|
class="min-h-[var(--toolbar-height)] max-h-[var(--toolbar-height)] flex items-center py-3 px-3 justify-between border-b-1" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<div class="flex-1 flex flex-col min-h-0"> |
|
|
|
|
<GeneralOverlay v-if="!views.length" :model-value="isLoading" inline class="bg-gray-300/50"> |
|
|
|
|
<div class="w-full h-full flex items-center justify-center"> |
|
|
|
|
<a-spin /> |
|
|
|
|
</div> |
|
|
|
|
</GeneralOverlay> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetSidebarMenuTop :views="views" @open-modal="onOpenModal" @deleted="loadViews" /> |
|
|
|
|
|
|
|
|
|
<template v-if="isUIAllowed('virtualViewsCreateOrEdit')"> |
|
|
|
|
<div class="!my-3 w-full border-b-1" /> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetSidebarMenuBottom @open-modal="onOpenModal" /> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
</a-layout-sider> |
|
|
|
|
<!-- </div> --> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<style scoped> |
|
|
|
|