From: 2weiEmu <saalbach.robert@outlook.de>
Date: Thu, 21 May 2026 15:19:58 +0000 (+0200)
Subject: started: more frontend work
X-Git-Url: https://git.saalbach.dev/?a=commitdiff_plain;h=fb0f9c97ecf156d1ad191153f46b5535713bb085;p=binbsis50-sm.git

started: more frontend work
---

diff --git a/public/index.html b/public/index.html
index 3c1333d..221578d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,6 +14,8 @@
 			<h1><u>Song List</u></h1>
 
 			<input id="songFilterInput"></input>
+			<input id="songFilterArtist"></input>
+			<button id="" onclick="getSongList()">Update Songs</button>
 			<div id="innerSongList">
 
 			</div>
diff --git a/public/js/index.js b/public/js/index.js
index ad72436..ea98888 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -1,17 +1,43 @@
 let songList = []
+let innerSongList = document.getElementById("innerSongList")
+
 
 /**
- * Get all the songs
+ * MAIN SONG ELEMENT
  **/
-async function getSongList() {
+/*
+<div songId="[ID OF SONG (just number)]" id="SONG:XX" class="songElement">
+	<p>✅</p> // or false
+	<p>SONG NAME</p> BY
+	<p>ARTIST NAME</p>
+	<img></img> // HERE WOULD GO THE IMAGE
+	<button>EDIT</button>
+	<p>ID: []</p>
+</div>
+*/
+function NewSongElement(exists, songName, artistName, imageUrl, id) {
 
-	
 }
 
 
 /**
- * MAIN SONG ELEMENT
+ * Get all the songs
  **/
+async function getSongList() {
+	// Empty the List
+	innerSongList.innerHTML = ""
+
+	fetch("/api/songs/get", {'Accept': 'application/json', 'Content-type': 'application/json'}).then(async (response) => {
+		body = await response.json()
+		console.log(body)
+
+		for (let i = 0; i < body.length; i++) {
+		}
+
+		// using the elements in the body, create all the new songs in the list
+	})
+}
+
 
 
 /**
@@ -24,6 +50,7 @@ let songFilterInput = document.getElementById("songFilterInput")
 
 
 // ==============================================================
+/*
 let AllSongs = null
 let AllFilenames = null
 let currentEditSong = null
@@ -294,3 +321,4 @@ editArtworkUrl60.addEventListener("focusout", closeIfNotInEditor)
 editArtworkUrl100.addEventListener("focusout", closeIfNotInEditor)
 editDisplayArtistNames.addEventListener("focusout", closeIfNotInEditor)
 
+*/
diff --git a/songmanager b/songmanager
index e6ee821..46ec438 100755
Binary files a/songmanager and b/songmanager differ