From e7d9816010a12c3ef01cb985c26a786a0f3207f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Phillip=20K=C3=BChne?= <mail@phillipkuehne.de>
Date: Wed, 4 Oct 2023 12:48:50 +0000
Subject: [PATCH] Add song year to detail view

---
 backend/templates/songlist.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/backend/templates/songlist.html b/backend/templates/songlist.html
index 1030c34..54c0346 100644
--- a/backend/templates/songlist.html
+++ b/backend/templates/songlist.html
@@ -11,7 +11,7 @@
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="exampleModalLabel">Auf Liste setzen</h5>
+                <h5 class="modal-title" id="exampleModalLabel">Auf die Liste setzen</h5>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
@@ -20,7 +20,7 @@
                 <div class="row">
                     <div class="col">
                         <h5 id="songTitle"></h5>
-                        <p id="songArtist"></p>
+                        <p><span id="songArtist"></span>&nbsp;<span id="songYear"></span></p>
                     </div>
                 </div>
                 <div class="row">
@@ -101,12 +101,17 @@
     }
 
     function setSelectedId(id) {
+        $("#songArtist").html("");
+        $("#songTitle").html("");
+        $("#songYear").html("");
+        $("#indicators")[0].innerHTML = "";
+
         $("#selectedId").attr("value", id);
         $.getJSON("/api/songs/details/" + id, function (data) {
             console.log(data);
             $("#songTitle").html(data["title"]);
             $("#songArtist").html(data["artist"]);
-
+            $("#songYear").html(data["year"]);
             $("#indicators")[0].innerHTML = "";
 
             let duoindicator_badge = document.createElement("span");