mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-30 00:16:53 +00:00
57cfa4045b
* feat: 🚧 add postgres trigger config in back * feat: add capture section for postgres * feat: update postgres trigger panel, update capture migration * fix: ci and casing style * feat: capture done * fix: update sqlx * fix: remove unused * feat: handle persisting data * fix: add feature flag * feat: capture done * fix: feature flag * feat: capture done * nits: add plus into postgres capture label * feat: trigger done * Update PostgresTriggerEditorInner.svelte * Update script_helpers.ts * nit * chore: update to meet pr comment requirement * refactor: * fix: * fix: miss closing curly braces * fix: * fix: ci * Update mod.rs * polishing postgres trigger * update minor changes on UI * nits: remove log and update function parameters * fix: remove wrong name * nits: change icon * fix: nit migration * nits: refacto and remove alert * nits: change variable name * update workspaces_export * fix: ci --------- Co-authored-by: HugoCasa <hugo@casademont.ch> Co-authored-by: Guilhem <guilhemlemouel@gmail.com>
76 lines
2.0 KiB
Svelte
76 lines
2.0 KiB
Svelte
<script lang="ts">
|
|
import { enterpriseLicense } from '$lib/stores'
|
|
import { AlertTriangle, ChevronRight } from 'lucide-svelte'
|
|
import Tooltip from './Tooltip.svelte'
|
|
import { twMerge } from 'tailwind-merge'
|
|
import { slide } from 'svelte/transition'
|
|
|
|
export let label: string | undefined = undefined
|
|
export let tooltip: string | undefined = undefined
|
|
export let documentationLink: string | undefined = undefined
|
|
export let eeOnly = false
|
|
export let small: boolean = false
|
|
export let wrapperClass: string = ''
|
|
|
|
export let collapsable: boolean = false
|
|
export let collapsed: boolean = true
|
|
export let headless: boolean = false
|
|
export let animate: boolean = false
|
|
</script>
|
|
|
|
<div class={twMerge('w-full flex flex-col', wrapperClass)}>
|
|
{#if !headless}
|
|
<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)}>
|
|
<ChevronRight
|
|
size={16}
|
|
class={twMerge(
|
|
'transition',
|
|
collapsed ? '' : 'rotate-90',
|
|
animate ? 'duration-200' : 'duration-0'
|
|
)}
|
|
/>
|
|
{label}
|
|
</button>
|
|
{:else}
|
|
{label}
|
|
{/if}
|
|
|
|
<slot name="header" />
|
|
{#if tooltip}
|
|
<Tooltip {documentationLink}>{tooltip}</Tooltip>
|
|
{:else if $$slots.tooltip}
|
|
<slot name="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>
|
|
{/if}
|
|
{#if !collapsable || !collapsed}
|
|
<div
|
|
class={twMerge('grow min-h-0', $$props.class)}
|
|
transition:slide={animate ? { duration: 200 } : { duration: 0 }}
|
|
>
|
|
<slot />
|
|
</div>
|
|
{/if}
|
|
</div>
|