mirror of
https://github.com/hcengineering/platform.git
synced 2026-09-11 20:27:43 +02:00
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user