feat: add deletion of songs from playlist

Author: MonstraG

infrastructure/setup/app.go

@@ -96,6 +96,7 @@ func (app *App) MapRoutes() {
 	var playerController = player.NewController(app.Config, app.Db)
 	app.handleFunc("GET /player", authRequired(playerController.GetPlayer))
 	app.handleFunc("POST /addSong/{path...}", authRequired(playerController.AddSong))
+	app.handleFunc("DELETE /removeSong/{id}", authRequired(playerController.RemoveSong))
 	app.handleFunc("POST /reportSongDuration/{queuedSongId}", authRequired(playerController.ReportSongDuration))
 
 	app.handleFunc("GET /public/{path...}", pages.PublicHandler)

pages/player/GetPlayer.go

@@ -117,3 +117,16 @@ func (controller *Controller) ReportSongDuration(w reqRes.MyResponseWriter, r *r
 
 	w.Header().Set("HX-Trigger", "playerReloadEvent")
 }
+
+func (controller *Controller) RemoveSong(w reqRes.MyResponseWriter, r *reqRes.MyRequest) {
+	pathQueryParam := r.PathValue("id")
+
+	result := controller.db.Delete(&models.QueuedSong{}, pathQueryParam)
+	if result.Error != nil {
+		message := fmt.Sprintf("Failed to delete song from queue: \n%v", result.Error)
+		w.Error(message, http.StatusBadRequest)
+		return
+	}
+
+	controller.GetPlayer(w, r)
+}

pages/player/playerPartial.gohtml

@@ -17,6 +17,12 @@
 					<td class="align-start">
 						{{.Path}}
 					</td>
+					<td class="align-end short">
+						<button class="icon-button" hx-delete="/removeSong/{{.ID}}" hx-target="#player-partial"
+								hx-swap="outerHTML">
+							<img src="/public/icons/delete.svg" width="20" height="20" alt="Delete"/>
+						</button>
+					</td>
 				</tr>
 			{{end}}
 			</tbody>