Admin
2f98982d83
Moves the remaining uncommitted work: the home gets quick mixes and a "Tus álbumes" shelf, saving a YouTube album now goes through addYoutubeAlbumToPlaylistAction instead of the SaveYouTubeAlbum command, and UserAlbum drops its unused ExternalId. The mixes section keeps its current shape (no refresh action, no badge, hidden when empty) rather than the older version the worktree carried.
60 lines
1.1 KiB
Svelte
60 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import type { LucideIcon } from '@lucide/svelte';
|
|
|
|
interface Props {
|
|
value?: string;
|
|
id?: string;
|
|
name?: string;
|
|
type?: 'text' | 'search' | 'number';
|
|
min?: number;
|
|
max?: number;
|
|
placeholder?: string;
|
|
maxlength?: number;
|
|
required?: boolean;
|
|
autocomplete?: 'on' | 'off';
|
|
icon?: LucideIcon;
|
|
oninput?: (event: Event) => void;
|
|
class?: string;
|
|
}
|
|
|
|
let {
|
|
value = $bindable(''),
|
|
id,
|
|
name,
|
|
type = 'text',
|
|
min,
|
|
max,
|
|
placeholder,
|
|
maxlength,
|
|
required = false,
|
|
autocomplete = 'off',
|
|
icon: Icon,
|
|
oninput,
|
|
class: klass = ''
|
|
}: Props = $props();
|
|
</script>
|
|
|
|
<div class="relative w-full">
|
|
{#if Icon}
|
|
<span class="pointer-events-none absolute inset-y-0 left-4 grid place-items-center text-muted">
|
|
<Icon class="h-5 w-5" />
|
|
</span>
|
|
{/if}
|
|
<input
|
|
{id}
|
|
{name}
|
|
{type}
|
|
{min}
|
|
{max}
|
|
{placeholder}
|
|
{maxlength}
|
|
{required}
|
|
{autocomplete}
|
|
{oninput}
|
|
bind:value
|
|
class="w-full rounded-control bg-surface py-3 text-base text-fg transition placeholder:text-muted focus:border-accent/50 focus:outline-none {Icon
|
|
? 'pr-4 pl-11'
|
|
: 'px-4'} {klass}"
|
|
/>
|
|
</div>
|