Highlight the active container in the list

sdr-enthusiasts · Aug 13, 2023 · d9d697b · d9d697b
1 parent a419ea5
commit d9d697b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/rootfs/monitor-hub/static/css/index.css b/rootfs/monitor-hub/static/css/index.css
@@ -33,6 +33,10 @@ body {
   flex-grow: 1;
 }
 
+.selected {
+  color: var(--text-highlight);
+}
+
 li:hover {
   cursor: pointer;
   color: var(--text-highlight);

diff --git a/src/index.ts b/src/index.ts
@@ -75,6 +75,15 @@ function show_logs(name: any) {
   // clear the log list
   $("#container-logs").empty();
 
+  // loop through all of the li elements and remove the class "selected" and append the class "selected" if the id matches the name
+  $("#container-list li").each(function () {
+    if ($(this).attr("id") == name) {
+      $(this).addClass("selected");
+    } else {
+      $(this).removeClass("selected");
+    }
+  });
+
   let logs = containers[name].logs;
 
   // add the logs to the page