JBDS-4486 Add Select All and Deselect All actions in context menu (#817)

Author: dgolovin

browser/bootstrap.js

@@ -12,7 +12,7 @@ const { Menu, MenuItem } = remote;
 
 let rightClickPosition = null;
 
-const menu = new Menu();
+var menu;
 const toggleDevToolsItem = new MenuItem({
   label: 'Toggle Development Tools',
   accelerator: process.platform === 'darwin' ? 'Alt+Command+I' : 'Ctrl+Shift+I',
@@ -26,11 +26,17 @@ const inspectElementItem = new MenuItem({
     remote.getCurrentWindow().inspectElement(rightClickPosition.x, rightClickPosition.y);
   }
 });
-menu.append(toggleDevToolsItem);
-menu.append(inspectElementItem);
+
+restoreMenu();
 
 window.addEventListener('contextmenu', (e) => {
   e.preventDefault();
   rightClickPosition = {x: e.x, y: e.y};
   menu.popup(remote.getCurrentWindow());
 }, false);
+
+function restoreMenu() {
+  menu = new Menu();
+  menu.append(toggleDevToolsItem);
+  menu.append(inspectElementItem);
+}

browser/pages/confirm/confirm.html

@@ -9,6 +9,7 @@
     <p class="installation-note has-spinner" ng-show="confCtrl.numberOfExistingInstallations>0">
       <span class="pficon-info"></span>{{confCtrl.installedSearchNote}}
     </p>
+
     <p id="instructions" class="installation-note">Select the components to install</p>
 
     <div ng-repeat="item in checkboxModel">

browser/pages/confirm/controller.js

@@ -31,6 +31,34 @@ class ConfirmController {
       });
     }
 
+    const selectAllLabel = 'Select All Components';
+
+    menu.insert(0, new MenuItem({
+      label: selectAllLabel,
+      click: ()=> {
+        this.sc.$apply(this.selectAll.bind(this));
+      }
+    }));
+
+    const deselectAllLabel = 'Deselect All Components';
+
+
+    menu.insert(1, new MenuItem({
+      label: deselectAllLabel,
+      click: ()=> {
+        this.sc.$apply(this.deselectAll.bind(this));
+      }
+    }));
+
+    menu.insert(2, new MenuItem({
+      label: deselectAllLabel,
+      type: 'separator'
+    }));
+
+    $scope.$on('$destroy', ()=>{
+      restoreMenu();
+    })
+
     $scope.isConfigurationValid = this.isConfigurationValid;
 
     $scope.$watch('$viewContentLoaded', ()=>{
@@ -45,6 +73,23 @@ class ConfirmController {
     });
   }
 
+  selectAll() {
+    let checkboxModel = this.sc.checkboxModel;
+    for (let key in checkboxModel) {
+      let node = checkboxModel[key];
+      if (node.isInstallable && node.isNotDetected()) {
+        node.selectedOption = 'install';
+      }
+    }
+  }
+
+  deselectAll() {
+    let checkboxModel = this.sc.checkboxModel;
+    for (let key in checkboxModel) {
+      checkboxModel[key].selectedOption = 'detected';
+    }
+  }
+
   initPage() {
     return this.detectInstalledComponents().then(()=> {
       this.graph = ComponentLoader.loadGraph(this.installerDataSvc);

requirements.json

@@ -165,6 +165,7 @@
     "description": "An agile, lightweight and modern integration platform (installed on JBoss EAP)",
     "vendor": "Red Hat, Inc.",
     "modulePath": "model/jbossfuse",
+    "installable": true,
     "bundle": "no",
     "targetFolderName": "jboss-fuse-eap",
     "installAfter": "jdk",
@@ -194,6 +195,7 @@
      "description": "An agile, lightweight and modern integration platform (installed on Apache Karaf package)",
      "vendor": "Red Hat, Inc.",
      "modulePath": "model/jbossfusekaraf",
+     "installable": true,
      "bundle": "no",
      "targetFolderName": "jboss-fuse-karaf",
      "installAfter": "jdk",

test/unit/pages/confirm/controller-test.js

@@ -15,6 +15,10 @@ require('browser/main');
 
 chai.use(sinonChai);
 
+global.menu = {insert(){}};
+global.MenuItem = function () {};
+global.restoreMenu = function() {};
+
 describe('ConfirmController', function() {
 
   beforeEach(function() {