CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-01 01:28:51 +13:00
Code Issues Projects Releases Wiki Activity

Improve editor refresh on delete

Browse source
This commit is contained in:
Mel O'Hagan 2022-10-04 10:18:16 +01:00
parent eaf6a5e40c
commit 7b90f56500
1 changed files with 21 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
packages/builder/src/components/integration/index.svelte
View file

@ -24,6 +24,8 @@
export let editable = true
export let height = 500
let flowEditors = []
$: urlDisplay =
schema.urlDisplay &&
`${datasource.config.url}${
@ -33,6 +35,12 @@
function updateQuery({ detail }) {
query.fields[schema.type] = detail.value
}
function updateEditors(deleteIndex) {
for (let i = deleteIndex; i < query.fields.steps?.length - 1; i++) {
flowEditors[i].update(query.fields.steps[i + 1].value.value)
}
}
</script>
{#if schema}
@ -93,8 +101,9 @@
Stage {index + 1}
<ActionButton
on:click={() => {
updateEditors(index)
query.fields.steps.splice(index, 1)
query.fields.steps = query.fields.steps
query.fields.steps = [...query.fields.steps]
}}
icon="DeleteOutline"
/>
@ -108,18 +117,17 @@
query.fields.steps[index].key = detail
}}
/>
{#key query.fields.steps.length}
<Editor
editorHeight={height / 2}
mode="json"
value={typeof step.value === "string"
? step.value
: step.value.value}
on:change={({ detail }) => {
query.fields.steps[index].value = detail
}}
/>
{/key}
<Editor
bind:this={flowEditors[index]}
editorHeight={height / 2}
mode="json"
value={typeof step.value === "string"
? step.value
: step.value.value}
on:change={({ detail }) => {
query.fields.steps[index].value = detail
}}
/>
</div>
</div>
</Layout>