droideparanoico/discdrop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "Strip all custom CSS, use plain daisyUI classes only"

Browse Source 
This reverts commit e2bd237a7b.
This commit is contained in:
droideparanoico
2026-07-03 12:18:52 +02:00
parent e2bd237a7b
commit e9be57bde0
6 changed files with 131 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/fragments/artist-list.html
+37 -25
View File
@@ -1,74 +1,86 @@
<div id="artist-list" hx-swap-oob="true">
{#if artists.isEmpty()}
<div class="card bg-base-100 shadow-xl p-12 text-center">
<p class="text-lg text-base-content/60">No artists tracked yet</p>
<p class="text-sm text-base-content/40 mt-2">Search for artists using the search bar above</p>
<div class="bg-base-100 shadow-xl rounded-box p-10 text-center border border-base-300">
<svg class="icon-lg" style="margin:0 auto 0.75rem;color:var(--bc);opacity:0.15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<p style="font-size:1.125rem;font-weight:500;color:var(--bc);opacity:0.6">No artists tracked yet</p>
<p style="font-size:0.875rem;color:var(--bc);opacity:0.4;margin-top:0.25rem">Search for artists using the search bar above</p>
</div>
{#else}
<div class="overflow-x-auto">
<table class="table table-zebra">
<div class="overflow-x-auto rounded-box border border-base-300">
<table class="table table-pin-rows">
<thead>
<tr>
<tr style="background:color-mix(in srgb, var(--b2) 80%, transparent)">
<th>Artist</th>
<th>Since</th>
<th>Release Types</th>
<th>Actions</th>
<th style="width:6rem">Actions</th>
</tr>
</thead>
<tbody>
{#for artist in artists}
<tr>
<tr style="transition:background 0.15s" onmouseover="this.style.background='color-mix(in srgb, var(--b2) 50%, transparent)'" onmouseout="this.style.background=''">
<td>
<div class="font-medium">{artist.name}</div>
<div style="font-weight:500">{artist.name}</div>
{#if artist.disambiguation}
<div class="text-xs text-base-content/50">{artist.disambiguation}</div>
<div style="font-size:0.75rem;color:var(--bc);opacity:0.5">{artist.disambiguation}</div>
{/if}
</td>
<td class="text-sm text-base-content/50">{artist.createdAt}</td>
<td style="font-size:0.875rem;color:var(--bc);opacity:0.5">{artist.createdAt}</td>
<td>
<div class="flex flex-wrap gap-1">
<div style="display:flex;flex-wrap:wrap;gap:0.375rem">
<label class="label cursor-pointer gap-1 p-1">
<input type="checkbox" class="checkbox checkbox-xs checkbox-primary"
{#if artist.albumMonitored}checked{/if}
hx-patch="/api/artists/{artist.mbid}/monitor?type=album"
hx-target="#artist-list" hx-swap="innerHTML">
<span class="label-text text-xs">Album</span>
hx-target="#artist-list"
hx-swap="innerHTML">
<span class="label-text text-xs" style="color:var(--p)">Album</span>
</label>
<label class="label cursor-pointer gap-1 p-1">
<input type="checkbox" class="checkbox checkbox-xs checkbox-secondary"
{#if artist.singleMonitored}checked{/if}
hx-patch="/api/artists/{artist.mbid}/monitor?type=single"
hx-target="#artist-list" hx-swap="innerHTML">
<span class="label-text text-xs">Single</span>
hx-target="#artist-list"
hx-swap="innerHTML">
<span class="label-text text-xs" style="color:var(--s)">Single</span>
</label>
<label class="label cursor-pointer gap-1 p-1">
<input type="checkbox" class="checkbox checkbox-xs checkbox-accent"
{#if artist.epMonitored}checked{/if}
hx-patch="/api/artists/{artist.mbid}/monitor?type=ep"
hx-target="#artist-list" hx-swap="innerHTML">
<span class="label-text text-xs">EP</span>
hx-target="#artist-list"
hx-swap="innerHTML">
<span class="label-text text-xs" style="color:var(--a)">EP</span>
</label>
<label class="label cursor-pointer gap-1 p-1">
<input type="checkbox" class="checkbox checkbox-xs"
{#if artist.broadcastMonitored}checked{/if}
hx-patch="/api/artists/{artist.mbid}/monitor?type=broadcast"
hx-target="#artist-list" hx-swap="innerHTML">
<span class="label-text text-xs">Broadcast</span>
hx-target="#artist-list"
hx-swap="innerHTML">
<span class="label-text text-xs" style="color:var(--bc);opacity:0.6">Broadcast</span>
</label>
<label class="label cursor-pointer gap-1 p-1">
<input type="checkbox" class="checkbox checkbox-xs"
{#if artist.otherMonitored}checked{/if}
hx-patch="/api/artists/{artist.mbid}/monitor?type=other"
hx-target="#artist-list" hx-swap="innerHTML">
<span class="label-text text-xs">Other</span>
hx-target="#artist-list"
hx-swap="innerHTML">
<span class="label-text text-xs" style="color:var(--bc);opacity:0.6">Other</span>
</label>
</div>
</td>
<td>
<button class="btn btn-ghost btn-xs text-error"
<button class="btn btn-ghost btn-xs" style="color:var(--er)"
hx-delete="/api/artists/{artist.mbid}"
hx-target="#artist-list" hx-swap="innerHTML"
onclick="return confirm('Remove {artist.name}?')">Remove</button>
hx-target="#artist-list"
hx-swap="innerHTML"
onclick="return confirm('Remove {artist.name}?')">
<svg class="icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg>
Remove
</button>
</td>
</tr>
{/for}