mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-11 16:09:39 +00:00
34 lines
1.0 KiB
Svelte
34 lines
1.0 KiB
Svelte
<!-- Flow Editor: Top level component -->
|
|
<script lang="ts">
|
|
import { HSplitPane } from 'svelte-split-pane'
|
|
import FlowEditorHeader from './header/FlowEditorHeader.svelte'
|
|
import FlowEditorPanel from './content/FlowEditorPanel.svelte'
|
|
import FlowModuleSchemaMap from './map/FlowModuleSchemaMap.svelte'
|
|
import { flowStore } from './flowStore'
|
|
import { flowStateStore } from './flowState'
|
|
|
|
export let initialPath: string
|
|
</script>
|
|
|
|
<FlowEditorHeader />
|
|
|
|
<div class="h-full overflow-hidden">
|
|
<HSplitPane leftPaneSize="25%" rightPaneSize="75%" minLeftPaneSize="20%" minRightPaneSize="40%">
|
|
<left slot="left" class="h-full ">
|
|
<div class="h-full overflow-auto p-4 bg-gray-50">
|
|
{#if $flowStore.value.modules && $flowStateStore.modules}
|
|
<FlowModuleSchemaMap
|
|
bind:modules={$flowStore.value.modules}
|
|
bind:moduleStates={$flowStateStore.modules}
|
|
/>
|
|
{/if}
|
|
</div>
|
|
</left>
|
|
<right slot="right" class="h-full">
|
|
<div class="h-full overflow-auto bg-white ">
|
|
<FlowEditorPanel {initialPath} />
|
|
</div>
|
|
</right>
|
|
</HSplitPane>
|
|
</div>
|