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

db sync

Browse Source
This commit is contained in:
Jan Prochazka
2021-10-24 16:24:17 +02:00
parent a9b201e1cb
commit 4c62f22f6f
1 changed files with 73 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
packages/web/src/tabs/CompareModelTab.svelte
View File

@@ -8,6 +8,7 @@
import _ from 'lodash'; import _ from 'lodash';
import { derived, writable } from 'svelte/store'; import { derived, writable } from 'svelte/store';
import TableControl from '../elements/TableControl.svelte'; import TableControl from '../elements/TableControl.svelte';
import VerticalSplitter from '../elements/VerticalSplitter.svelte';
import FormFieldTemplateTiny from '../forms/FormFieldTemplateTiny.svelte'; import FormFieldTemplateTiny from '../forms/FormFieldTemplateTiny.svelte';
import FormProviderCore from '../forms/FormProviderCore.svelte'; import FormProviderCore from '../forms/FormProviderCore.svelte';
import FontIcon from '../icons/FontIcon.svelte'; import FontIcon from '../icons/FontIcon.svelte';
@@ -60,10 +61,17 @@
</script> </script>
<div class="wrapper"> <div class="wrapper">
<VerticalSplitter>
<div slot="1" class="flexcol">
<FormProviderCore {values}> <FormProviderCore {values}>
<div class="topbar"> <div class="topbar">
<div class="col-3"> <div class="col-3">
<FormConnectionSelect name="sourceConid" label="Source server" templateProps={{ noMargin: true }} isNative /> <FormConnectionSelect
name="sourceConid"
label="Source server"
templateProps={{ noMargin: true }}
isNative
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<FormDatabaseSelect <FormDatabaseSelect
@@ -78,7 +86,12 @@
<FontIcon icon="icon arrow-right-bold" /> <FontIcon icon="icon arrow-right-bold" />
</div> </div>
<div class="col-3"> <div class="col-3">
<FormConnectionSelect name="targetConid" label="Target server" templateProps={{ noMargin: true }} isNative /> <FormConnectionSelect
name="targetConid"
label="Target server"
templateProps={{ noMargin: true }}
isNative
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<FormDatabaseSelect <FormDatabaseSelect
@@ -92,6 +105,7 @@
</div> </div>
</FormProviderCore> </FormProviderCore>
<div class="tableWrapper">
<TableControl <TableControl
rows={diffRows} rows={diffRows}
bind:selectedIndex={pairIndex} bind:selectedIndex={pairIndex}
@@ -106,6 +120,11 @@
{ fieldName: 'targetPureName', header: 'Name' }, { fieldName: 'targetPureName', header: 'Name' },
]} ]}
/> />
</div>
</div>
<svelte:fragment slot="2" />
</VerticalSplitter>
</div> </div>
<style> <style>
@@ -114,9 +133,15 @@
flex: 1; flex: 1;
} }
.flexcol {
flex: 1;
display: flex;
flex-direction: column;
}
.topbar { .topbar {
display: flex; display: flex;
margin: 10px 0px; margin: 10px 0px;
width: 100%;
} }
.arrow { .arrow {
font-size: 30px; font-size: 30px;
@@ -125,4 +150,10 @@
position: relative; position: relative;
top: 10px; top: 10px;
} }
.tableWrapper {
overflow-y: scroll;
width: 100%;
flex: 1;
}
</style> </style>