mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-08-20 16:02:19 +00:00
Guillaume Bouvignies
45dd53457c
* refactor: Extract error / recovery handler to its own component * Small design changes * Reset handler args on openNew * Slack handler as EE only * Add link to windmill hub * Fix "undefined" when input disabled * tooltip on custom tab header
53 lines
1.4 KiB
Svelte
53 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import { twMerge } from 'tailwind-merge'
|
|
import Required from './Required.svelte'
|
|
import Tooltip from '$lib/components/Tooltip.svelte'
|
|
import { capitalize, emptyString } from '$lib/utils'
|
|
|
|
export let label: string
|
|
export let format: string = ''
|
|
export let contentEncoding = ''
|
|
export let type: string | undefined = undefined
|
|
export let disabled: boolean = false
|
|
export let required = false
|
|
export let displayType: boolean = true
|
|
export let labelClass: string = ''
|
|
export let prettify = false
|
|
export let simpleTooltip: string | undefined = undefined
|
|
</script>
|
|
|
|
<div class="inline-flex flex-row items-center truncated">
|
|
<span class={twMerge(disabled ? 'text-tertiary' : '', 'font-semibold', labelClass)}>
|
|
{#if prettify}
|
|
{label.replace(/_/g, ' ').split(' ').map(capitalize).join(' ')}
|
|
{:else}
|
|
{label}
|
|
{/if}
|
|
</span>
|
|
{#if !disabled}
|
|
<Required {required} class="!ml-0" />
|
|
{/if}
|
|
|
|
{#if displayType}
|
|
{#if format && !format.startsWith('resource')}
|
|
<span class="text-xs italic ml-2 text-tertiary dark:text-indigo-400">
|
|
{format}
|
|
</span>
|
|
{:else}
|
|
<span class="text-xs italic ml-2 text-tertiary dark:text-indigo-400">
|
|
{type ?? 'any'}{contentEncoding && contentEncoding != ''
|
|
? `, encoding: ${contentEncoding}`
|
|
: ''}
|
|
</span>
|
|
{/if}
|
|
{/if}
|
|
|
|
{#if !emptyString(simpleTooltip)}
|
|
<Tooltip class="ml-2">
|
|
<span class="text-xs">
|
|
{simpleTooltip}
|
|
</span>
|
|
</Tooltip>
|
|
{/if}
|
|
</div>
|