Jonathan Jogenfors
f44fa45aa0
* add unicorn to eslint * fix lint errors for cli * fix merge * fix album name extraction * Update cli/src/commands/upload.command.ts Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com> * es2k23 * use lowercase os * return undefined album name * fix bug in asset response dto * auto fix issues * fix server code style * es2022 and formatting * fix compilation error * fix test * fix config load * fix last lint errors * set string type * bump ts * start work on web * web formatting * Fix UUIDParamDto as UUIDParamDto * fix library service lint * fix web errors * fix errors * formatting * wip * lints fixed * web can now start * alphabetical package json * rename error * chore: clean up --------- Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com> Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
60 lines
1.5 KiB
Svelte
60 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import { quintOut } from 'svelte/easing';
|
|
import { fly } from 'svelte/transition';
|
|
import { createEventDispatcher } from 'svelte';
|
|
|
|
export let value: string | number;
|
|
export let options: { value: string | number; text: string }[];
|
|
export let label = '';
|
|
export let desc = '';
|
|
export let name = '';
|
|
export let isEdited = false;
|
|
export let number = false;
|
|
export let disabled = false;
|
|
|
|
const dispatch = createEventDispatcher<{ select: string | number }>();
|
|
|
|
const handleChange = (e: Event) => {
|
|
value = (e.target as HTMLInputElement).value;
|
|
if (number) {
|
|
value = Number.parseInt(value);
|
|
}
|
|
dispatch('select', value);
|
|
};
|
|
</script>
|
|
|
|
<div class="mb-4 w-full">
|
|
<div class={`flex h-[26px] place-items-center gap-1`}>
|
|
<label class={`immich-form-label text-sm`} for="{name}-select">{label}</label>
|
|
|
|
{#if isEdited}
|
|
<div
|
|
transition:fly={{ x: 10, duration: 200, easing: quintOut }}
|
|
class="rounded-full bg-orange-100 px-2 text-[10px] text-orange-900"
|
|
>
|
|
Unsaved change
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
|
|
{#if desc}
|
|
<p class="immich-form-label pb-2 text-sm" id="{name}-desc">
|
|
{desc}
|
|
</p>
|
|
{/if}
|
|
|
|
<select
|
|
class="immich-form-input w-full pb-2"
|
|
{disabled}
|
|
aria-describedby={desc ? `${name}-desc` : undefined}
|
|
{name}
|
|
id="{name}-select"
|
|
bind:value
|
|
on:change={handleChange}
|
|
>
|
|
{#each options as option}
|
|
<option value={option.value}>{option.text}</option>
|
|
{/each}
|
|
</select>
|
|
</div>
|