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

save widget state & size

Browse Source
This commit is contained in:
Jan Prochazka
2021-12-05 13:26:14 +01:00
parent e51d420fa9
commit 45d4569d97
8 changed files with 63 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/widgets/ArchiveWidget.svelte
View File

@@ -8,10 +8,10 @@
</script>
<WidgetColumnBar>
<WidgetColumnBarItem title="Archive folders, DB models" name="folders" height="50%">
<WidgetColumnBarItem title="Archive folders, DB models" name="folders" height="50%" storageName='archiveFoldersWidget'>
<ArchiveFolderList />
</WidgetColumnBarItem>
<WidgetColumnBarItem title="Files, Tables, Views, Functions" name="files">
<WidgetColumnBarItem title="Files, Tables, Views, Functions" name="files" storageName='archiveFilesWidget'>
<ArchiveFilesList />
</WidgetColumnBarItem>
</WidgetColumnBar>

8
packages/web/src/widgets/DatabaseWidget.svelte
View File

@@ -19,11 +19,15 @@
<WidgetColumnBar {hidden}>
{#if !$config?.singleDatabase}
<WidgetColumnBarItem title="Connections" name="connections" height="50%">
<WidgetColumnBarItem title="Connections" name="connections" height="35%" storageName="connectionsWidget">
<ConnectionList />
</WidgetColumnBarItem>
{/if}
<WidgetColumnBarItem title={driver?.dialect?.nosql ? 'Collections' : 'Tables, views, functions'} name="dbObjects">
<WidgetColumnBarItem
title={driver?.dialect?.nosql ? 'Collections' : 'Tables, views, functions'}
name="dbObjects"
storageName="dbObjectsWidget"
>
<SqlObjectListWrapper />
</WidgetColumnBarItem>
</WidgetColumnBar>

4
packages/web/src/widgets/FilesWidget.svelte
View File

@@ -20,14 +20,14 @@
<WidgetColumnBar>
{#if hasPermission('files/favorites/read')}
<WidgetColumnBarItem title="Favorites" name="favorites" height="20%">
<WidgetColumnBarItem title="Favorites" name="favorites" height="20%" storageName="favoritesWidget">
<WidgetsInnerContainer>
<AppObjectList list={$favorites || []} module={favoriteFileAppObject} />
</WidgetsInnerContainer>
</WidgetColumnBarItem>
{/if}
<WidgetColumnBarItem title="Saved files" name="files">
<WidgetColumnBarItem title="Saved files" name="files" storageName="savedFilesWidget">
<SavedFilesList />
</WidgetColumnBarItem>
</WidgetColumnBar>

4
packages/web/src/widgets/HistoryWidget.svelte
View File

@@ -19,7 +19,7 @@
</script>
<WidgetColumnBar>
<WidgetColumnBarItem title="Recently closed tabs" name="closedTabs">
<WidgetColumnBarItem title="Recently closed tabs" name="closedTabs" storageName='closedTabsWidget'>
<WidgetsInnerContainer>
<AppObjectList
list={_.sortBy(
@@ -30,7 +30,7 @@
/>
</WidgetsInnerContainer>
</WidgetColumnBarItem>
<WidgetColumnBarItem title="Query history" name="queryHistory">
<WidgetColumnBarItem title="Query history" name="queryHistory" storageName='queryHistoryWidget'>
<QueryHistoryList />
</WidgetColumnBarItem>
</WidgetColumnBar>

4
packages/web/src/widgets/PluginsWidget.svelte
View File

@@ -7,10 +7,10 @@
</script>
<WidgetColumnBar>
<WidgetColumnBarItem title="Installed extensions" name="installed" height="50%">
<WidgetColumnBarItem title="Installed extensions" name="installed" height="50%" storageName='installedPluginsWidget'>
<InstalledPluginsList />
</WidgetColumnBarItem>
<WidgetColumnBarItem title="Available extensions" name="all">
<WidgetColumnBarItem title="Available extensions" name="all" storageName='allPluginsWidget'>
<AvailablePluginsList />
</WidgetColumnBarItem>
</WidgetColumnBar>

19
packages/web/src/widgets/WidgetColumnBarItem.svelte
View File

@@ -7,6 +7,7 @@
import WidgetTitle from './WidgetTitle.svelte';
import splitterDrag from '../utility/splitterDrag';
import { getLocalStorage, setLocalStorage } from '../utility/storageCache';
export let title;
export let name;
@@ -15,6 +16,8 @@
export let height = null;
export let collapsed = null;
export let storageName = null;
let size = 0;
const dynamicProps = writable({
@@ -37,14 +40,28 @@
$: setInitialSize(height, $widgetColumnBarHeight);
$: if (storageName && $widgetColumnBarHeight > 0) {
setLocalStorage(storageName, { relativeHeight: size / $widgetColumnBarHeight, visible });
}
function setInitialSize(initialSize, parentHeight) {
if (storageName) {
const storage = getLocalStorage(storageName);
if (storage) {
size = parentHeight * storage.relativeHeight;
return;
}
}
if (_.isString(initialSize) && initialSize.endsWith('px')) size = parseInt(initialSize.slice(0, -2));
else if (_.isString(initialSize) && initialSize.endsWith('%'))
size = (parentHeight * parseFloat(initialSize.slice(0, -1))) / 100;
else size = parentHeight / 3;
}
let visible = !collapsed;
let visible =
storageName && getLocalStorage(storageName) && getLocalStorage(storageName).visible != null
? getLocalStorage(storageName).visible
: !collapsed;
</script>
{#if !skip && show}