mirror of
https://github.com/immich-app/immich.git
synced 2025-05-24 02:13:51 -04:00
c754c860fd
[Breaking] newly uploaded file will conform to the default structure of `{uploadLocation}/{userId}/year/year-month-day/filename.ext`
52 lines
1.1 KiB
Svelte
52 lines
1.1 KiB
Svelte
<script lang="ts" context="module">
|
|
export enum SettingInputFieldType {
|
|
TEXT = 'text',
|
|
NUMBER = 'number',
|
|
PASSWORD = 'password'
|
|
}
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import { quintOut } from 'svelte/easing';
|
|
import { fly } from 'svelte/transition';
|
|
|
|
export let inputType: SettingInputFieldType;
|
|
export let value: string;
|
|
export let label = '';
|
|
export let required = false;
|
|
export let disabled = false;
|
|
export let isEdited = false;
|
|
|
|
const handleInput = (e: Event) => {
|
|
value = (e.target as HTMLInputElement).value;
|
|
};
|
|
</script>
|
|
|
|
<div class="w-full">
|
|
<div class={`flex place-items-center gap-1 h-[26px]`}>
|
|
<label class={`immich-form-label text-xs`} for={label}>{label.toUpperCase()} </label>
|
|
{#if required}
|
|
<div class="text-red-400">*</div>
|
|
{/if}
|
|
|
|
{#if isEdited}
|
|
<div
|
|
transition:fly={{ x: 10, duration: 200, easing: quintOut }}
|
|
class="bg-orange-100 px-2 rounded-full text-orange-900 text-[10px]"
|
|
>
|
|
Unsaved change
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
<input
|
|
class="immich-form-input w-full"
|
|
id={label}
|
|
name={label}
|
|
type={inputType}
|
|
{required}
|
|
{value}
|
|
on:input={handleInput}
|
|
{disabled}
|
|
/>
|
|
</div>
|