Update prompt user button action fields to be bindable

This commit is contained in:
Andrew Kingston 2024-05-02 10:48:20 +01:00
parent 9babae5b44
commit e72a3f4677
1 changed files with 13 additions and 4 deletions

View File

@ -1,8 +1,10 @@
<script> <script>
import { Body, Label, Input } from "@budibase/bbui" import { Body, Label } from "@budibase/bbui"
import { onMount } from "svelte" import { onMount } from "svelte"
import DrawerBindableInput from "components/common/bindings/DrawerBindableInput.svelte"
export let parameters export let parameters
export let bindings
onMount(() => { onMount(() => {
if (!parameters.confirm) { if (!parameters.confirm) {
@ -15,11 +17,18 @@
<Body size="S">Enter the message you wish to display to the user.</Body> <Body size="S">Enter the message you wish to display to the user.</Body>
<div class="params"> <div class="params">
<Label small>Title</Label> <Label small>Title</Label>
<Input placeholder="Prompt User" bind:value={parameters.customTitleText} /> <DrawerBindableInput
placeholder="Title"
value={parameters.customTitleText}
on:change={e => (parameters.customTitleText = e.detail)}
{bindings}
/>
<Label small>Message</Label> <Label small>Message</Label>
<Input <DrawerBindableInput
placeholder="Are you sure you want to continue?" placeholder="Are you sure you want to continue?"
bind:value={parameters.confirmText} value={parameters.confirmText}
on:change={e => (parameters.confirmText = e.detail)}
{bindings}
/> />
</div> </div>
</div> </div>