wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-13 03:40:48 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Allow to disable particular items in ObjectPopup (#2824)

Browse Source 
Signed-off-by: Denis Bunakalya <denis.bunakalya@xored.com>
This commit is contained in:
Denis Bunakalya 2023-03-27 17:05:08 +03:00 committed by GitHub
parent 6077d564e9
commit ed96300f2d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/presentation/src/components/ObjectPopup.svelte
View File

@ -58,6 +58,7 @@
export let create: ObjectCreate | undefined = undefined
export let readonly = false
export let disallowDeselect: Ref<Doc>[] | undefined = undefined
let search: string = ''
let objects: Doc[] = []
@ -191,6 +192,8 @@
}
$: updateLocation(scrollDiv, selectedDiv, objects, selected)
const forbiddenDeselectItemIds = new Set(disallowDeselect)
</script>
<FocusHandler {manager} />
@ -246,11 +249,12 @@
</svelte:fragment>
<svelte:fragment slot="item" let:item>
{@const obj = objects[item]}
{@const isDeselectDisabled = selectedElements.has(obj._id) && forbiddenDeselectItemIds.has(obj._id)}
<button
class="menu-item w-full flex-row-center"
class:background-button-bg-color={!allowDeselect && obj._id === selected}
class:border-radius-1={!allowDeselect && obj._id === selected}
disabled={readonly}
disabled={readonly || isDeselectDisabled}
on:click={() => {
handleSelection(undefined, objects, item)
}}
@ -271,7 +275,7 @@
</div>
{/if}
<span class="label" class:disabled={readonly}>
<span class="label" class:disabled={readonly || isDeselectDisabled}>
{#if obj._id === selected}
<div bind:this={selectedDiv}>
<slot name="item" item={obj} />
@ -282,7 +286,7 @@
</span>
{#if multiSelect}
<div class="check-right pointer-events-none">
<CheckBox checked={selectedElements.has(obj._id)} primary />
<CheckBox checked={selectedElements.has(obj._id)} primary readonly={readonly || isDeselectDisabled} />
</div>
{/if}
</button>