mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-21 16:03:26 +00:00
Diego Imbert
9f7250c9f0
* nit helper mistake * nit border color * fill inputs styling nits * nit bg color
49 lines
1.5 KiB
Svelte
49 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import Button from '$lib/components/common/button/Button.svelte'
|
|
import { ChevronDown } from 'lucide-svelte'
|
|
|
|
$: opened = false
|
|
</script>
|
|
|
|
<div class="text-xs flex flex-row-reverse">
|
|
<Button
|
|
on:click={() => {
|
|
opened = !opened
|
|
}}
|
|
color="light"
|
|
variant="divider"
|
|
size="xs2"
|
|
endIcon={{ icon: ChevronDown, classes: `rotate-0 duration-300 ${opened ? '!rotate-180' : ''}` }}
|
|
btnClasses="text-hint font-normal pt-1"
|
|
>
|
|
Help
|
|
</Button>
|
|
</div>
|
|
|
|
{#if opened}
|
|
<div
|
|
class="bg-surface-secondary border-x border-r-0 border-l-4 text-sm text-secondary p-4 mt-2"
|
|
role="alert"
|
|
id="dynamic-input-help-box"
|
|
>
|
|
Single JavaScript expression. The following functions and objects are available:
|
|
<ul class="ml-4 list-disc">
|
|
<li
|
|
><b>{'results.<id>'}</b>: the result of step at id 'id' (use optional chaining if id may not
|
|
exist because branch was not chosen, for example: <code>{'results.<id>?.[0]'}</code>)</li
|
|
>
|
|
<li><b>flow_input</b>: the object containing the flow input arguments</li>
|
|
<li><b>previous_result</b>: the result of previous step</li>
|
|
<li><b>params</b>: the object containing the current step static values</li>
|
|
<li>
|
|
<b>variable(path)</b>: the function returning the variable (including secrets) at given path
|
|
as a string
|
|
</li>
|
|
<li>
|
|
<b>resource(path)</b>: the function returning the resource at a given path as an object
|
|
</li>
|
|
</ul>
|
|
If using multiple statements, the last statement shall finish with a return. e.g: `return x`
|
|
</div>
|
|
{/if}
|