david.alvarez
50 lines
1.8 KiB
HTML
50 lines
1.8 KiB
HTML
{#if entries.isEmpty()}
|
|
<div class="card bg-base-100 shadow-xl p-8 text-center">
|
|
<p class="text-lg text-base-content/60">No releases found</p>
|
|
<p class="text-sm text-base-content/40 mt-2">Add artists to your collection to see their releases here</p>
|
|
</div>
|
|
{#else}
|
|
<div class="overflow-x-auto">
|
|
<table class="table table-zebra">
|
|
<thead>
|
|
<tr>
|
|
<th>Cover</th>
|
|
<th>Artist</th>
|
|
<th>Release</th>
|
|
<th>Type</th>
|
|
<th>Date</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{#for entry in entries}
|
|
<tr>
|
|
<td>
|
|
<a href="https://musicbrainz.org/release-group/{entry.mbid}"
|
|
target="_blank" rel="noopener noreferrer">
|
|
<img src="https://coverartarchive.org/release-group/{entry.mbid}/front"
|
|
alt="Cover"
|
|
width="48" height="48"
|
|
style="width:48px;height:48px;object-fit:cover;border-radius:6px"
|
|
loading="lazy"
|
|
onerror="this.src='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22><rect width=%2248%22 height=%2248%22 fill=%22%23333%22/><text x=%2224%22 y=%2230%22 text-anchor=%22middle%22 fill=%22%23999%22 font-size=%2210%22>No Art</text></svg>'">
|
|
</a>
|
|
</td>
|
|
<td class="font-medium">{entry.artistName}</td>
|
|
<td>
|
|
<a href="https://musicbrainz.org/release-group/{entry.mbid}"
|
|
target="_blank" rel="noopener noreferrer"
|
|
class="link link-hover">
|
|
{entry.title}
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<span class="badge badge-outline badge-sm">{entry.primaryType}</span>
|
|
</td>
|
|
<td class="text-sm text-base-content/60">{entry.firstReleaseDate}</td>
|
|
</tr>
|
|
{/for}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{/if}
|