phillip/karaoqueue
1
0
Fork 0
mirror of https://github.com/PhoenixTwoFive/karaoqueue.git synced 2025-05-19 02:51:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add song year to detail view

Browse Source
This commit is contained in:
Phillip Kühne 2023-10-04 12:48:50 +00:00
parent 37990e596c
commit e7d9816010
Signed by: phillip
GPG Key ID: E4C1C4D2F90902AA
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
backend/templates/songlist.html
View File

@ -11,7 +11,7 @@
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <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"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
@ -20,7 +20,7 @@
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h5 id="songTitle"></h5> <h5 id="songTitle"></h5>
<p id="songArtist"></p> <p><span id="songArtist"></span>&nbsp;<span id="songYear"></span></p>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -101,12 +101,17 @@
} }
function setSelectedId(id) { function setSelectedId(id) {
$("#songArtist").html("");
$("#songTitle").html("");
$("#songYear").html("");
$("#indicators")[0].innerHTML = "";
$("#selectedId").attr("value", id); $("#selectedId").attr("value", id);
$.getJSON("/api/songs/details/" + id, function (data) { $.getJSON("/api/songs/details/" + id, function (data) {
console.log(data); console.log(data);
$("#songTitle").html(data["title"]); $("#songTitle").html(data["title"]);
$("#songArtist").html(data["artist"]); $("#songArtist").html(data["artist"]);
$("#songYear").html(data["year"]);
$("#indicators")[0].innerHTML = ""; $("#indicators")[0].innerHTML = "";
let duoindicator_badge = document.createElement("span"); let duoindicator_badge = document.createElement("span");