Merge pull request #8134 from Piccirello/webui-show-status-bar

Add option to show/hide webui status bar

src/webui/www/private/index.html

@@ -62,8 +62,9 @@
                         <a class="returnFalse">QBT_TR(&View)QBT_TR[CONTEXT=MainWindow]</a>
                         <ul>
                         <li><a id="showTopToolbarLink"><img class="MyMenuIcon" src="theme/checked" alt="QBT_TR(&Top Toolbar)QBT_TR[CONTEXT=MainWindow]" width="16" height="16" onload="fixPNG(this)"/>QBT_TR(&Top Toolbar)QBT_TR[CONTEXT=MainWindow]</a></li>
+                        <li><a id="showStatusBarLink"><img class="MyMenuIcon" src="theme/checked" alt="QBT_TR(&Status Bar)QBT_TR[CONTEXT=MainWindow]" width="16" height="16" onload="fixPNG(this)"/>QBT_TR(&Status Bar)QBT_TR[CONTEXT=MainWindow]</a></li>
                         <li><a id="speedInBrowserTitleBarLink"><img class="MyMenuIcon" src="theme/checked" alt="QBT_TR(S&peed in Title Bar)QBT_TR[CONTEXT=MainWindow]" width="16" height="16" onload="fixPNG(this)"/>QBT_TR(S&peed in Title Bar)QBT_TR[CONTEXT=MainWindow]</a></li>
-                        <li><a id=StatisticsLink ><img class="MyMenuIcon" src="theme/view-statistics" alt="QBT_TR(&Statistics)QBT_TR[CONTEXT=MainWindow]" width="16" height="16" onload="fixPNG(this)"/>QBT_TR(&Statistics)QBT_TR[CONTEXT=MainWindow]</a></li>
+                        <li class="divider"><a id=StatisticsLink ><img class="MyMenuIcon" src="theme/view-statistics" alt="QBT_TR(&Statistics)QBT_TR[CONTEXT=MainWindow]" width="16" height="16" onload="fixPNG(this)"/>QBT_TR(&Statistics)QBT_TR[CONTEXT=MainWindow]</a></li>
                         </ul>
                     </li>
                     <li>

src/webui/www/private/scripts/client.js

@@ -161,11 +161,20 @@ window.addEvent('load', function () {
         $('mochaToolbar').addClass('invisible');
     }
 
+    // Show Status Bar is enabled by default
+    var showStatusBar = true;
+    if (localStorage.getItem('show_status_bar') !== null)
+        showStatusBar = localStorage.getItem('show_status_bar') === "true";
+    if (!showStatusBar) {
+        $('showStatusBarLink').firstChild.style.opacity = '0';
+        $('desktopFooterWrapper').addClass('invisible');
+    }
+
     var speedInTitle = localStorage.getItem('speed_in_browser_title_bar') == "true";
     if (!speedInTitle)
         $('speedInBrowserTitleBarLink').firstChild.style.opacity = '0';
 
-    // After Show Top Toolbar
+    // After showing/hiding the toolbar + status bar
     MochaUI.Desktop.setDesktopSize();
 
     var syncMainDataLastResponseId = 0;
@@ -475,6 +484,20 @@ window.addEvent('load', function () {
         MochaUI.Desktop.setDesktopSize();
     });
 
+    $('showStatusBarLink').addEvent('click', function(e) {
+        showStatusBar = !showStatusBar;
+        localStorage.setItem('show_status_bar', showStatusBar.toString());
+        if (showStatusBar) {
+            $('showStatusBarLink').firstChild.style.opacity = '1';
+            $('desktopFooterWrapper').removeClass('invisible');
+        }
+        else {
+            $('showStatusBarLink').firstChild.style.opacity = '0';
+            $('desktopFooterWrapper').addClass('invisible');
+        }
+        MochaUI.Desktop.setDesktopSize();
+    });
+
     $('speedInBrowserTitleBarLink').addEvent('click', function(e) {
         speedInTitle = !speedInTitle;
         localStorage.setItem('speed_in_browser_title_bar', speedInTitle.toString());