mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-30 00:16:53 +00:00
Ruben FiszelandFaton Ramadani
8f92a0c66f
* all * improve all * improve all * fix frontend * fix input picker nits * fix(frontend): Fix Menu display * all * fix all * fix all Co-authored-by: Faton Ramadani <faton.ramadani14@gmail.com>
41 lines
1.2 KiB
Svelte
41 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { Pane, Splitpanes } from 'svelte-splitpanes'
|
|
import FlowEditorPanel from './content/FlowEditorPanel.svelte'
|
|
import FlowModuleSchemaMap from './map/FlowModuleSchemaMap.svelte'
|
|
import { flowStore } from './flowStore'
|
|
import WindmillIcon from '../icons/WindmillIcon.svelte'
|
|
import { Skeleton } from '../common'
|
|
|
|
export let initialPath: string
|
|
export let loading: boolean
|
|
</script>
|
|
|
|
<div class="h-full overflow-hidden border-t">
|
|
<Splitpanes>
|
|
<Pane size={20} minSize={15} class="h-full">
|
|
<div class="grow overflow-auto bg-gray h-full bg-gray-50 relative">
|
|
{#if loading}
|
|
<div class="p-2 pt-10">
|
|
{#each new Array(6) as _}
|
|
<Skeleton layout={[[2], 1.5]} />
|
|
{/each}
|
|
</div>
|
|
{:else if $flowStore.value.modules}
|
|
<FlowModuleSchemaMap bind:modules={$flowStore.value.modules} root />
|
|
{/if}
|
|
</div>
|
|
</Pane>
|
|
<Pane size={80} minSize={40}>
|
|
{#if loading}
|
|
<div class="w-full h-full ">
|
|
<div class="block m-auto mt-40 w-10">
|
|
<WindmillIcon class="animate-[spin_6s_linear_infinite]" height="40px" width="40px" />
|
|
</div>
|
|
</div>
|
|
{:else}
|
|
<FlowEditorPanel {initialPath} />
|
|
{/if}
|
|
</Pane>
|
|
</Splitpanes>
|
|
</div>
|