mirrors/dbgate
1
0
Fork 0
mirror of https://github.com/dbgate/dbgate synced 2024-11-07 20:26:23 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

better quick search UX (preserves expanded state()

Browse Source
This commit is contained in:
Jan Prochazka 2021-09-25 13:07:38 +02:00
parent 7699cca6b9
commit 34fce0ef58
3 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/web/src/appobj/AppObjectGroup.svelte
View File

@ -52,8 +52,9 @@
</div>
{/if}
{#each filtered as item}
{#each items as item}
<AppObjectListItem
isHidden={!item.isMatched}
{...$$restProps}
{module}
data={item.data}

3
packages/web/src/appobj/AppObjectList.svelte
View File

@ -69,8 +69,9 @@
/>
{/each}
{:else}
{#each filtered as data}
{#each list as data}
<AppObjectListItem
isHidden={!filtered.includes(data)}
{module}
{subItemsComponent}
{expandOnClick}

9
packages/web/src/appobj/AppObjectListItem.svelte
View File

@ -10,6 +10,7 @@
import { tick } from 'svelte';
import { plusExpandIcon } from '../icons/expandIcons';
export let isHidden;
export let filter;
export let module;
export let data;
@ -38,7 +39,8 @@
$: if (!expandable && isExpanded) isExpanded = false;
</script>
<svelte:component
{#if !isHidden}
<svelte:component
this={module.default}
{data}
on:click={handleExpand}
@ -47,12 +49,13 @@
{checkedObjectsStore}
{module}
{disableContextMenu}
/>
/>
{#if isExpanded && subItemsComponent}
{#if isExpanded && subItemsComponent}
<div class="subitems">
<svelte:component this={subItemsComponent} {data} {filter} />
</div>
{/if}
{/if}
<style>