Show loading indicator

Also prevent the browser from actually going to `#` when clicked.
This commit is contained in:
Mcat12
2016-12-03 18:29:25 -05:00
parent c3b78e8ef6
commit a4c01a554c
+6 -2
View File
@@ -9,12 +9,15 @@ $("body").on("click", function(event) {
});
// Enable/Disable
$("#flip-status").on("click", () => {
$("#flip-status").on("click", (e) => {
e.preventDefault();
const btnStatus = $("#flip-status");
const status = $("#status");
const text = btnStatus.text().trim();
switch(btnStatus.text().trim()) {
switch(text) {
case "Enable":
btnStatus.html("<i class='fa fa-spinner'></i> <span>Enabling...</span>");
$.getJSON("api.php?enable", (data) => {
if(data.status === "enabled") {
btnStatus.html("<i class='fa fa-stop'></i> <span>Disable</span>");
@@ -23,6 +26,7 @@ $("#flip-status").on("click", () => {
});
break;
case "Disable":
btnStatus.html("<i class='fa fa-spinner'></i> <span>Disabling...</span>");
$.getJSON("api.php?disable", (data) => {
if(data.status === "disabled") {
btnStatus.html("<i class='fa fa-play'></i> <span>Enable</span>");