language icon

This commit is contained in:
Jan Prochazka
2025-12-03 13:37:13 +01:00
parent e1c10b7653
commit 780dd8ade9
2 changed files with 11 additions and 1 deletions

View File

@@ -1,9 +1,12 @@
<script lang="ts"> <script lang="ts">
import FontIcon from "../icons/FontIcon.svelte";
export let type; export let type;
export let label; export let label;
export let noMargin = false; export let noMargin = false;
export let disabled = false; export let disabled = false;
export let labelProps: any = {}; export let labelProps: any = {};
export let labelIcon = null;
</script> </script>
<div class="largeFormMarker" class:noMargin> <div class="largeFormMarker" class:noMargin>
@@ -12,6 +15,9 @@
<span {...labelProps} on:click={labelProps.onClick} class:disabled class='checkLabel'>{label}</span> <span {...labelProps} on:click={labelProps.onClick} class:disabled class='checkLabel'>{label}</span>
{:else} {:else}
<div class="label" {...labelProps} on:click={labelProps.onClick}> <div class="label" {...labelProps} on:click={labelProps.onClick}>
{#if labelIcon}
<FontIcon icon={labelIcon} padRight />
{/if}
<span {...labelProps} on:click={labelProps.onClick} class:disabled>{label}</span> <span {...labelProps} on:click={labelProps.onClick} class:disabled>{label}</span>
</div> </div>
<slot /> <slot />

View File

@@ -20,7 +20,11 @@
<div class="wrapper"> <div class="wrapper">
<div class="heading">{_t('settings.application', { defaultMessage: 'Application' })}</div> <div class="heading">{_t('settings.application', { defaultMessage: 'Application' })}</div>
<FormFieldTemplateLarge label={_t('settings.localization.language', { defaultMessage: 'Language' })} type="combo"> <FormFieldTemplateLarge
label={_t('settings.localization.language', { defaultMessage: 'Language' })}
type="combo"
labelIcon="mdi mdi-translate"
>
<SelectField <SelectField
isNative isNative
data-testid="SettingsModal_languageSelect" data-testid="SettingsModal_languageSelect"