Confirm uninstall before continuing. Used angular-material for the dialog boxes. Refer to https://material.angularjs.org/HEAD/demo/dialog

Author: maeisabelle08

quick-start/src/main/webapp/WEB-INF/static/app/directives/headerDirective.js

@@ -4,10 +4,12 @@ var module = angular.module('dhib.quickstart.directives.header', dependencies);
 module.directive('header', [
     '$http'
     ,'$location'
+    ,'$mdDialog'
     ,'DataHub'
     ,function(
         $http
         ,$location
+        ,$mdDialog
         ,DataHub
     ) {
     	return {
@@ -27,8 +29,18 @@ module.directive('header', [
             			$location.path('/login');
                     });
             	},
-            	scope.uninstall = function () {
-            		DataHub.preUninstall();
+            	scope.uninstall = function (ev) {
+            		var confirm = $mdDialog.confirm().title('Confirm Uninstall')
+	                    .textContent('Do you really want to continue uninstalling data hub?')
+	                    .ariaLabel('Uninstall')
+	                    .targetEvent(ev)
+	                    .ok('Yes')
+	                    .cancel('No');
+            		$mdDialog.show(confirm).then(function() {
+            			DataHub.preUninstall();
+		            }, function() {
+		                //do nothing
+		            });
                 },
                 scope.installUserModules = function () {
                 	scope.action.type = 'Deploy to Server';

quick-start/src/main/webapp/WEB-INF/static/app/quickStartApp.js

@@ -8,6 +8,7 @@ var dependencies = [
     ,'angularBootstrapNavTree'
     ,'ngAnimate'
     ,'ui.bootstrap'
+    ,'ngMaterial'
 ];
 var module = angular.module('quickStartApp', dependencies);
 

quick-start/src/main/webapp/WEB-INF/static/index.html

@@ -14,6 +14,8 @@
     <script src="lib/angular.js/js/angular-route.js"></script>
     <script src="lib/angular.js/js/angular-animate.js"></script>
     <script src="lib/angular.js/js/ui-bootstrap-tpls-1.1.2.js"></script>
+    <script src="lib/angular.js/js/angular-aria.min.js"></script>
+    <script src="lib/angular.js/js/angular-material.min.js"></script>
 
     <!-- Angular Dependencies -->
     <script src="lib/jquery/js/jquery.min.js"></script>
@@ -37,6 +39,7 @@
     <link href="lib/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet"></link>
     <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"></link>
     <link href="lib/abn_tree/css/abn_tree.css" rel="stylesheet"></link>
+    <link href="lib/angular.js/css/angular-material.min.css" rel="stylesheet"></link>
 
 
     <!-- App-Specific CSS -->