webui: Change log toggle icons opacity according to toggle status

2 files changed, 10 insertions, 4 deletions

diff --git a/fg21sim/webui/static/js/console.js b/fg21sim/webui/static/js/console.js
index 14e0ad7..3dfd8b0 100644
--- a/fg21sim/webui/static/js/console.js
+++ b/fg21sim/webui/static/js/console.js
@@ -115,6 +115,7 @@ var toggleLogMessages = function (level) {
     logbox.data(level, status);
     console.log("Toggled", level, "logging messages:",
                 status ? "show" : "hide");
+    return status;
   }
 };
 
diff --git a/fg21sim/webui/static/js/websocket.js b/fg21sim/webui/static/js/websocket.js
index 0fcf98e..1d739ae 100644
--- a/fg21sim/webui/static/js/websocket.js
+++ b/fg21sim/webui/static/js/websocket.js
@@ -239,19 +239,24 @@ $(document).ready(function () {
 
     /* Logging messages controls */
     $("#log-toggle-debug").on("click", function () {
-      toggleLogMessages("debug");
+      var status = toggleLogMessages("debug");
+      $(this).fadeTo("fast", status ? 1.0 : 0.5);
     });
     $("#log-toggle-info").on("click", function () {
-      toggleLogMessages("info");
+      var status = toggleLogMessages("info");
+      $(this).fadeTo("fast", status ? 1.0 : 0.5);
     });
     $("#log-toggle-warning").on("click", function () {
-      toggleLogMessages("warning");
+      var status = toggleLogMessages("warning");
+      $(this).fadeTo("fast", status ? 1.0 : 0.5);
     });
     $("#log-toggle-error").on("click", function () {
-      toggleLogMessages("error");
+      var status = toggleLogMessages("error");
       toggleLogMessages("critical");
+      $(this).fadeTo("fast", status ? 1.0 : 0.5);
     });
     $("#log-delete").on("click", function () {
+      // TODO: add a confirmation dialog
       deleteLogMessages();
     });