From 3fcf2ca0c26f62ca28bae14dc62dfdf86d406e60 Mon Sep 17 00:00:00 2001 From: Terry Geng Date: Sun, 8 Mar 2020 21:28:45 +0800 Subject: [PATCH] feat: reverse the color of play mode button --- templates/index.html | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/templates/index.html b/templates/index.html index 9417db4..e223dcc 100644 --- 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); } } -- 2.39.2