Mike
82 lines
2.1 KiB
Vue
82 lines
2.1 KiB
Vue
<template>
|
|
<PresentationFloatingPanel>
|
|
<div class="flex items-center justify-between space-x-1">
|
|
<PresentationFloatingPanelButton
|
|
:active="isSidebarOpen"
|
|
@click="emit('toggleSidebar')"
|
|
>
|
|
<LucideArrowLeftToLine v-if="isSidebarOpen" class="size-4" />
|
|
<LucidePanelLeft v-else class="size-4" />
|
|
</PresentationFloatingPanelButton>
|
|
<h1
|
|
v-if="presentation?.title"
|
|
class="hidden sm:block text-body-xs font-medium text-foreground leading-none sm:pr-1.5"
|
|
>
|
|
{{ presentation?.title }}
|
|
</h1>
|
|
|
|
<!-- <LayoutMenu
|
|
v-model:open="showMenu"
|
|
class="hidden md:block"
|
|
:items="menuItems"
|
|
:menu-id="menuId"
|
|
mount-menu-on-body
|
|
@chosen="onActionChosen"
|
|
>
|
|
<PresentationFloatingPanelButton @click="showMenu = !showMenu">
|
|
<LucideEllipsis class="size-4" />
|
|
</PresentationFloatingPanelButton>
|
|
</LayoutMenu> -->
|
|
</div>
|
|
</PresentationFloatingPanel>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { LucideArrowLeftToLine, LucidePanelLeft } from 'lucide-vue-next'
|
|
// import type { LayoutMenuItem } from '~~/lib/layout/helpers/components'
|
|
import { useInjectedPresentationState } from '~/lib/presentations/composables/setup'
|
|
import { graphql } from '~~/lib/common/generated/gql'
|
|
|
|
graphql(`
|
|
fragment PresentationHeader_SavedViewGroup on SavedViewGroup {
|
|
id
|
|
title
|
|
}
|
|
`)
|
|
|
|
// enum MenuItems {
|
|
// OpenInViewer = 'open-in-viewer'
|
|
// }
|
|
|
|
const emit = defineEmits<{
|
|
(e: 'toggleSidebar'): void
|
|
}>()
|
|
|
|
const isSidebarOpen = defineModel<boolean>('is-sidebar-open')
|
|
|
|
const {
|
|
response: { presentation }
|
|
} = useInjectedPresentationState()
|
|
// const menuId = useId()
|
|
|
|
// const showMenu = ref(false)
|
|
|
|
// const menuItems = computed<LayoutMenuItem[][]>(() => [
|
|
// [
|
|
// {
|
|
// title: 'Open in viewer',
|
|
// id: MenuItems.OpenInViewer
|
|
// }
|
|
// ]
|
|
// ])
|
|
|
|
// const onActionChosen = (params: { item: LayoutMenuItem }) => {
|
|
// const { item } = params
|
|
|
|
// switch (item.id) {
|
|
// case MenuItems.OpenInViewer:
|
|
// // Will be added soon
|
|
// }
|
|
// }
|
|
</script>
|