admin/components/tracks/edittracks.html

@@ -3,20 +3,20 @@
         <h2>Editing: Tracks</h2>
         <a id="add-track"
            class="button new"
-           href="/admin/release/{{.Release.ID}}/addtrack"
-           hx-get="/admin/release/{{.Release.ID}}/addtrack"
+           href="/admin/release/{{.ID}}/addtrack"
+           hx-get="/admin/release/{{.ID}}/addtrack"
            hx-target="body"
            hx-swap="beforeend"
         >Add</a>
     </header>
 
-    <form action="/api/v1/music/{{.Release.ID}}/tracks">
+    <form action="/api/v1/music/{{.ID}}/tracks">
         <ul>
-            {{range $i, $track := .Release.Tracks}}
+            {{range $i, $track := .Tracks}}
             <li class="track" data-track="{{$track.ID}}" data-title="{{$track.Title}}" data-number="{{$track.Add $i 1}}" draggable="true">
                 <div>
                     <p class="track-name">
-                        <span class="track-number">{{.Add $i 1}}</span>
+                        <span class="track-number">{{$track.Add $i 1}}</span>
                         {{$track.Title}}
                     </p>
                     <a class="delete">Delete</a>

admin/releasehttp.go

@@ -145,16 +145,7 @@ func serveEditLinks(release *model.Release) http.Handler {
 func serveEditTracks(release *model.Release) http.Handler {
     return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
         w.Header().Set("Content-Type", "text/html")
-
-        type editTracksData struct {
-            Release *model.Release
-            Add func(a int, b int) int
-        }
-
-        err := components["edittracks"].Execute(w, editTracksData{
-            Release: release,
-            Add: func(a, b int) int { return a + b },
-        })
+        err := components["edittracks"].Execute(w, release)
         if err != nil {
             fmt.Printf("Error rendering edit tracks component for %s: %s\n", release.ID, err)
             http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)

admin/static/admin.css

@@ -206,13 +206,13 @@ form {
     width: 100%;
     display: block;
 }
-form label {
+label {
     width: 100%;
     margin: 1rem 0 .5rem 0;
     display: block;
     color: #10101080;
 }
-form input {
+input {
     margin: .5rem 0;
     padding: .3rem .5rem;
     display: block;

admin/static/edit-account.css

@@ -5,11 +5,10 @@ div.card {
 }
 
 label {
-    width: auto;
-    margin: 0;
-    display: flex;
-    align-items: center;
-    color: inherit;
+    width: 100%;
+    margin: 1rem 0 .5rem 0;
+    display: block;
+    color: #10101080;
 }
 input {
     width: min(20rem, calc(100% - 1rem));

admin/static/edit-release.css

@@ -228,14 +228,12 @@ dialog div.dialog-actions {
 }
 
 #editcredits .credit .credit-info .credit-attribute label {
-    width: auto;
-    margin: 0;
     display: flex;
     align-items: center;
 }
 
 #editcredits .credit .credit-info .credit-attribute input[type="text"] {
-    margin: 0 0 0 .25em;
+    margin-left: .25em;
     padding: .2em .4em;
     flex-grow: 1;
     font-family: inherit;
@@ -243,9 +241,6 @@ dialog div.dialog-actions {
     border-radius: 4px;
     color: inherit;
 }
-#editcredits .credit .credit-info .credit-attribute input[type="checkbox"] {
-    margin: 0 .3em;
-}
 
 #editcredits .credit .artist-name {
     font-weight: bold;
@@ -374,10 +369,8 @@ dialog div.dialog-actions {
 #editlinks td input[type="text"] {
     width: calc(100% - .6em);
     height: 100%;
-    margin: 0;
     padding: 0 .3em;
     border: none;
-    border-radius: 0;
     outline: none;
     cursor: pointer;
     background: none;

model/track.go

@@ -12,8 +12,6 @@ type (
 		Description string  `json:"description"`
         Lyrics      string  `json:"lyrics" db:"lyrics"`
 		PreviewURL  string  `json:"previewURL" db:"preview_url"`
-
-        Number      int
 	}
 )