Enhance log display behavior and menu state management

html/js/menu_ts.js

@@ -895,9 +895,28 @@ function setActiveMenu(menuID) {
         items[i].removeAttribute("aria-current");
     }
     var activeItem = document.getElementById(ACTIVE_MENU_ID);
+    var activeMenuKey = "";
     if (activeItem != null) {
         activeItem.classList.add("menu-active");
         activeItem.setAttribute("aria-current", "page");
+        var menuKeyValue = activeItem.getAttribute("data-menu");
+        if (menuKeyValue != null) {
+            activeMenuKey = menuKeyValue;
+        }
+    }
+    if (document.body != null) {
+        if (activeMenuKey.length > 0) {
+            document.body.setAttribute("data-active-menu", activeMenuKey);
+        }
+        else {
+            document.body.removeAttribute("data-active-menu");
+        }
+        if (activeMenuKey == "log") {
+            document.body.classList.add("menu-log-focus");
+        }
+        else {
+            document.body.classList.remove("menu-log-focus");
+        }
     }
 }
 function renderStatusCards() {
@@ -989,6 +1008,9 @@ function PageReady() {
         calculateWrapperHeight();
     }, true);
     setInterval(function () {
+        if (document.hidden == true) {
+            return;
+        }
         updateLog();
     }, 10000);
     return;