more admin dashboard polish, some code cleanup

admin/templates/html/components/track/edittracks.html

@@ -12,12 +12,12 @@
 
     <form action="/api/v1/music/{{.Release.ID}}/tracks">
         <ul>
-            {{range $i, $track := .Release.Tracks}}
-            <li class="track" data-track="{{$track.ID}}" data-title="{{$track.Title}}" data-number="{{$track.Add $i 1}}" draggable="true">
+            {{range .Release.Tracks}}
+            <li class="track" data-track="{{.ID}}" data-title="{{.Title}}" data-number="{{.Number}}" draggable="true">
                 <div>
                     <p class="track-name">
-                        <span class="track-number">{{.Add $i 1}}</span>
-                        {{$track.Title}}
+                        <span class="track-number">{{.Number}}</span>
+                        {{.Title}}
                     </p>
                     <a class="delete">Delete</a>
                 </div>
@@ -49,7 +49,6 @@
 
                 deleteBtn.addEventListener("click", e => {
                     e.preventDefault();
-                    if (!confirm("Are you sure you want to remove " + trackTitle + "?")) return;
                     trackItem.remove();
                     refreshTrackNumbers();
                 });

admin/templates/html/edit-release.html

@@ -100,7 +100,7 @@
         </div>
     </div>
 
-    <div class="card" id="credits">
+    <div id="credits" class="card">
         <div class="card-header">
             <h2>Credits <small>({{len .Release.Credits}} total)</small></h2>
             <a class="button edit"
@@ -110,6 +110,7 @@
                hx-swap="beforeend"
                >Edit</a>
         </div>
+
         {{range .Release.Credits}}
         <div class="credit">
             <img src="{{.Artist.GetAvatar}}" alt="" width="64" loading="lazy" class="artist-avatar">
@@ -125,13 +126,13 @@
         </div>       
         {{end}}
         {{if not .Release.Credits}}
-        <p>There are no credits.</p>
+        <p>This release has no credits.</p>
         {{end}}
     </div>
 
-    <div class="card" id="links">
+    <div id="links" class="card">
         <div class="card-header">
-            <h2>Links ({{len .Release.Links}})</h2>
+            <h2>Links <small>({{len .Release.Links}} total)</small></h2>
             <a class="button edit"
                href="/admin/releases/{{.Release.ID}}/editlinks"
                hx-get="/admin/releases/{{.Release.ID}}/editlinks"
@@ -139,16 +140,21 @@
                hx-swap="beforeend"
                >Edit</a>
         </div>
+
+        {{if .Release.Links}}
         <ul>
             {{range .Release.Links}}
             <a href="{{.URL}}" target="_blank" class="button" data-name="{{.Name}}">{{.Name}} <img class="icon" src="/img/external-link.svg"/></a>
             {{end}}
         </ul>
+        {{else}}
+        <p>This release has no links.</p>
+        {{end}}
     </div>
 
-    <div class="card" id="tracks">
-        <div class="card-header" id="tracks">
-            <h2>Tracklist ({{len .Release.Tracks}})</h2>
+    <div id="tracks" class="card">
+        <div class="card-header">
+            <h2>Tracks <small>({{len .Release.Tracks}} total)</small></h2>
             <a class="button edit"
                href="/admin/releases/{{.Release.ID}}/edittracks"
                hx-get="/admin/releases/{{.Release.ID}}/edittracks"
@@ -156,9 +162,13 @@
                hx-swap="beforeend"
                >Edit</a>
         </div>
-        {{range $i, $track := .Release.Tracks}}
+
+        {{range .Release.Tracks}}
         {{block "track" .}}{{end}}
         {{end}}
+        {{if not .Release.Tracks}}
+        <p>This release has no tracks.</p>
+        {{end}}
     </div>
 
     <div class="card" id="danger">

admin/templates/html/index.html

@@ -56,6 +56,7 @@
 
 </main>
 
+<script type="module" src="/admin/static/releases.js"></script>
 <script type="module" src="/admin/static/artists.js"></script>
-<script type="module" src="/admin/static/index.js"></script>
+<script type="module" src="/admin/static/tracks.js"></script>
 {{end}}

admin/templates/html/releases.html

@@ -21,4 +21,6 @@
     <p>There are no releases.</p>
     {{end}}
 </main>
+
+<script type="module" src="/admin/static/releases.js"></script>
 {{end}}

admin/templates/html/tracks.html

@@ -12,22 +12,8 @@
     </header>
         
     <div id="tracks">
-        {{range $Track := .Tracks}}
-        <div class="track">
-            <h2 class="track-title">
-                <a href="/admin/tracks/{{$Track.ID}}">{{$Track.Title}}</a>
-            </h2>
-            {{if $Track.Description}}
-            <p class="track-description">{{$Track.GetDescriptionHTML}}</p>
-            {{else}}
-            <p class="track-description empty">No description provided.</p>
-            {{end}}
-            {{if $Track.Lyrics}}
-            <p class="track-lyrics">{{$Track.GetLyricsHTML}}</p>
-            {{else}}
-            <p class="track-lyrics empty">There are no lyrics.</p>
-            {{end}}
-        </div>       
+        {{range .Tracks}}
+        {{block "track" .}}{{end}}
         {{end}}
     </div>
 </main>