auto open side menu when monitor settings is opened

web/assets/js/bs5.monitorSettings.js

@@ -1456,5 +1456,17 @@ editorForm.find('[name="type"]').change(function(e){
             break;
         }
     })
+    function checkToOpenSideMenu(){
+        if(isSideBarMenuCollapsed()){
+            sideMenuCollapsePoint.collapse('show')
+        }
+    }
+    addOnTabOpen('monitorSettings', checkToOpenSideMenu)
+    addOnTabReopen('monitorSettings', checkToOpenSideMenu)
+    addOnTabAway('monitorSettings', function(){
+        if(isSideBarMenuCollapsed()){
+            sideMenuCollapsePoint.collapse('hide')
+        }
+    })
     window.generateDefaultMonitorSettings = generateDefaultMonitorSettings
 })

web/assets/js/bs5.sideMenu.js

@@ -4,7 +4,6 @@ var pageTabContainer = $('#pageTabContainer')
 var topMenu = $('#topMenu')
 var monitorSideList = $('#monitorSideList')
 var sideMenuCollapsePoint = $('#side-menu-collapse-point')
-var isSideBarMenuCollapsed = false
 function buildTabHtml(tabName,tabLabel,tabIcon){
     return `<li class="nav-item">
         <a class="nav-link side-menu-link" page-open="${tabName}">
@@ -105,8 +104,7 @@ function toggleSideMenuCollapse(dontSaveChange){
     }else{
         sideMenuCollapsePoint.collapse('show')
     }
-    isSideBarMenuCollapsed = !isVisible;
-    if(!dontSaveChange)dashboardOptions('sideMenuCollapsed',isSideBarMenuCollapsed ? '0' : 1)
+    if(!dontSaveChange)dashboardOptions('sideMenuCollapsed',!isVisible ? '0' : 1)
 }
 function loadSideMenuCollapseStatus(){
     var isCollapsed = dashboardOptions().sideMenuCollapsed === 1;
@@ -117,6 +115,9 @@ function loadSideMenuCollapseStatus(){
     }
     return isCollapsed
 }
+function isSideBarMenuCollapsed(){
+    return dashboardOptions().sideMenuCollapsed === 1
+}
 $('#monitors_list_search').keyup(function(){
     var monitorBlocks = monitorSideList.find('.monitor_block');
     var searchTerms = $(this).val().toLowerCase().split(' ')