mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-19 15:25:59 +00:00
33 lines
1.2 KiB
Svelte
33 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import _ from 'lodash';
|
|
import InlineButton from './InlineButton.svelte';
|
|
import SearchInput from './SearchInput.svelte';
|
|
import WidgetsInnerContainer from './WidgetsInnerContainer.svelte';
|
|
import { useConnectionList, useServerStatus } from '../utility/metadataLoaders';
|
|
import SearchBoxWrapper from './SearchBoxWrapper.svelte';
|
|
import AppObjectList from '../appobj/AppObjectList.svelte';
|
|
import ConnectionAppObject from '../appobj/ConnectionAppObject.svelte';
|
|
import SubDatabaseList from '../appobj/SubDatabaseList.svelte';
|
|
|
|
const connections = useConnectionList();
|
|
const serverStatus = useServerStatus();
|
|
|
|
$: connectionsWithStatus =
|
|
$connections && $serverStatus
|
|
? $connections.map(conn => ({ ...conn, status: $serverStatus[conn._id] }))
|
|
: $connections;
|
|
</script>
|
|
|
|
<SearchBoxWrapper>
|
|
<SearchInput placeholder="Search connection" />
|
|
<InlineButton>Refresh</InlineButton>
|
|
</SearchBoxWrapper>
|
|
<WidgetsInnerContainer>
|
|
<AppObjectList
|
|
list={_.sortBy(connectionsWithStatus, ({ displayName, server }) => (displayName || server || '').toUpperCase())}
|
|
component={ConnectionAppObject}
|
|
subItemsComponent={SubDatabaseList}
|
|
expandOnClick
|
|
/>
|
|
</WidgetsInnerContainer>
|