Removed non-jinja support

2023-08-10 21:12:55 +03:00 · 2020-08-30 18:56:28 +02:00
parent 65861d4c41
commit a5edc113c8
40 changed files with 15 additions and 692 deletions
--- a/maloja/web/static/js/manualscrobble.js
+++ b/maloja/web/static/js/manualscrobble.js
@@ -0,0 +1,149 @@
+var lastArtists = []
+var lastTrack = ""
+
+
+function addArtist(artist) {
+	var newartistfield = document.getElementById("artists");
+	var artistelement = document.createElement("span");
+	artistelement.innerHTML = artist;
+	artistelement.style = "padding:5px;";
+	document.getElementById("artists_td").insertBefore(artistelement,newartistfield);
+	newartistfield.placeholder = "Backspace to remove last"
+}
+
+function keyDetect(event) {
+	if (event.key === "Enter" || event.key === "Tab") { addEnteredArtist() }
+	if (event.key === "Backspace" && document.getElementById("artists").value == "") { removeArtist() }
+}
+
+function addEnteredArtist() {
+	var newartistfield = document.getElementById("artists");
+	var newartist = newartistfield.value.trim();
+	newartistfield.value = "";
+	if (newartist != "") {
+		addArtist(newartist);
+	}
+}
+function removeArtist() {
+	var artists = document.getElementById("artists_td").getElementsByTagName("span")
+	var lastartist = artists[artists.length-1]
+	document.getElementById("artists_td").removeChild(lastartist);
+	if (artists.length < 1) {
+		document.getElementById("artists").placeholder = "Separate with Enter"
+	}
+}
+
+function clear() {
+	document.getElementById("title").value = "";
+	document.getElementById("artists").value = "";
+	var artists = document.getElementById("artists_td").getElementsByTagName("span")
+	while (artists.length > 0) {
+			removeArtist();
+	}
+}
+
+
+function scrobbleIfEnter(event) {
+	if (event.key === "Enter") {
+		scrobbleNew()
+	}
+}
+
+function scrobbleNew() {
+	var artistnodes = document.getElementById("artists_td").getElementsByTagName("span");
+	var artists = [];
+	for (let node of artistnodes) {
+		artists.push(node.innerHTML);
+	}
+	var title = document.getElementById("title").value;
+	scrobble(artists,title);
+}
+
+function scrobble(artists,title) {
+
+	lastArtists = artists;
+	lastTrack = title;
+
+
+	var artist = artists.join(";");
+
+	if (title != "" && artists.length > 0) {
+		xhttp = new XMLHttpRequest();
+		xhttp.onreadystatechange = scrobbledone
+		xhttp.open("GET","/api/newscrobble?artist=" + encodeURIComponent(artist) +
+			"&title=" + encodeURIComponent(title), true);
+		xhttp.send();
+	}
+
+	document.getElementById("title").value = "";
+	document.getElementById("artists").value = "";
+	var artists = document.getElementById("artists_td").getElementsByTagName("span");
+	while (artists.length > 0) {
+			removeArtist();
+	}
+}
+
+function scrobbledone() {
+	if (this.readyState == 4 && this.status == 200) {
+		result = JSON.parse(this.responseText);
+		txt = result["track"]["title"] + " by " + result["track"]["artists"][0];
+		if (result["track"]["artists"].length > 1) {
+			txt += " et al.";
+		}
+		document.getElementById("notification").innerHTML = "Scrobbled " + txt + "!";
+	}
+
+}
+
+function repeatLast() {
+	clear();
+	for (let artist of lastArtists) {
+		addArtist(artist);
+	}
+	document.getElementById("title").value = lastTrack;
+}
+
+
+
+///
+// SEARCH
+///
+
+function search_manualscrobbling(searchfield) {
+	var txt = searchfield.value;
+	if (txt == "") {
+
+	}
+	else {
+		xhttp = new XMLHttpRequest();
+		xhttp.onreadystatechange = searchresult_manualscrobbling;
+		xhttp.open("GET","/api/search?max=5&query=" + encodeURIComponent(txt), true);
+		xhttp.send();
+	}
+}
+function searchresult_manualscrobbling() {
+	if (this.readyState == 4 && this.status == 200) {
+		document.getElementById("searchresults").innerHTML = "";
+		result = JSON.parse(this.responseText);
+		tracks = result["tracks"].slice(0,10);
+		console.log(tracks);
+		for (let t of tracks) {
+			track = document.createElement("span");
+			trackstr = t["artists"].join(", ") + " - " + t["title"];
+			tracklink = t["link"];
+			track.innerHTML = "<a href='" + tracklink + "'>" +  trackstr + "</a>";
+			row = document.createElement("tr")
+			col1 = document.createElement("td")
+			col1.className = "button"
+			col1.innerHTML = "Scrobble!"
+			col1.onclick = function(){ scrobble(t["artists"],t["title"])};
+			col2 = document.createElement("td")
+			row.appendChild(col1)
+			row.appendChild(col2)
+			col2.appendChild(track)
+			document.getElementById("searchresults").appendChild(row);
+		}
+
+
+	}
+}