fix setinput for json objects

This commit is contained in:
Ruben Fiszel
2023-10-25 00:34:29 +02:00
parent d44b078e70
commit 90857685ac
2 changed files with 58 additions and 45 deletions
@@ -126,8 +126,16 @@
let width = 0
async function loadMonaco() {
model = meditor.createModel(code, lang, mUri.parse(uri))
try {
model = meditor.createModel(code, lang, mUri.parse(uri))
} catch (err) {
console.log('model already existed', err)
const nmodel = meditor.getModel(mUri.parse(uri))
if (!nmodel) {
throw err
}
model = nmodel
}
model.updateOptions(updateOptions)
let widgets: HTMLElement | undefined =
document.getElementById('monaco-widgets-root') ?? undefined
@@ -9,49 +9,54 @@
export let hasStepDetails: boolean = false
let mobileTab: 'form' | 'detail' = 'form'
let clientWidth = 1000
</script>
<main class="h-screen w-full">
<div class="h-full hidden md:block">
<slot name="header" />
<SplitPanesWrapper>
<Splitpanes>
<Pane size={65} minSize={50}>
<slot name="form" />
</Pane>
<Pane size={35} minSize={15}>
<DetailPageDetailPanel {isOperator} {flow_json} {hasStepDetails}>
<slot slot="webhooks" name="webhooks" />
<slot slot="schedule" name="schedule" />
<slot slot="cli" name="cli" />
<slot slot="details" name="details" />
<slot slot="save_inputs" name="save_inputs" />
<slot slot="flow_step" name="flow_step" />
</DetailPageDetailPanel>
</Pane>
</Splitpanes>
</SplitPanesWrapper>
</div>
<div class="h-full visible md:hidden">
<slot name="header" />
<Tabs bind:selected={mobileTab}>
<Tab value="form">Run form</Tab>
<Tab value="detail">Details</Tab>
<svelte:fragment slot="content">
<TabContent value="form" class="flex flex-col flex-1 h-full">
<slot name="form" />
</TabContent>
<TabContent value="detail" class="flex flex-col flex-1 h-full">
<DetailPageDetailPanel {isOperator} {hasStepDetails}>
<slot slot="webhooks" name="webhooks" />
<slot slot="schedule" name="schedule" />
<slot slot="cli" name="cli" />
<slot slot="details" name="details" />
<slot slot="save_inputs" name="save_inputs" />
<slot slot="flow_step" name="flow_step" />
</DetailPageDetailPanel>
</TabContent>
</svelte:fragment>
</Tabs>
</div>
<main class="h-screen w-full" bind:clientWidth>
{#if clientWidth >= 768}
<div class="h-full">
<slot name="header" />
<SplitPanesWrapper>
<Splitpanes>
<Pane size={65} minSize={50}>
<slot name="form" />
</Pane>
<Pane size={35} minSize={15}>
<DetailPageDetailPanel {isOperator} {flow_json} {hasStepDetails}>
<slot slot="webhooks" name="webhooks" />
<slot slot="schedule" name="schedule" />
<slot slot="cli" name="cli" />
<slot slot="details" name="details" />
<slot slot="save_inputs" name="save_inputs" />
<slot slot="flow_step" name="flow_step" />
</DetailPageDetailPanel>
</Pane>
</Splitpanes>
</SplitPanesWrapper>
</div>
{:else}
<div class="h-full">
<slot name="header" />
<Tabs bind:selected={mobileTab}>
<Tab value="form">Run form</Tab>
<Tab value="detail">Details</Tab>
<svelte:fragment slot="content">
<TabContent value="form" class="flex flex-col flex-1 h-full">
<slot name="form" />
</TabContent>
<TabContent value="detail" class="flex flex-col flex-1 h-full">
<DetailPageDetailPanel {isOperator} {hasStepDetails}>
<slot slot="webhooks" name="webhooks" />
<slot slot="schedule" name="schedule" />
<slot slot="cli" name="cli" />
<slot slot="details" name="details" />
<slot slot="save_inputs" name="save_inputs" />
<slot slot="flow_step" name="flow_step" />
</DetailPageDetailPanel>
</TabContent>
</svelte:fragment>
</Tabs>
</div>
{/if}
</main>