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

Refactor toggle_category into (dis)activate

Browse Source
This commit is contained in:
Joakim Hulthe
2020-10-28 00:34:35 +01:00
parent 11aa131186
commit e8edaa9acb
3 changed files with 37 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
templates/index.hbs
View File

@ -12,7 +12,21 @@
<title>stl</title>
<script>
function toggle_category(id) {
var url = "/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("button-" + id).classList;
let active = cl.contains(toggled_class);
// Get the corresponding route to activate/inactivate the category
let url;
if(active) {
url = "/set_category/" + id + "/inactive";
cl.remove(toggled_class);
} else {
url = "/set_category/" + id + "/active";
cl.add(toggled_class);
}
//var params = "lorem=ipsum&name=alpha";
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
@ -21,14 +35,6 @@
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send();
let toggled_class = "category_button_toggled";
let cl = document.getElementById("button-" + id).classList;
if(cl.contains(toggled_class)) {
cl.remove(toggled_class);
} else {
cl.add(toggled_class);
}
}
</script>
</head>