my god...it's finally done

admin/views/edit-artist.html

@@ -0,0 +1,72 @@
+{{define "head"}}
+<title>Editing {{.Name}} - ari melody 💫</title>
+
+<link rel="stylesheet" href="/admin/static/edit-artist.css">
+{{end}}
+
+{{define "content"}}
+<main>
+    <h1>Editing Artist</h1>
+        
+    <div id="artist" data-id="{{.ID}}">
+        <div class="artist-avatar">
+            <img src="{{.Avatar}}" alt="" width="256" loading="lazy" id="avatar">
+            <input type="file" id="avatar-file" name="Artwork" accept=".png,.jpg,.jpeg" hidden>
+            <button id="remove-avatar">Remove</button>
+        </div>
+        <div class="artist-info">
+            <p class="attribute-header">Name</p>
+            <h2 class="artist-name">
+                <input type="text" id="name" name="artist-name" value="{{.Name}}">
+            </h2>
+
+            <p class="attribute-header">Website</p>
+            <input type="text" id="website" name="website" value="{{.Website}}">
+
+            <div class="artist-actions">
+                <button type="submit" class="save" id="save" disabled>Save</button>
+            </div>
+        </div>
+    </div>
+
+    <div class="card-title">
+        <h2>Featured in</h2>
+    </div>
+    <div class="card releases">
+        {{if .Credits}}
+        {{range .Credits}}
+        <div class="credit">
+            <img src="{{.Release.Artwork}}" alt="" width="64" loading="lazy" class="release-artwork">
+            <div class="credit-info">
+                <h3 class="credit-name"><a href="/admin/release/{{.Release.ID}}">{{.Release.Title}}</a></h3>
+                <p class="credit-artists">{{.Release.PrintArtists true true}}</p>
+                <p class="artist-role">
+                Role: {{.Role}}
+                {{if .Primary}}
+                <small>(Primary)</small>
+                {{end}}
+                </p>
+            </div>
+        </div>
+        {{end}}
+        {{else}}
+        <p>This artist has no credits.</p>
+        {{end}}
+    </div>
+
+    <div class="card-title">
+        <h2>Danger Zone</h2>
+    </div>
+    <div class="card danger">
+        <p>
+        Clicking the button below will delete this artist.
+        This action is <strong>irreversible</strong>.
+        You will be prompted to confirm this decision.
+        </p>
+        <button class="delete" id="delete">Delete Artist</button>
+    </div>
+
+</main>
+
+<script type="module" src="/admin/static/edit-artist.js" defer></script>
+{{end}}

admin/views/edit-release.html

@@ -112,7 +112,7 @@
         <div class="credit">
             <img src="{{.Artist.GetAvatar}}" alt="" width="64" loading="lazy" class="artist-avatar">
             <div class="credit-info">
-                <p class="artist-name"><a href="/admin/artists/{{.Artist.ID}}">{{.Artist.Name}}</a></p>
+                <p class="artist-name"><a href="/admin/artist/{{.Artist.ID}}">{{.Artist.Name}}</a></p>
                 <p class="artist-role">
                 {{.Role}}
                 {{if .Primary}}
@@ -152,23 +152,23 @@
            >Edit</a>
     </div>
     <div class="card tracks">
-        {{range .Tracks}}
-        <div class="track" data-id="{{.ID}}">
+        {{range $i, $track := .Tracks}}
+        <div class="track" data-id="{{$track.ID}}">
             <h2 class="track-title">
-                <span class="track-number">{{.Number}}</span>
-                <a href="/admin/track/{{.ID}}">{{.Title}}</a>
+                <span class="track-number">{{.Add $i 1}}</span>
+                <a href="/admin/track/{{$track.ID}}">{{$track.Title}}</a>
             </h2>
 
             <h3>Description</h3>
-            {{if .Description}}
-            <p class="track-description">{{.Description}}</p>
+            {{if $track.Description}}
+            <p class="track-description">{{$track.GetDescriptionHTML}}</p>
             {{else}}
             <p class="track-description empty">No description provided.</p>
             {{end}}
 
             <h3>Lyrics</h3>
-            {{if .Lyrics}}
-            <p class="track-lyrics">{{.Lyrics}}</p>
+            {{if $track.Lyrics}}
+            <p class="track-lyrics">{{$track.GetLyricsHTML}}</p>
             {{else}}
             <p class="track-lyrics empty">There are no lyrics.</p>
             {{end}}

admin/views/index.html

@@ -22,13 +22,13 @@
 
     <div class="card-title">
         <h1>Artists</h1>
-        <a class="create-btn">Create New</a>
+        <a class="create-btn" id="create-artist">Create New</a>
     </div>
     <div class="card artists">
         {{range $Artist := .Artists}}
         <div class="artist">
             <img src="{{$Artist.GetAvatar}}" alt="" width="64" loading="lazy" class="artist-avatar">
-            <a href="/admin/artists/{{$Artist.ID}}" class="artist-name">{{$Artist.Name}}</a>
+            <a href="/admin/artist/{{$Artist.ID}}" class="artist-name">{{$Artist.Name}}</a>
         </div>       
         {{end}}
         {{if not .Artists}}
@@ -49,12 +49,12 @@
                 <a href="/admin/track/{{$Track.ID}}">{{$Track.Title}}</a>
             </h2>
             {{if $Track.Description}}
-            <p class="track-description">{{$Track.Description}}</p>
+            <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.Lyrics}}</p>
+            <p class="track-lyrics">{{$Track.GetLyricsHTML}}</p>
             {{else}}
             <p class="track-lyrics empty">There are no lyrics.</p>
             {{end}}