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

app object module methods, search in connection list

Browse Source
This commit is contained in:
Jan Prochazka
2021-02-28 18:43:16 +01:00
parent c497c1ceca
commit 5dba5a6dfd
7 changed files with 45 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/web/src/widgets/ConnectionList.svelte
View File

@@ -6,12 +6,14 @@
import { useConnectionList, useServerStatus } from '../utility/metadataLoaders';
import SearchBoxWrapper from './SearchBoxWrapper.svelte';
import AppObjectList from '../appobj/AppObjectList.svelte';
import ConnectionAppObject from '../appobj/ConnectionAppObject.svelte';
import * as connectionAppObject from '../appobj/ConnectionAppObject.svelte';
import SubDatabaseList from '../appobj/SubDatabaseList.svelte';
const connections = useConnectionList();
const serverStatus = useServerStatus();
let filter = '';
$: connectionsWithStatus =
$connections && $serverStatus
? $connections.map(conn => ({ ...conn, status: $serverStatus[conn._id] }))
@@ -19,14 +21,15 @@
</script>
<SearchBoxWrapper>
<SearchInput placeholder="Search connection" />
<SearchInput placeholder="Search connection" bind:value={filter} />
<InlineButton>Refresh</InlineButton>
</SearchBoxWrapper>
<WidgetsInnerContainer>
<AppObjectList
list={_.sortBy(connectionsWithStatus, ({ displayName, server }) => (displayName || server || '').toUpperCase())}
component={ConnectionAppObject}
module={connectionAppObject}
subItemsComponent={SubDatabaseList}
expandOnClick
{filter}
/>
</WidgetsInnerContainer>