CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-08-27 07:51:37 +12:00
Code Issues Projects Releases Wiki Activity

Update group by popover

Browse source
This commit is contained in:
Andrew Kingston 2021-04-20 12:35:34 +01:00
parent 514bdc4d3f
commit 1a0aa22968
3 changed files with 7 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/builder/src/components/backend/DataTable/popovers/CalculatePopover.svelte
View file

@ -56,7 +56,7 @@
</div> </div>
<div class="footer"> <div class="footer">
<Button secondary on:click={onClosed}>Cancel</Button> <Button secondary on:click={onClosed}>Cancel</Button>
<Button primary on:click={saveView} disabled={!view.field}>Save</Button> <Button cta on:click={saveView} disabled={!view.field}>Save</Button>
</div> </div>
</div> </div>

2
packages/builder/src/components/backend/DataTable/popovers/FilterPopover.svelte
View file

@ -162,7 +162,7 @@
</div> </div>
<div class="buttons"> <div class="buttons">
<Button secondary on:click={onClosed}>Cancel</Button> <Button secondary on:click={onClosed}>Cancel</Button>
<Button primary on:click={saveView}>Save</Button> <Button cta on:click={saveView}>Save</Button>
</div> </div>
</div> </div>
</div> </div>

16
packages/builder/src/components/backend/DataTable/popovers/GroupByPopover.svelte
View file

@ -22,26 +22,20 @@
</script> </script>
<div class="actions"> <div class="actions">
<h5>Group</h5> <h5>Group By</h5>
<div class="input-group-row"> <Select bind:value={view.groupBy} options={fields} />
<p>By</p>
<Select secondary thin bind:value={view.groupBy}>
<option value="">Choose an option</option>
{#each fields as field}
<option value={field}>{field}</option>
{/each}
</Select>
</div>
<div class="footer"> <div class="footer">
<Button secondary on:click={onClosed}>Cancel</Button> <Button secondary on:click={onClosed}>Cancel</Button>
<Button primary on:click={saveView}>Save</Button> <Button cta on:click={saveView}>Save</Button>
</div> </div>
</div> </div>
<style> <style>
.actions { .actions {
display: grid; display: grid;
width: 200px;
grid-gap: var(--spacing-xl); grid-gap: var(--spacing-xl);
padding: var(--spacing-xl);
} }
h5 { h5 {