dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-21 19:56:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX fix

Browse Source
This commit is contained in:
SPRINX0\prochazka
2024-12-16 15:36:26 +01:00
parent 939f04ae62
commit 7e1ceb69ae
6 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26,7 +26,7 @@
export let groupFunc = undefined;
export let onDropOnGroup = undefined;
export let emptyGroupNames = [];
export let isExpandedOnlyBySearch = false;
export let isExpandedBySearch = false;
export let collapsedGroupNames = writable([]);
export let onChangeFilteredList = undefined;
@@ -79,8 +79,8 @@
$: groups = groupFunc ? extendGroups(_.groupBy(listGrouped, 'group'), emptyGroupNames) : null;
$: listLimited =
isExpandedOnlyBySearch && !expandLimited ? filtered.slice(0, Math.min(filter.trim().length, 3)) : list;
$: isListLimited = isExpandedOnlyBySearch && listLimited.length < filtered.length;
isExpandedBySearch && !expandLimited ? filtered.slice(0, Math.min(filter.trim().length, 3)) : list;
$: isListLimited = isExpandedBySearch && listLimited.length < filtered.length;
</script>
{#if groupFunc}

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

@@ -63,10 +63,13 @@
{#if (isExpanded || isExpandedBySearch) && subItemsComponent}
<div class="subitems">
<svelte:component
this={subItemsComponent(data, { isExpandedOnlyBySearch: isExpandedBySearch && !isExpanded })}
this={subItemsComponent(data, {
isExpandedBySearch,
})}
{data}
{filter}
{passProps}
{isExpandedBySearch}
isExpandedOnlyBySearch={isExpandedBySearch && !isExpanded}
/>
</div>

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

@@ -12,6 +12,7 @@
export let passProps;
export let isExpandedOnlyBySearch;
export let isExpandedBySearch;
$: databases = useDatabaseList({ conid: isExpandedOnlyBySearch ? null : data._id });
$: dbList = isExpandedOnlyBySearch ? getLocalStorage(`database_list_${data._id}`) || [] : $databases || [];
@@ -24,5 +25,5 @@
module={databaseAppObject}
{passProps}
{filter}
{isExpandedOnlyBySearch}
{isExpandedBySearch}
/>

4
packages/web/src/appobj/SubProcedureLineList.svelte
View File

@@ -8,7 +8,7 @@
export let data;
export let filter;
export let isExpandedOnlyBySearch;
export let isExpandedBySearch;
</script>
<AppObjectList
@@ -17,5 +17,5 @@
}))}
module={procedureLineAppObject}
{filter}
{isExpandedOnlyBySearch}
{isExpandedBySearch}
/>

4
packages/web/src/appobj/SubTableColumnList.svelte
View File

@@ -6,7 +6,7 @@
export let data;
export let filter;
export let isExpandedOnlyBySearch;
export let isExpandedBySearch;
</script>
<AppObjectList
@@ -17,5 +17,5 @@
}))}
module={columnAppObject}
{filter}
{isExpandedOnlyBySearch}
{isExpandedBySearch}
/>