Files
windmill/frontend/src/lib/components/ScriptSchema.svelte
T
Ruben Fiszel 7d5284a827 select fix
2023-07-03 13:04:27 +02:00

34 lines
910 B
Svelte

<script lang="ts">
import type { Schema } from '$lib/common'
import SchemaForm from './SchemaForm.svelte'
import Tab from './common/tabs/Tab.svelte'
import Tabs from './common/tabs/Tabs.svelte'
import TabContent from './common/tabs/TabContent.svelte'
import Highlight from 'svelte-highlight'
import json from 'svelte-highlight/languages/json'
export let schema: Schema | any
export function setSchema(newSchema: Schema) {
schema = newSchema
}
</script>
<div class="w-full">
<Tabs selected="ui">
<Tab value="ui">Arguments</Tab>
<Tab value="jsonschema">JSON Schema</Tab>
<svelte:fragment slot="content">
<TabContent value="ui">
<div class="mt-4" />
<SchemaForm bind:schema editableSchema={true} />
</TabContent>
<TabContent value="jsonschema">
<Highlight language={json} code={JSON.stringify(schema, null, 4)} />
</TabContent>
</svelte:fragment>
</Tabs>
</div>