add swipe to show to show/hide menu

Author: Dave Conway-Jones

CHANGELOG.md

@@ -1,5 +1,5 @@
 
-### 2.29.4-beta: Maintenance Release
+### 2.29.4: Maintenance Release
 
 **Fixes**
 

dist/css/app.min.less

@@ -62,14 +62,10 @@ md-sidenav i {
 md-sidenav md-list-item .md-list-item-inner>p {
     line-height: 20px;
 }
-md-list > md-list-item > md-icon > ui-icon > ng-md-icon {
-    vertical-align:unset !important;
-}
 md-card > md-list > md-list-item > div > md-icon > ui-icon > ng-md-icon {
     vertical-align:unset !important;
 }
 
-
 md-toast .md-toast-content {
 	height: auto;
 }

dist/dashboard.appcache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# Time: Wed Jul 07 2021 15:18:55 GMT+0100 (British Summer Time)
+# Time: Wed Jul 07 2021 21:42:00 GMT+0100 (British Summer Time)
 
 CACHE:
 i18n.js
@@ -26,4 +26,4 @@ loading.html
 NETWORK:
 *
 
-# hash: 19db42e5e6060f45443a194ec47c02d29c22be4d4e92fc3bb925a53112ee28f5
+# hash: 665b9f1db72e38c6f9163c567ad7b656c6bd4df502c7bd64cc87854adf061508

dist/js/app.min.js

@@ -84,7 +84,8 @@
         },
         "swipe": {
             "no-swipe": "No swipe between tabs",
-            "allow-swipe": "Allow swipe between tabs"
+            "allow-swipe": "Allow swipe between tabs",
+            "show-menu": "Swipe to open/close menu"
         },
         "lock": {
             "clicked": "Click to show side menu",

nodes/locales/en-US/ui_base.json

@@ -1276,6 +1276,7 @@
                 .css("width","100%")
                 .append($('<option>', { value:"false", text:c_("swipe.no-swipe"), selected:true }))
                 .append($('<option>', { value:"true", text:c_("swipe.allow-swipe") }))
+                .append($('<option>', { value:"menu", text:c_("swipe.show-menu") }))
                 .val("false")
                 .on("change", function() {
                     if (!globalDashboardNode || globalDashboardNode.site.allowSwipe !== $(this).val()) {

nodes/ui_base.html

@@ -1,6 +1,6 @@
 {
     "name": "node-red-dashboard",
-    "version": "2.29.4-beta",
+    "version": "2.30.0",
     "description": "A set of dashboard nodes for Node-RED",
     "keywords": [
         "node-red"

package.json

@@ -87,7 +87,7 @@ app.controller('MainController', ['$mdSidenav', '$window', 'UiEvents', '$locatio
         this.selectedTab = null;
         this.loaded = false;
         this.hideToolbar = false;
-        this.allowSwipe = false;
+        this.allowSwipe = "false";
         this.lockMenu = "false";
         this.allowTempTheme = true;
         var main = this;
@@ -113,8 +113,14 @@ app.controller('MainController', ['$mdSidenav', '$window', 'UiEvents', '$locatio
             }
         }
 
-        $scope.onSwipeLeft = function() { if (main.allowSwipe) { moveTab(-1); } }
-        $scope.onSwipeRight = function() { if (main.allowSwipe) { moveTab(1); } }
+        $scope.onSwipeLeft = function() {
+            if (main.allowSwipe === "menu") { $mdSidenav('left').close(); }
+            else if (main.allowSwipe === "true") { moveTab(-1); }
+        }
+        $scope.onSwipeRight = function() {
+            if (main.allowSwipe === "menu") { $mdSidenav('left').open(); }
+            else if (main.allowSwipe === "true") { moveTab(1); }
+        }
 
         // Added as PR#587 to fix navigation history so back/forwards works ok from browser
         $scope.$on('$locationChangeSuccess', function ($event, newUrl, oldUrl, newState, oldState) {
@@ -372,7 +378,7 @@ app.controller('MainController', ['$mdSidenav', '$window', 'UiEvents', '$locatio
             if (ui.site) {
                 name = main.name = ui.site.name;
                 main.hideToolbar = (ui.site.hideToolbar == "true");
-                main.allowSwipe = (ui.site.allowSwipe == "true");
+                main.allowSwipe = ui.site.allowSwipe;
                 main.lockMenu = ui.site.lockMenu;
                 if (typeof ui.site.allowTempTheme === 'undefined') { main.allowTempTheme = true; }
                 else {