48 lines
1.4 KiB
Svelte
48 lines
1.4 KiB
Svelte
<script>
|
|
import { ActionButton, notifications } from "@budibase/bbui"
|
|
import { currentAsset, store } from "builderStore"
|
|
import { findClosestMatchingComponent } from "builderStore/componentUtils"
|
|
import { makeDatasourceFormComponents } from "builderStore/store/screenTemplates/utils/commonComponents"
|
|
import ConfirmDialog from "components/common/ConfirmDialog.svelte"
|
|
|
|
export let componentInstance
|
|
|
|
let confirmResetFieldsDialog
|
|
|
|
const resetFormFields = async () => {
|
|
const form = findClosestMatchingComponent(
|
|
$currentAsset?.props,
|
|
componentInstance._id,
|
|
component => component._component.endsWith("/form")
|
|
)
|
|
const dataSource = form?.dataSource
|
|
const fields = makeDatasourceFormComponents(dataSource)
|
|
try {
|
|
await store.actions.components.updateSetting(
|
|
"_children",
|
|
fields.map(field => field.json())
|
|
)
|
|
} catch (error) {
|
|
notifications.error("Error resetting form fields")
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div>
|
|
<ActionButton
|
|
secondary
|
|
wide
|
|
on:click={() => confirmResetFieldsDialog?.show()}
|
|
>
|
|
Update form fields
|
|
</ActionButton>
|
|
</div>
|
|
|
|
<ConfirmDialog
|
|
bind:this={confirmResetFieldsDialog}
|
|
body={`All components inside this group will be deleted and replaced with fields to match the schema. Are you sure you want to update this Field Group?`}
|
|
okText="Update"
|
|
onOk={resetFormFields}
|
|
title="Confirm Form Field Update"
|
|
/>
|