mirror of
https://github.com/hcengineering/platform.git
synced 2025-04-22 00:10:37 +00:00
EZQMS-457: Added optional ModeSelector to SpecialView (#4381)
Signed-off-by: Petr Vyazovetskiy <develop.pit@gmail.com>
This commit is contained in:
parent
ed634ccabf
commit
0d28919499
@ -15,7 +15,18 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Class, Doc, DocumentQuery, Ref, Space, WithLookup } from '@hcengineering/core'
|
import { Class, Doc, DocumentQuery, Ref, Space, WithLookup } from '@hcengineering/core'
|
||||||
import { IntlString } from '@hcengineering/platform'
|
import { IntlString } from '@hcengineering/platform'
|
||||||
import { AnyComponent, Button, Component, IconAdd, Label, Loading, SearchEdit, showPopup } from '@hcengineering/ui'
|
import {
|
||||||
|
AnyComponent,
|
||||||
|
Button,
|
||||||
|
Component,
|
||||||
|
IconAdd,
|
||||||
|
IModeSelector,
|
||||||
|
Label,
|
||||||
|
Loading,
|
||||||
|
ModeSelector,
|
||||||
|
SearchEdit,
|
||||||
|
showPopup
|
||||||
|
} from '@hcengineering/ui'
|
||||||
import { ViewOptions, Viewlet, ViewletDescriptor, ViewletPreference } from '@hcengineering/view'
|
import { ViewOptions, Viewlet, ViewletDescriptor, ViewletPreference } from '@hcengineering/view'
|
||||||
import { FilterBar, FilterButton, ViewletSelector, ViewletSettingButton } from '@hcengineering/view-resources'
|
import { FilterBar, FilterButton, ViewletSelector, ViewletSettingButton } from '@hcengineering/view-resources'
|
||||||
|
|
||||||
@ -29,6 +40,7 @@
|
|||||||
export let isCreationDisabled = false
|
export let isCreationDisabled = false
|
||||||
export let descriptors: Array<Ref<ViewletDescriptor>> | undefined = undefined
|
export let descriptors: Array<Ref<ViewletDescriptor>> | undefined = undefined
|
||||||
export let baseQuery: DocumentQuery<Doc> | undefined = undefined
|
export let baseQuery: DocumentQuery<Doc> | undefined = undefined
|
||||||
|
export let modes: IModeSelector | undefined = undefined
|
||||||
|
|
||||||
let search = ''
|
let search = ''
|
||||||
let viewlet: WithLookup<Viewlet> | undefined
|
let viewlet: WithLookup<Viewlet> | undefined
|
||||||
@ -41,15 +53,18 @@
|
|||||||
$: searchQuery = search === '' ? query : { ...query, $search: search }
|
$: searchQuery = search === '' ? query : { ...query, $search: search }
|
||||||
$: resultQuery = searchQuery
|
$: resultQuery = searchQuery
|
||||||
|
|
||||||
function showCreateDialog () {
|
function showCreateDialog (): void {
|
||||||
if (createComponent === undefined) return
|
if (createComponent === undefined) return
|
||||||
showPopup(createComponent, createComponentProps, 'top')
|
showPopup(createComponent, createComponentProps, 'top')
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="ac-header full divide caption-height">
|
<div class="ac-header full divide caption-height" class:header-with-mode-selector={modes !== undefined}>
|
||||||
<div class="ac-header__wrap-title mr-3">
|
<div class="ac-header__wrap-title mr-3">
|
||||||
<span class="ac-header__title"><Label {label} /></span>
|
<span class="ac-header__title"><Label {label} /></span>
|
||||||
|
{#if modes !== undefined}
|
||||||
|
<ModeSelector props={modes} />
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="ac-header-full medium-gap mb-1">
|
<div class="ac-header-full medium-gap mb-1">
|
||||||
|
Loading…
Reference in New Issue
Block a user