storm/bragi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: reverse the color of play mode button

Browse Source
This commit is contained in:
Terry Geng 2020-03-08 21:28:45 +08:00
parent 22ba308b14
commit 3fcf2ca0c2
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
templates/index.html
View File

@ -410,25 +410,25 @@
} }
} }
if(mode === "one-shot"){ if(mode === "one-shot"){
$("#oneshot-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", true); $("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", true);
$("#repeat-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#repeat-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
$("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#random-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
$("#autoplay-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#autoplay-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
}else if(mode === "repeat"){ }else if(mode === "repeat"){
$("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#oneshot-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
$("#repeat-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", true); $("#repeat-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", true);
$("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#random-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
$("#autoplay-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#autoplay-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
}else if(mode === "random"){ }else if(mode === "random"){
$("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#oneshot-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
$("#repeat-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#repeat-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
$("#random-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false); // This is a feature. $("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); // This is a feature.
$("#autoplay-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#autoplay-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
}else if(mode === "autoplay"){ }else if(mode === "autoplay"){
$("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#oneshot-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
$("#repeat-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#repeat-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
$("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); $("#random-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
$("#autoplay-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", true); $("#autoplay-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", true);
} }
} }