MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix editor

This commit is contained in:
Keviin Åberg Kultalahti 2021-04-28 15:46:11 +02:00
parent 0be7cb55b2
commit c1af7a7d93
2 changed files with 29 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/builder/src/components/integration/QueryEditor.svelte
View File

@ -166,6 +166,7 @@
{#if label}
<Label small>{label}</Label>
<Spacer medium />
{/if}
<div style={`--code-mirror-height: ${editorHeight}px`}>
<textarea tabindex="0" bind:this={refs.editor} readonly {value} />

56
packages/builder/src/components/integration/QueryViewer.svelte
View File

@ -4,6 +4,7 @@
Icon,
Select,
Button,
ButtonGroup,
Body,
Label,
Layout,
@ -149,29 +150,26 @@
</div>
<div class="viewer-controls">
<Heading s>Results</Heading>
<div class="button-container">
<ButtonGroup>
<Button
secondary
thin
cta
disabled={data.length === 0 || !query.name}
on:click={saveQuery}
>
Save Query
</Button>
<Spacer medium />
<Button thin secondary on:click={previewQuery}>Run Query</Button>
</div>
<Button secondary on:click={previewQuery}>Run Query</Button>
</ButtonGroup>
</div>
<Body s>
Below, you can preview the results from your query and change the
schema.
</Body>
<section class="viewer">
{#if data}
<Tabs selected="JSON">
<Tab title="JSON">
<pre
class="preview">
<Body s>
Below, you can preview the results from your query and change the schema.
</Body>
<section class="viewer">
{#if data}
<Tabs selected="JSON">
<Tab title="JSON">
<pre
class="preview">
<!-- prettier-ignore -->
{#if !data[0]}
Please run your query to fetch some data.
@ -179,25 +177,27 @@
{JSON.stringify(data[0], undefined, 2)}
{/if}
</pre>
</Tab>
<Tab title="Schema">
</Tab>
<Tab title="Schema">
<Layout gap="S">
{#each fields as field, idx}
<Spacer small />
<div class="field">
<Input placeholder="Field Name" bind:value={field.name} />
<Select bind:value={field.type} options={typeOptions} />
<Icon name="bleClose" on:click={() => deleteField(idx)} />
</div>
{/each}
<Spacer extraLarge />
<Button thin secondary on:click={newField}>Add Field</Button>
</Tab>
<Tab title="Preview">
<ExternalDataSourceTable {query} {data} />
</Tab>
</Tabs>
{/if}
</section>
<div>
<Button secondary on:click={newField}>Add Field</Button>
</div>
</Layout>
</Tab>
<Tab title="Preview">
<ExternalDataSourceTable {query} {data} />
</Tab>
</Tabs>
{/if}
</section>
{/if}
</Layout>