Files
windmill/frontend/src/lib/components/FieldHeader.svelte
T
Faton Ramadani 175785459a fix(frontend): Add missing tooltips + multilpe small fix in the app builder (#1590)
* fix(frontend): revert commit that were removed + delete outdated components + add missing tooltips

* fix(frontend): remove outdated select button

* fix(frontend): add missing tooltips

* fix(frontend): add debug tab

* fix(frontend): remove duplicate file

* fix(frontend): add missing props
2023-05-17 17:34:40 +02:00

40 lines
1.0 KiB
Svelte

<script lang="ts">
import { twMerge } from 'tailwind-merge'
import Required from './Required.svelte'
import { capitalize } from '$lib/utils'
export let label: string
export let format: string = ''
export let contentEncoding = ''
export let type: string | undefined = undefined
export let required = false
export let displayType: boolean = true
export let labelClass: string = ''
export let prettify = false
</script>
<div class="inline-flex flex-row items-center truncated">
<span class={twMerge('font-semibold', labelClass)}>
{#if prettify}
{label.replace(/_/g, ' ').split(' ').map(capitalize).join(' ')}
{:else}
{label}
{/if}
</span>
<Required {required} class="!ml-0" />
{#if displayType}
{#if format && format != ''}
<span class="text-sm italic ml-1 text-indigo-800">
({format})
</span>
{:else}
<span class="text-sm italic ml-1 text-indigo-800">
({type ?? 'any'}{contentEncoding && contentEncoding != ''
? `, encoding: ${contentEncoding}`
: ''})
</span>
{/if}
{/if}
</div>