66 lines
1.5 KiB
Svelte
66 lines
1.5 KiB
Svelte
<script>
|
|
import { Select, Label, Combobox, Checkbox, Body } from "@budibase/bbui"
|
|
import { onMount } from "svelte"
|
|
import DrawerBindableInput from "components/common/bindings/DrawerBindableInput.svelte"
|
|
import { getAllStateVariables } from "builderStore/dataBinding"
|
|
|
|
export let parameters
|
|
export let bindings = []
|
|
|
|
const keyOptions = getAllStateVariables()
|
|
const typeOptions = [
|
|
{
|
|
label: "Set value",
|
|
value: "set",
|
|
},
|
|
{
|
|
label: "Delete value",
|
|
value: "delete",
|
|
},
|
|
]
|
|
|
|
onMount(() => {
|
|
if (!parameters.type) {
|
|
parameters.type = "set"
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<div class="root">
|
|
<Label small>Type</Label>
|
|
<Select
|
|
placeholder={null}
|
|
bind:value={parameters.type}
|
|
options={typeOptions}
|
|
/>
|
|
<Label small>Key</Label>
|
|
<Combobox bind:value={parameters.key} options={keyOptions} />
|
|
{#if parameters.type === "set"}
|
|
<Label small>Value</Label>
|
|
<DrawerBindableInput
|
|
{bindings}
|
|
value={parameters.value}
|
|
on:change={e => (parameters.value = e.detail)}
|
|
/>
|
|
<div />
|
|
<Checkbox bind:value={parameters.persist} text="Persist this value" />
|
|
<div />
|
|
<Body size="XS">
|
|
Persisted values will remain even after reloading the page or closing the
|
|
browser.
|
|
</Body>
|
|
{/if}
|
|
</div>
|
|
|
|
<style>
|
|
.root {
|
|
display: grid;
|
|
column-gap: var(--spacing-l);
|
|
row-gap: var(--spacing-s);
|
|
grid-template-columns: 60px 1fr;
|
|
align-items: center;
|
|
max-width: 400px;
|
|
margin: 0 auto;
|
|
}
|
|
</style>
|