mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-08-23 00:00:33 +00:00
Ruben Fiszel
143a30661c
* add react support * use whoami * update * update * update * create react app * all * sqlx
49 lines
1.4 KiB
Svelte
49 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import { goto } from '$app/navigation'
|
|
import { faBarsStaggered, faPlus } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
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'
|
|
|
|
let drawer: Drawer | undefined = undefined
|
|
let pendingJson: string
|
|
|
|
async function importJson() {
|
|
$importFlowStore = JSON.parse(pendingJson)
|
|
await goto('/flows/add')
|
|
drawer?.closeDrawer?.()
|
|
}
|
|
</script>
|
|
|
|
<!-- Buttons -->
|
|
<div class="flex flex-row gap-2">
|
|
<Button
|
|
size="sm"
|
|
spacingSize="xl"
|
|
startIcon={{ icon: faPlus }}
|
|
endIcon={{ icon: faBarsStaggered }}
|
|
href="/flows/add?nodraft=true"
|
|
dropdownItems={[
|
|
{
|
|
label: 'Import from JSON',
|
|
onClick: () => drawer?.toggleDrawer?.()
|
|
}
|
|
]}
|
|
>
|
|
Flow
|
|
</Button>
|
|
</div>
|
|
|
|
<!-- Raw JSON -->
|
|
<Drawer bind:this={drawer} size="800px">
|
|
<DrawerContent title="Import flow from JSON" on:close={() => drawer?.toggleDrawer?.()}>
|
|
<SimpleEditor bind:code={pendingJson} lang="json" class="h-full" fixedOverflowWidgets={false} />
|
|
<svelte:fragment slot="actions">
|
|
<Button size="sm" on:click={importJson}>Import</Button>
|
|
</svelte:fragment>
|
|
</DrawerContent>
|
|
</Drawer>
|