hulthe/stl
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Toggle bump buttona via JS

Browse Source
This commit is contained in:
Joakim Hulthe
2021-05-02 10:33:14 +02:00
parent 766fd30842
commit 8066862c8a
7 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
server/templates/index.hbs
View File

@ -14,17 +14,21 @@
function toggle_category(id) {
// Find out whether the button is in active (play) or inactive (paused) state
let toggled_class = "category_button_toggled";
let cl = document.getElementById("toggle-button-" + id).classList;
let active = cl.contains(toggled_class);
let display_none_class = "display_none";
let toggle_cl = document.getElementById("toggle-button-" + id).classList;
let bump_cl = document.getElementById("bump-button-" + id).classList;
let active = toggle_cl.contains(toggled_class);
// Get the corresponding route to activate/inactivate the category
let url;
if(active) {
url = "/api/category/" + id + "/end_session";
cl.remove(toggled_class);
toggle_cl.remove(toggled_class);
bump_cl.add(display_none_class);
} else {
url = "/api/category/" + id + "/start_session";
cl.add(toggled_class);
toggle_cl.add(toggled_class);
bump_cl.remove(display_none_class);
}
//var params = "lorem=ipsum&name=alpha";
@ -36,8 +40,10 @@
xhr.onreadystatechange = function() {
if(xhr.readyState === XMLHttpRequest.DONE) {
console.log(xhr.status, xhr.responseText);
document.location.reload(false /* don't reset scroll position */);
if(xhr.status != 200) {
console.error("xhr error", xhr.status, xhr.responseText);
document.location.reload(false /* don't reset scroll position */);
}
}
};