Manage hosts directive set up w/ route

awx/ui/client/src/inventories/manage/inventory-manage.partial.html

@@ -1,5 +1,8 @@
 <div class="tab-pane" id="inventory_edit">
-    <div ui-view></div>
+    <ui-view/>
+    <div ui-view class="manage">In the ui view
+        <manage-hosts></manage-hosts>
+    </div>
     <div ng-cloak id="htmlTemplate">
 
         <div class="row">

awx/ui/client/src/inventories/manage/main.js

@@ -7,8 +7,13 @@
 import route from './inventory-manage.route';
 import controller from './inventory-manage.controller';
 
+import manageHostsDirective from './manage-hosts/manage-hosts.directive';
+import manageHostsRoute from './manage-hosts/manage-hosts.route';
+
 export default
     angular.module('inventoryManage', [])
+    .directive('manageHosts', manageHostsDirective)
         .run(['$stateExtender', function($stateExtender) {
             $stateExtender.addState(route);
+            $stateExtender.addState(manageHostsRoute);
         }]);

awx/ui/client/src/inventories/manage/manage-hosts/manage-hosts.controller.js

@@ -0,0 +1,20 @@
+/*************************************************
+ * Copyright (c) 2015 Ansible, Inc.
+ *
+ * All Rights Reserved
+ *************************************************/
+
+function manageHostDirectiveController($q, $rootScope, $scope, $state,
+    $stateParams, $compile, Rest, ProcessErrors,
+    CreateDialog, GetBasePath, Wait, GenerateList, GroupList, SearchInit,
+    PaginateInit, GetRootGroups) {
+
+        var vm = this;
+
+    };
+
+export default ['$q', '$rootScope', '$scope', '$state', '$stateParams',
+    'ScopePass', '$compile', 'Rest', 'ProcessErrors', 'CreateDialog',
+    'GetBasePath', 'Wait', 'generateList', 'GroupList', 'SearchInit',
+    'PaginateInit', 'GetRootGroups', manageHostDirectiveController
+];

awx/ui/client/src/inventories/manage/manage-hosts/manage-hosts.directive.js

@@ -0,0 +1,25 @@
+/*************************************************
+ * Copyright (c) 2015 Ansible, Inc.
+ *
+ * All Rights Reserved
+ *************************************************/
+
+/* jshint unused: vars */
+import manageHostsController from './manage-hosts.controller';
+
+export default ['templateUrl',
+    function(templateUrl) {
+        return {
+            restrict: 'EA',
+            scope: true,
+            replace: true,
+            templateUrl: templateUrl('inventories/manage/manage-hosts/manage-hosts'),
+            link: function(scope, element, attrs) {
+
+            },
+    //        controller: manageHostsController,
+    //        controllerAs: 'vm',
+    //        bindToController: true
+        };
+    }
+];

awx/ui/client/src/inventories/manage/manage-hosts/manage-hosts.partial.html

@@ -0,0 +1,2 @@
+<div class="manage-hosts">This is the manage hosts directive.
+    </div>

awx/ui/client/src/inventories/manage/manage-hosts/manage-hosts.route.js

@@ -0,0 +1,29 @@
+/*************************************************
+ * Copyright (c) 2016 Ansible, Inc.
+ *
+ * All Rights Reserved
+ *************************************************/
+
+import {
+    templateUrl
+} from '../../../shared/template-url/template-url.factory';
+
+export default {
+    name: 'inventoryManage.manageHosts',
+    route: '/managehosts',
+    template: 'SOMETHING',
+
+    // data: {
+    //     activityStream: true,
+    //     activityStreamTarget: 'inventory',
+    //     activityStreamId: 'inventory_id'
+    // },
+    // ncyBreadcrumb: {
+    //     label: "INVENTORY MANAGE"
+    // },
+    // resolve: {
+    //     features: ['FeaturesService', function(FeaturesService) {
+    //         return FeaturesService.get();
+    //     }]
+    // },
+};