odo/dl.emersa.it
1
0
Fork 0
Code Issues Pull requests Releases 10 Packages Activity Actions

Update formats

Browse source
This commit is contained in:
0d0 2025-02-05 13:42:59 +01:00
parent f0fed89b97
commit 98ea6e01ec
1 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/routes/+page.svelte
View file

@ -6,6 +6,8 @@
let showModal = $state(false); let showModal = $state(false);
let error = $state(false); let error = $state(false);
let href = $state(''); let href = $state('');
// let formats = ['ogg', 'mp3', 'mp4']
const formats = [{ value: 'mp3', label: 'MP3' }];
const toggleModal = () => { const toggleModal = () => {
showModal = !showModal; showModal = !showModal;
@ -67,8 +69,15 @@
</label> </label>
<label class="flex items-center space-x-3"> <label class="flex items-center space-x-3">
<input type="radio" name="source" value="spotify" bind:group={source} class="retro-radio" /> <input
<span>Spotify</span> disabled
type="radio"
name="source"
value="spotify"
bind:group={source}
class="retro-radio"
/>
<span class="not-available">Spotify</span>
</label> </label>
<label class="flex items-center space-x-3"> <label class="flex items-center space-x-3">
@ -108,9 +117,9 @@
bind:value={format} bind:value={format}
class="w-full rounded-lg border-4 border-green-500 bg-green-200 px-4 py-3 text-black focus:border-pink-500 focus:outline-none" class="w-full rounded-lg border-4 border-green-500 bg-green-200 px-4 py-3 text-black focus:border-pink-500 focus:outline-none"
> >
<option value="mp3">MP3</option> {#each formats as format}
<option value="vorbis">OGG</option> <option value={format.value}>{format.label}</option>
<option value="mp4">MP4</option> {/each}
</select> </select>
</div> </div>
@ -161,6 +170,10 @@
text-decoration: underline; text-decoration: underline;
text-align: center; text-align: center;
} }
.not-available {
text-decoration-line: line-through;
text-decoration-color: red;
}
.retro-radio { .retro-radio {
appearance: none; appearance: none;