Added icon on inventories view for manage inventory

With the Manage Inventory page being essentially nested below the Edit Inventory page, I have added a new icon and a new button for getting to these pages.

awx/ui/static/js/controllers/Inventories.js

@@ -318,6 +318,10 @@ export function InventoriesList($scope, $rootScope, $location, $log, $routeParam
         $location.path($location.path() + '/' + id);
     };
 
+    $scope.manageInventory = function(id){
+      $location.path($location.path() + '/' + id + '/manage');
+    }
+
     $scope.deleteInventory = function (id, name) {
 
         var action = function () {
@@ -613,6 +617,10 @@ export function InventoriesEdit($scope, $rootScope, $compile, $location, $log, $
           });
     };
 
+    $scope.manageInventory = function(){
+      $location.path($location.path() + '/manage');
+    }
+
     $scope.showActivity = function () {
         Stream({ scope:  $scope });
     };

awx/ui/static/js/forms/Inventories.js

@@ -22,6 +22,15 @@ export default
             well: true,
 
             actions: {
+                manage: {
+                    'class': "btn-primary btn-xs activity-btn",
+                    ngClick: "manageInventory()",
+                    awToolTip: "Manage Inventory",
+                    dataPlacement: "top",
+                    icon: "icon-sitemap",
+                    mode: 'edit',
+                    iconSize: 'large'
+                },
                 stream: {
                     'class': "btn-primary btn-xs activity-btn",
                     ngClick: "showActivity()",

awx/ui/static/js/lists/Inventories.js

@@ -49,7 +49,7 @@ export default
                 label: 'Name',
                 columnClass: 'col-md-4 col-sm-6 col-xs-6',
                 modalColumnClass: 'col-md-8',
-                linkTo: '/#/inventories/{{inventory.id}}/manage'
+                linkTo: '/#/inventories/{{inventory.id}}'
             },
             organization: {
                 label: 'Organization',
@@ -97,12 +97,18 @@ export default
         },
 
         fieldActions: {
-            failed_hosts: {
+            // failed_hosts: {
-                //label: 'Failures',
+            //     //label: 'Failures',
-                ngHref: "{{ inventory.failed_hosts_link }}",
+            //     ngHref: "{{ inventory.failed_hosts_link }}",
-                iconClass: "{{ 'fa icon-failures-' + inventory.failed_hosts_class }}",
+            //     iconClass: "{{ 'fa icon-failures-' + inventory.failed_hosts_class }}",
-                awToolTip: "{{ inventory.failed_hosts_tip }}",
+            //     awToolTip: "{{ inventory.failed_hosts_tip }}",
-                dataPlacement: "top"
+            //     dataPlacement: "top"
+            // },
+            manage: {
+              label: 'Manage',
+              ngClick: 'manageInventory(inventory.id)',
+              awToolTip: 'Manage Inventory',
+              dataPlacement: 'top'
             },
             edit: {
                 label: 'Edit',

awx/ui/static/js/lists/InventoryGroups.js

@@ -83,11 +83,11 @@ export default
                 ngClick: "createGroup()",
                 awToolTip: "Create a new group"
             },
-            properties: {
+            // properties: {
-                mode: 'all',
+            //     mode: 'all',
-                awToolTip: "Edit inventory properties",
+            //     awToolTip: "Edit inventory properties",
-                ngClick: 'editInventoryProperties()'
+            //     ngClick: 'editInventoryProperties()'
-            },
+            // },
             refresh: {
                 mode: 'all',
                 awToolTip: "Refresh the page",

awx/ui/static/js/shared/generator-helpers.js

@@ -162,6 +162,9 @@ angular.module('GeneratorHelpers', [systemStatus.name])
             case 'copy':
                 icon = "fa-copy";
                 break;
+            case 'manage':
+                icon = "fa-sitemap";
+                break;
             }
             icon += (size) ? " " + size : "";
             return Icon(icon);