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

sqlgen design

Browse Source
This commit is contained in:
Jan Prochazka
2021-03-28 20:11:58 +02:00
parent d5118909d1
commit 9713c9b88e
2 changed files with 28 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/src/elements/HorizontalSplitter.svelte
View File

@@ -1,5 +1,7 @@
<script context="module"> <script context="module">
export function computeSplitterSize(initialValue, clientSize) { export function computeSplitterSize(initialValue, clientSize) {
if (_.isString(initialValue) && initialValue.startsWith('~') && initialValue.endsWith('px'))
return clientSize - parseInt(initialValue.slice(1, -2));
if (_.isString(initialValue) && initialValue.endsWith('px')) return parseInt(initialValue.slice(0, -2)); if (_.isString(initialValue) && initialValue.endsWith('px')) return parseInt(initialValue.slice(0, -2));
if (_.isString(initialValue) && initialValue.endsWith('%')) if (_.isString(initialValue) && initialValue.endsWith('%'))
return (clientSize * parseFloat(initialValue.slice(0, -1))) / 100; return (clientSize * parseFloat(initialValue.slice(0, -1))) / 100;

49
packages/web/src/modals/SqlGeneratorModal.svelte
View File

@@ -27,6 +27,7 @@
import ModalBase from './ModalBase.svelte'; import ModalBase from './ModalBase.svelte';
import { closeCurrentModal } from './modalTools'; import { closeCurrentModal } from './modalTools';
import WidgetTitle from '../widgets/WidgetTitle.svelte';
export let conid; export let conid;
export let database; export let database;
@@ -90,25 +91,31 @@
<HorizontalSplitter initialValue="300px" bind:size={managerSize}> <HorizontalSplitter initialValue="300px" bind:size={managerSize}>
<svelte:fragment slot="1"> <svelte:fragment slot="1">
<WidgetColumnBar> <div>
<WidgetColumnBarItem title="Choose objects" name="objects" height="60%"> <WidgetTitle>Choose objects</WidgetTitle>
<SearchBoxWrapper> <SearchBoxWrapper>
<SearchInput placeholder="Search tables or objects" bind:value={objectsFilter} /> <SearchInput placeholder="Search tables or objects" bind:value={objectsFilter} />
</SearchBoxWrapper> </SearchBoxWrapper>
<WidgetsInnerContainer> <WidgetsInnerContainer>
<AppObjectList <AppObjectList
list={objectList.map(x => ({ ...x, conid, database }))} list={objectList.map(x => ({ ...x, conid, database }))}
module={databaseObjectAppObject} module={databaseObjectAppObject}
groupFunc={data => _.startCase(data.objectTypeField)} groupFunc={data => _.startCase(data.objectTypeField)}
isExpandable={data => data.objectTypeField == 'tables' || data.objectTypeField == 'views'} isExpandable={data => data.objectTypeField == 'tables' || data.objectTypeField == 'views'}
filter={objectsFilter} filter={objectsFilter}
{checkedObjectsStore} {checkedObjectsStore}
/> />
</WidgetsInnerContainer> </WidgetsInnerContainer>
</WidgetColumnBarItem> </div>
</svelte:fragment>
<WidgetColumnBarItem title="Settings" name="settings"> <svelte:fragment slot="2">
<HorizontalSplitter initialValue="~300px">
<svelte:fragment slot="1">
<SqlEditor readOnly value={sqlPreview} />
</svelte:fragment>
<svelte:fragment slot="2">
<WidgetsInnerContainer> <WidgetsInnerContainer>
<FormValues let:values> <FormValues let:values>
<FormCheckboxField label="Drop tables" name="dropTables" /> <FormCheckboxField label="Drop tables" name="dropTables" />
@@ -143,12 +150,8 @@
<HashCheckBox label='Create' hashName={`gensql.create${objTypePascal}`} onChange={onChange} /> --> <HashCheckBox label='Create' hashName={`gensql.create${objTypePascal}`} onChange={onChange} /> -->
</FormValues> </FormValues>
</WidgetsInnerContainer> </WidgetsInnerContainer>
</WidgetColumnBarItem> </svelte:fragment>
</WidgetColumnBar> </HorizontalSplitter>
</svelte:fragment>
<svelte:fragment slot="2">
<SqlEditor readOnly value={sqlPreview} />
</svelte:fragment> </svelte:fragment>
</HorizontalSplitter> </HorizontalSplitter>