Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>
This commit is contained in:
Denis Bykhov
2023-08-07 21:17:31 +07:00
committed by GitHub
parent 85d040010c
commit 07cc690d23
26 changed files with 346 additions and 306 deletions
@@ -13,28 +13,16 @@
// limitations under the License.
-->
<script lang="ts">
import { DocumentQuery, Ref, WithLookup } from '@hcengineering/core'
import { createQuery } from '@hcengineering/presentation'
import { Button, ButtonKind, resolvedLocationStore, showPopup } from '@hcengineering/ui'
import { ViewOptions, Viewlet, ViewletPreference } from '@hcengineering/view'
import { createEventDispatcher, onDestroy } from 'svelte'
import { Button, ButtonKind, showPopup } from '@hcengineering/ui'
import { ViewOptions, Viewlet } from '@hcengineering/view'
import view from '../plugin'
import { activeViewlet, makeViewletKey, setActiveViewletId } from '../utils'
import { getViewOptions, viewOptionStore } from '../viewOptions'
import ViewOptionsButton from './ViewOptionsButton.svelte'
import ViewletSetting from './ViewletSetting.svelte'
export let viewletQuery: DocumentQuery<Viewlet> = {}
export let kind: ButtonKind = 'regular'
export let viewOptions: ViewOptions | undefined = undefined
export let loading = true
export let viewlet: Viewlet | undefined = undefined
export let viewlets: WithLookup<Viewlet>[] = []
export let preference: ViewletPreference | undefined = undefined
const dispatch = createEventDispatcher()
let btn: HTMLButtonElement
@@ -43,67 +31,6 @@
}
$: viewOptions = getViewOptions(viewlet, $viewOptionStore)
const query = createQuery()
$: query.query(
view.class.Viewlet,
viewletQuery,
(res) => {
viewlets = res
dispatch('viewlets', viewlets)
},
{
lookup: {
descriptor: view.class.ViewletDescriptor
}
}
)
let key = makeViewletKey()
onDestroy(
resolvedLocationStore.subscribe((loc) => {
key = makeViewletKey(loc)
})
)
$: getActiveViewlet(viewlets, $activeViewlet, key)
function getActiveViewlet (
viewlets: WithLookup<Viewlet>[],
activeViewlet: Record<string, Ref<Viewlet> | null>,
key: string
) {
if (viewlets.length === 0) return
const newViewlet = viewlets.find((viewlet) => viewlet?._id === activeViewlet[key]) ?? viewlets[0]
if (viewlet?._id !== newViewlet?._id) {
preference = undefined
viewlet = newViewlet
setActiveViewletId(newViewlet._id)
dispatch('viewlet', viewlet)
}
}
const preferenceQuery = createQuery()
$: if (viewlet != null) {
preferenceQuery.query(
view.class.ViewletPreference,
{
attachedTo: viewlet._id
},
(res) => {
preference = res[0]
loading = false
dispatch('loading', loading)
dispatch('preference', preference)
},
{ limit: 1 }
)
} else {
preferenceQuery.unsubscribe()
}
</script>
{#if viewlet}