feat: reverse the color of play mode button

diff --git a/templates/index.html b/templates/index.html
index 9417db444bcc99c2da0735c3642bb1e93e5cb7c9..e223dccc5ce7f4c5a474d162262855ca282d2922 100644 (file)
--- a/templates/index.html
+++ b/templates/index.html
@@ -410,25 +410,25 @@
                 }
             }
             if(mode === "one-shot"){
-                $("#oneshot-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", true);
-                $("#repeat-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
-                $("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
-                $("#autoplay-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
+                $("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", true);
+                $("#repeat-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
+                $("#random-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
+                $("#autoplay-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
             }else if(mode === "repeat"){
-                $("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
-                $("#repeat-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", true);
-                $("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
-                $("#autoplay-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", true);
+                $("#random-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
+                $("#autoplay-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
             }else if(mode === "random"){
-                $("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
-                $("#repeat-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
-                $("#random-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false); // This is a feature.
-                $("#autoplay-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", false);
+                $("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false); // This is a feature.
+                $("#autoplay-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
             }else if(mode === "autoplay"){
-                $("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
-                $("#repeat-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
-                $("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
-                $("#autoplay-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", true);
+                $("#oneshot-btn").removeClass("btn-primary").addClass("btn-secondary").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);
+                $("#autoplay-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", true);
             }
 
         }