Fix for list view actions button tooltips

Also adds ngDoc example for a start button which changes text upon
click and disables upon click.

Author: jeff-phillips-18

src/views/listview/list-view-directive.js

@@ -151,7 +151,8 @@
         };
 
         $scope.enableButtonForItemFn = function(action, item) {
-          return (action.name !=='Action 2') || (item.name !== "Frank Livingston");
+          return !((action.name ==='Action 2') && (item.name === "Frank Livingston")) &&
+                 !(action.name === 'Start' && item.started);
         };
 
         $scope.updateMenuActionForItemFn = function(action, item) {
@@ -258,18 +259,32 @@
           $scope.eventText = item.name + " : " + action.name + "\r\n" + $scope.eventText;
         };
 
-        var buttonInclude = '<span class="fa fa-plus"></span>{{actionButton.name}}';
+        var startServer = function (action, item) {
+          $scope.eventText = item.name + " : " + action.name + "\r\n" + $scope.eventText;
+          item.started = true;
+        };
 
+        var buttonInclude = '<span class="fa fa-plus"></span>{{actionButton.name}}';
         $templateCache.put('my-button-template', buttonInclude);
+
+        var startButtonInclude = '<span ng-disabled="item.started">{{item.started ? "Starting" : "Start"}}</span>';
+        $templateCache.put('start-button-template', startButtonInclude);
+
         $scope.actionButtons = [
+          {
+            name: 'Start',
+            class: 'btn-primary',
+            include: 'start-button-template',
+            title: 'Start the server',
+            actionFn: startServer
+          },
           {
             name: 'Action 1',
             title: 'Perform an action',
             actionFn: performAction
           },
           {
             name: 'Action 2',
-            class: 'btn-primary',
             title: 'Do something else',
             actionFn: performAction
           },

src/views/listview/list-view.html

@@ -9,7 +9,7 @@
     <div class="list-view-pf-actions"
          ng-if="(actionButtons && actionButtons.length > 0) || (menuActions && menuActions.length > 0)">
       <button class="btn btn-default {{actionButton.class}}" ng-repeat="actionButton in actionButtons"
-              title="actionButton.title"
+              title="{{actionButton.title}}"
               ng-class="{'disabled' : checkDisabled(item) || !enableButtonForItem(actionButton, item)}"
               ng-click="handleButtonAction(actionButton, item)">
         <div ng-if="actionButton.include" class="actionButton.includeClass" ng-include src="actionButton.include"></div>