91a3d06529
* feat(frontend): added list of triggers in the flow graph * feat(frontend): added list of triggers in the flow graph * feat(frontend): clean up * feat(frontend): improve UX * feat(frontend): triggers * feat(frontend): triggers * feat(frontend): done * feat(frontend): fix trigger when position when a preprocessor is presetn * Glm/rework flow settings v2 (#4497) * fat(frontend): simplify flow settings menu * improve scroll * changing mute toggle * Add advanced settings badge * Add nord theme colors * Add bage for advanced options * fix minor issue * fix minor issue * Add triggers menu to flow settings * Add quick trigger access * remove triggers in flow settings * fix minor issue * Move triggers settings to flow right panel * polishing * fix unset store * remove save up to for triggers * fix padding * reset default tag color * remove custom select component * revert path change * revert section modif * Revert unused feature --------- Co-authored-by: Guilhem <guilhem@mbp-de-windmill.home> * Connect top bar cron to schedules settings * Turn copilot into node * fix copilot placement * remove useless import * fix center copilot * fix binding * remove copilot on top of preprocessor * render copilot node on condition * quickfix * remove copilot node * fix minor issues * fix route count update * fix schedule sync * harmonize colors * fix alignment and add edges * recenter node summary * fix schedules sync * Add id title * all * all * all * iteration * all * all * done * fix * more fixes --------- Co-authored-by: Guilhem <guilhemlemouel@gmail.com> Co-authored-by: Guilhem <guilhem@mbp-de-windmill.home> Co-authored-by: Ruben Fiszel <ruben@windmill.dev> Co-authored-by: Ruben Fiszel <ruben@rubenfiszel.com>
71 lines
1.9 KiB
Svelte
71 lines
1.9 KiB
Svelte
<script lang="ts">
|
|
import type { FlowModule, FlowValue } from '$lib/gen'
|
|
|
|
import { createEventDispatcher } from 'svelte'
|
|
import { twMerge } from 'tailwind-merge'
|
|
|
|
import FlowGraphViewerStep from './FlowGraphViewerStep.svelte'
|
|
import FlowGraphV2 from './graph/FlowGraphV2.svelte'
|
|
import { dfs } from './flows/dfs'
|
|
|
|
export let flow: {
|
|
summary: string
|
|
description?: string
|
|
value: FlowValue
|
|
schema?: any
|
|
path?: string
|
|
}
|
|
|
|
export let overflowAuto = false
|
|
export let noSide = false
|
|
export let download = false
|
|
export let noGraph = false
|
|
|
|
export let stepDetail: FlowModule | string | undefined = undefined
|
|
|
|
const dispatch = createEventDispatcher()
|
|
</script>
|
|
|
|
<div class="grid grid-cols-3 w-full h-full">
|
|
{#if !noGraph}
|
|
<div
|
|
class="{noSide ? 'col-span-3' : 'sm:col-span-2 col-span-3'} w-full border max-h-full"
|
|
class:overflow-auto={overflowAuto}
|
|
>
|
|
<FlowGraphV2
|
|
path={flow?.path}
|
|
{download}
|
|
minHeight={400}
|
|
modules={flow?.value?.modules}
|
|
failureModule={flow?.value?.failure_module}
|
|
preprocessorModule={flow?.value?.preprocessor_module}
|
|
on:select={(e) => {
|
|
let nodeId = e?.detail
|
|
if (nodeId === 'triggers') {
|
|
dispatch('triggerDetail')
|
|
return
|
|
} else if (nodeId === 'failure') {
|
|
stepDetail = flow?.value?.failure_module
|
|
} else if (nodeId === 'preprocessor') {
|
|
stepDetail = flow?.value?.preprocessor_module
|
|
} else {
|
|
stepDetail = dfs(flow?.value?.modules ?? [], (m) => m).find((m) => m?.id === e?.detail)
|
|
}
|
|
stepDetail = stepDetail ?? nodeId
|
|
dispatch('select', stepDetail)
|
|
}}
|
|
/>
|
|
</div>
|
|
{/if}
|
|
{#if !noSide}
|
|
<div
|
|
class={twMerge(
|
|
'relative w-full h-full min-h-[150px] max-h-[90vh] border-r border-b border-t p-2 pt-0 overflow-auto hidden sm:flex flex-col gap-4',
|
|
noGraph ? 'border-0 w-max' : ''
|
|
)}
|
|
>
|
|
<FlowGraphViewerStep schema={flow.schema} {stepDetail} />
|
|
</div>
|
|
{/if}
|
|
</div>
|