weee

web/templates/partials/cards.html

@@ -8,7 +8,7 @@
 
 {{define "artist_card"}}
 <a href="/artists/{{.ID}}" class="vs-card">
-  <img class="vs-card-art" style="border-radius:50%;" src="/static/img/default-art.svg" alt="" loading="lazy">
+  <img class="vs-card-art" style="border-radius:50%;" src="{{if .CoverArtID}}/cover-art/{{.CoverArtID}}?size=300{{else}}/static/img/default-art.svg{{end}}" alt="" loading="lazy">
   <div class="vs-card-title">{{.Name}}</div>
 </a>
 {{end}}
@@ -26,11 +26,17 @@
           data-cover="{{$s.CoverArtID}}"
           data-starred="{{if $s.Starred}}1{{else}}0{{end}}">
         <td class="vs-track-num">{{if $s.TrackNumber}}{{$s.TrackNumber}}{{else}}{{add $i 1}}{{end}}</td>
+        <td class="vs-song-art-cell">
+          <img class="vs-song-art" src="{{if $s.CoverArtID}}/cover-art/{{$s.CoverArtID}}?size=80{{else}}/static/img/default-art.svg{{end}}" alt="" loading="lazy">
+        </td>
         <td>
           <div class="fw-semibold">{{$s.Title}}</div>
           {{if $s.AlbumTitle}}<div class="text-secondary small">{{$s.ArtistName}} — {{$s.AlbumTitle}}</div>{{else}}<div class="text-secondary small">{{$s.ArtistName}}</div>{{end}}
         </td>
-        <td class="text-end text-secondary small">{{fmtDuration $s.DurationSeconds}}</td>
+        <td class="text-end text-secondary small">
+          {{fmtDuration $s.DurationSeconds}}
+          {{if $s.IsAdmin}}<a href="/admin/songs/{{$s.ID}}/edit" title="Edit song" class="text-secondary ms-2"><i class="bi bi-pencil"></i></a>{{end}}
+        </td>
       </tr>
       {{end}}
     </tbody>

web/templates/partials/header.html

@@ -19,7 +19,7 @@
   </script>
 </head>
 <body>
-<script>window.vsCSRFToken = {{.CSRFToken}};</script>
+<script data-vs-csrf="{{.CSRFToken}}">window.vsCSRFToken = {{.CSRFToken}};</script>
 <header class="vs-topbar d-flex align-items-center justify-content-between">
   <a href="/" class="vs-brand d-flex align-items-center gap-2">
     <i class="bi bi-vinyl-fill"></i>