mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-10 00:05:27 +00:00
70 lines
1.7 KiB
Svelte
70 lines
1.7 KiB
Svelte
<script lang="ts">
|
|
import { goto } from '$app/navigation'
|
|
import BarsStaggered from '$lib/components/icons/BarsStaggered.svelte'
|
|
|
|
import { Button } from '$lib/components/common'
|
|
import Drawer from '$lib/components/common/drawer/Drawer.svelte'
|
|
import DrawerContent from '$lib/components/common/drawer/DrawerContent.svelte'
|
|
import SimpleEditor from '$lib/components/SimpleEditor.svelte'
|
|
import { importFlowStore } from '$lib/components/flows/flowStore'
|
|
import { Plus } from 'lucide-svelte'
|
|
import YAML from 'yaml'
|
|
|
|
let drawer: Drawer | undefined = undefined
|
|
let pendingRaw: string
|
|
let importType: 'yaml' | 'json' = 'yaml'
|
|
|
|
async function importRaw() {
|
|
$importFlowStore = importType === 'yaml' ? YAML.parse(pendingRaw) : JSON.parse(pendingRaw)
|
|
await goto('/flows/add')
|
|
drawer?.closeDrawer?.()
|
|
}
|
|
</script>
|
|
|
|
<!-- Buttons -->
|
|
<div class="flex flex-row gap-2">
|
|
<Button
|
|
size="sm"
|
|
spacingSize="xl"
|
|
startIcon={{ icon: Plus }}
|
|
endIcon={{ icon: BarsStaggered }}
|
|
href="/flows/add?nodraft=true"
|
|
dropdownItems={[
|
|
{
|
|
label: 'Import from YAML',
|
|
onClick: () => {
|
|
drawer?.toggleDrawer?.()
|
|
importType = 'yaml'
|
|
}
|
|
},
|
|
{
|
|
label: 'Import from JSON',
|
|
onClick: () => {
|
|
drawer?.toggleDrawer?.()
|
|
importType = 'json'
|
|
}
|
|
}
|
|
]}
|
|
>
|
|
Flow
|
|
</Button>
|
|
</div>
|
|
|
|
<!-- Raw JSON -->
|
|
<Drawer bind:this={drawer} size="800px">
|
|
<DrawerContent
|
|
title={'Import flow from ' + (importType === 'yaml' ? 'YAML' : 'JSON')}
|
|
on:close={() => drawer?.toggleDrawer?.()}
|
|
>
|
|
<SimpleEditor
|
|
bind:code={pendingRaw}
|
|
lang={importType}
|
|
class="h-full"
|
|
fixedOverflowWidgets={false}
|
|
/>
|
|
<svelte:fragment slot="actions">
|
|
<Button size="sm" on:click={importRaw}>Import</Button>
|
|
</svelte:fragment>
|
|
</DrawerContent>
|
|
</Drawer>
|