AMBARI-7071. Admin View: UI tweaks. (yusaku)

ambari-admin/src/main/resources/ui/admin-web/app/scripts/controllers/ambariViews/CreateViewInstanceCtrl.js

@@ -74,7 +74,8 @@ angular.module('ambariAdminConsole')
         } else {
           View.createInstance($scope.instance)
           .then(function(data) {
-            $location.path('/views');
+            uiAlert.success('Created View Instance ' + $scope.instance.instance_name);
+            $location.path('/views/' + $scope.instance.view_name + '/versions/' + $scope.instance.version + '/instances/' + $scope.instance.instance_name + '/edit');
           })
           .catch(function(data) {
             uiAlert.danger(data.data.status, data.data.message);
@@ -86,4 +87,4 @@ angular.module('ambariAdminConsole')
       });
     }
   };
-}]);
+}]);

ambari-admin/src/main/resources/ui/admin-web/app/scripts/controllers/ambariViews/ViewsListCtrl.js

@@ -51,9 +51,13 @@ angular.module('ambariAdminConsole')
     var result = [];
     var filter = $scope.viewsFilter.toLowerCase();
     if(!filter){  // if no filter return all views
-      result = $scope.views;
+      result = $scope.views.map(function(view) {
+        view.isOpened = false;
+        return view;
+      });
     } else {
       result = $scope.views.map(function(view) {
+        view.isOpened = true;
         if(view.view_name.toLowerCase().indexOf(filter) >= 0){
           return view; // if filter matched with view name -- return whole view
         } else {

ambari-admin/src/main/resources/ui/admin-web/app/scripts/controllers/groups/GroupsCreateCtrl.js

@@ -25,6 +25,7 @@ angular.module('ambariAdminConsole')
     $scope.form.submitted = true;
     if ($scope.form.$valid){
       $scope.group.save().then(function() {
+        uiAlert.success('Created group ' + $scope.group.group_name);
         $location.path('/groups');
       })
       .catch(function(data) {

ambari-admin/src/main/resources/ui/admin-web/app/scripts/controllers/users/UsersCreateCtrl.js

@@ -32,6 +32,7 @@ angular.module('ambariAdminConsole')
         'Users/active': !!$scope.user.active,
         'Users/admin': !!$scope.user.admin
       }).then(function() {
+        uiAlert.success('Created user ' + $scope.user.user_name);
         $location.path('/users');
       }).catch(function(data) {;
         data = data.data;

ambari-admin/src/main/resources/ui/admin-web/app/scripts/controllers/users/UsersShowCtrl.js

@@ -109,15 +109,26 @@ angular.module('ambariAdminConsole')
 
   $scope.toggleUserActive = function() {
     if(!$scope.isCurrentUser){
-      User.setActive($scope.user.user_name, !$scope.user.active);
+      ConfirmationModal.show('Change Status', 'Are you sure you want to change "'+ $scope.user.user_name +'" status?').then(function() {
+        User.setActive($scope.user.user_name, $scope.user.active);
+      })
+      .catch(function() {
+        $scope.user.active = !$scope.user.active;
+      });;
     }
   };    
   $scope.toggleUserAdmin = function() {
     if(!$scope.isCurrentUser){
-      User.setAdmin($scope.user.user_name, !$scope.user.admin)
-      .then(function() {
-        loadPrivilegies();
-      });
+      ConfirmationModal.show('Change Admin Privilege', 'Are you sure you want to change "'+$scope.user.user_name+'" Admin privilege?').then(function() {
+        User.setAdmin($scope.user.user_name, $scope.user.admin)
+        .then(function() {
+          loadPrivilegies();
+        });
+      })
+      .catch(function() {
+        $scope.user.admin = !$scope.user.admin;
+      });;
+        
     }
   };    
 

ambari-admin/src/main/resources/ui/admin-web/app/scripts/services/uiAlert.js

@@ -29,6 +29,7 @@ angular.module('angularAlert',[])
       'left': '50%',
       'z-index': '10000',
       'opacity': '1',
+      'padding': '20px',
       WebkitTransition : 'all .5s ease-in-out',
       MozTransition    : 'all .5s ease-in-out',
       MsTransition     : 'all .5s ease-in-out',
@@ -46,9 +47,25 @@ angular.module('angularAlert',[])
     }
 
     elem.addClass('alert-' + (type ? type : 'info') );
+    $('<button type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>')
+      .appendTo(elem)
+      .css({
+        'position': 'absolute',
+        'top': '0',
+        'right': '5px',
+        'outline': 'none'
+      }).on('click', function() {
+        var alert = $(this).parent()[0];
+        for(var i = 0; i < alerts.length; i++){
+          if(alert === alerts[i][0]){
+            alert.remove();
+            alerts.splice(i, 1);
+            resetAlertsPositions();
+            break;
+          }
+        }
+      });
     elem.appendTo('body');
-
-    // return elem;
     alerts.push(elem);
     resetAlertsPositions();
   };

ambari-admin/src/main/resources/ui/admin-web/app/views/ambariViews/listTable.html

@@ -74,6 +74,9 @@
         </tfoot>
       </table>
     </accordion-group>
+    <div class="alert alert-info" ng-show="views && !filteredViews.length">
+      No views to display.
+    </div>
 
   </accordion>
 </div>

ambari-admin/src/main/resources/ui/admin-web/app/views/leftNavbar.html

@@ -30,7 +30,7 @@
       </div>
         
       <div ng-hide="cluster">
-        <a href="/" class="btn btn-primary btn-block createcluster-btn">
+        <a href="/#/installer/step0" class="btn btn-primary btn-block createcluster-btn">
           <span class="glyphicon glyphicon-plus"></span>
           Create a Cluster
         </a>