Files
windmill/frontend/src/lib/components/flows/content/FlowLoop.svelte
T

43 lines
1.3 KiB
Svelte

<script lang="ts">
import { getContext } from 'svelte'
import FlowCard from '../common/FlowCard.svelte'
import type { FlowEditorContext } from '../types'
import Toggle from '$lib/components/Toggle.svelte'
import SimpleEditor from '$lib/components/SimpleEditor.svelte'
import Tooltip from '$lib/components/Tooltip.svelte'
import { flowStore } from '../flowStore'
const { selectedId } = getContext<FlowEditorContext>('FlowEditorContext')
const [prefix, index] = $selectedId.split('-')
</script>
<FlowCard title="For loop">
<div>
<div class="p-6 flex flex-col">
{#if $flowStore.value.modules[index].value.type === 'forloopflow'}
<span class="mb-2 text-sm font-bold"
>Iterator expression
<Tooltip>
List to iterate over. For more information see the
<a href="https://docs.windmill.dev/docs/getting_started/flows#for-loops">docs.</a>
</Tooltip>
</span>
<SimpleEditor
lang="javascript"
bind:code={$flowStore.value.modules[index].value.iterator.expr}
class="few-lines-editor"
/>
<span class="mb-2 text-sm font-bold">Skip failures</span>
<Toggle
bind:checked={$flowStore.value.modules[index].value.skip_failures}
options={{
right: 'Skip failures'
}}
/>
{/if}
</div>
</div>
</FlowCard>