CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-17 12:15:59 +12:00
Code Issues Projects Releases Wiki Activity

Fix create table modal

Browse source
This commit is contained in:
Andrew Kingston 2021-04-20 13:40:08 +01:00
parent 864366336a
commit 5f7f18b187
2 changed files with 19 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/builder/src/components/backend/TableNavigator/TableDataImport.svelte
View file

@ -117,8 +117,8 @@
{#if files[0]}{files[0].name}{:else}Upload{/if} {#if files[0]}{files[0].name}{:else}Upload{/if}
</label> </label>
</div> </div>
<div class="schema-fields"> {#if fields.length}
{#if fields.length} <div class="schema-fields">
{#each fields as columnName} {#each fields as columnName}
<div class="field"> <div class="field">
<span>{columnName}</span> <span>{columnName}</span>
@ -137,8 +137,9 @@
on:click={() => omitColumn(columnName)} /> on:click={() => omitColumn(columnName)} />
</div> </div>
{/each} {/each}
{/if} </div>
</div> {/if}
{#if fields.length} {#if fields.length}
<div class="display-column"> <div class="display-column">
<Select <Select
@ -176,6 +177,10 @@
display: none; display: none;
} }
.schema-fields {
margin-top: var(--spacing-xl);
}
label { label {
font-family: var(--font-sans); font-family: var(--font-sans);
cursor: pointer; cursor: pointer;

28
packages/builder/src/components/backend/TableNavigator/modals/CreateTableModal.svelte
View file

@ -3,7 +3,7 @@
import { store } from "builderStore" import { store } from "builderStore"
import { tables } from "stores/backend" import { tables } from "stores/backend"
import { notifications } from "@budibase/bbui" import { notifications } from "@budibase/bbui"
import { Input, Label, ModalContent, Toggle } from "@budibase/bbui" import { Input, Label, ModalContent, Toggle, Divider } from "@budibase/bbui"
import TableDataImport from "../TableDataImport.svelte" import TableDataImport from "../TableDataImport.svelte"
import analytics from "analytics" import analytics from "analytics"
import screenTemplates from "builderStore/store/screenTemplates" import screenTemplates from "builderStore/store/screenTemplates"
@ -105,27 +105,20 @@
<Label extraSmall grey>Auto Columns</Label> <Label extraSmall grey>Auto Columns</Label>
<div class="toggles"> <div class="toggles">
<div class="toggle-1"> <div class="toggle-1">
<Toggle <Toggle text="Created by" bind:value={autoColumns.createdBy.enabled} />
text="Created by" <Toggle text="Created at" bind:value={autoColumns.createdAt.enabled} />
bind:checked={autoColumns.createdBy.enabled} /> <Toggle text="Auto ID" bind:value={autoColumns.autoID.enabled} />
<Toggle
text="Created at"
bind:checked={autoColumns.createdAt.enabled} />
<Toggle text="Auto ID" bind:checked={autoColumns.autoID.enabled} />
</div> </div>
<div class="toggle-2"> <div class="toggle-2">
<Toggle <Toggle text="Updated by" bind:value={autoColumns.updatedBy.enabled} />
text="Updated by" <Toggle text="Updated at" bind:value={autoColumns.updatedAt.enabled} />
bind:checked={autoColumns.updatedBy.enabled} />
<Toggle
text="Updated at"
bind:checked={autoColumns.updatedAt.enabled} />
</div> </div>
</div> </div>
<Divider />
</div> </div>
<Toggle <Toggle
text="Generate screens in the design section" text="Generate screens in Design section"
bind:checked={createAutoscreens} /> bind:value={createAutoscreens} />
<div> <div>
<Label grey extraSmall>Create Table from CSV (Optional)</Label> <Label grey extraSmall>Create Table from CSV (Optional)</Label>
<TableDataImport bind:dataImport /> <TableDataImport bind:dataImport />
@ -134,8 +127,7 @@
<style> <style>
.autocolumns { .autocolumns {
padding-bottom: 10px; margin-bottom: -10px;
border-bottom: 3px solid var(--grey-1);
} }
.toggles { .toggles {