mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-29 00:03:09 +00:00
258445e523
* 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>
59 lines
1.5 KiB
Svelte
59 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import { enterpriseLicense } from '$lib/stores'
|
|
import { AlertTriangle, ChevronDown, ChevronRight } from 'lucide-svelte'
|
|
import Tooltip from './Tooltip.svelte'
|
|
import { twMerge } from 'tailwind-merge'
|
|
|
|
export let label: string | undefined = undefined
|
|
export let tooltip: string | undefined = undefined
|
|
export let eeOnly = false
|
|
export let small: boolean = false
|
|
|
|
export let collapsable: boolean = false
|
|
let collapsed: boolean = true
|
|
</script>
|
|
|
|
<div class="w-full">
|
|
<div class="flex flex-row justify-between items-center mb-2">
|
|
<h2
|
|
class={twMerge(
|
|
'font-semibold flex flex-row items-center gap-1',
|
|
small ? 'text-sm' : 'text-base'
|
|
)}
|
|
>
|
|
{#if collapsable}
|
|
<button class="flex items-center gap-1" on:click={() => (collapsed = !collapsed)}>
|
|
{#if collapsed}
|
|
<ChevronRight size={16} />
|
|
{:else}
|
|
<ChevronDown size={16} />
|
|
{/if}
|
|
{label}
|
|
</button>
|
|
{:else}
|
|
{label}
|
|
{/if}
|
|
|
|
<slot name="header" />
|
|
{#if tooltip}
|
|
<Tooltip>{tooltip}</Tooltip>
|
|
{/if}
|
|
{#if eeOnly}
|
|
{#if !$enterpriseLicense}
|
|
<div class="flex text-xs items-center gap-1 text-yellow-500 whitespace-nowrap ml-8">
|
|
<AlertTriangle size={16} />
|
|
EE only <Tooltip>Enterprise Edition only feature</Tooltip>
|
|
</div>
|
|
{/if}
|
|
{/if}
|
|
</h2>
|
|
<slot name="action" />
|
|
{#if collapsable && collapsed}
|
|
<slot name="badge" />
|
|
{/if}
|
|
</div>
|
|
<div class={collapsable && collapsed ? `hidden ${$$props.class}` : `${$$props.class}`}>
|
|
<slot />
|
|
</div>
|
|
</div>
|