Merge pull request #1005 from leigh-johnson/AdhocInvFOrm

Moved adhoc form to inventoryManage view, fixed adhoc form's styles + undefined fields

awx/ui/client/legacy-styles/forms.less

@@ -364,6 +364,16 @@ input[type='radio']:checked:before {
     justify-content: flex-end;
 }
 
+.Form-button{
+    margin-left: 4px;
+}
+
+.Form-buttonDefault {
+    background-color: @default-bg;
+    color: @default-interface-txt;
+    border-color: @default-border;
+}
+
 .Form-saveButton{
     background-color: @submit-button-bg;
     margin-right: 20px;

awx/ui/client/legacy-styles/main-layout.less

@@ -91,6 +91,10 @@ body {
     margin-top: 20px;
 }
 
+.btn{
+    text-transform: uppercase;
+}
+
 @media (max-width: 1075px) {
 
     #main-menu-container {

awx/ui/client/src/adhoc/adhoc.controller.js

@@ -1,5 +1,5 @@
 /*************************************************
- * Copyright (c) 2015 Ansible, Inc.
+ * Copyright (c) 2016 Ansible, Inc.
  *
  * All Rights Reserved
  *************************************************/
@@ -10,7 +10,7 @@
  * @description This controller controls the adhoc form creation, command launching and navigating to standard out after command has been succesfully ran.
 */
 function adhocController($q, $scope, $rootScope, $location, $stateParams,
-    CheckPasswords, PromptForPasswords, CreateLaunchDialog, adhocForm,
+    $state, CheckPasswords, PromptForPasswords, CreateLaunchDialog, adhocForm,
     GenerateForm, Rest, ProcessErrors, ClearScope, GetBasePath, GetChoices,
     KindChange, LookUpInit, CredentialList, Empty, Wait) {
 
@@ -162,6 +162,10 @@ function adhocController($q, $scope, $rootScope, $location, $stateParams,
 
     privateFn.initializeForm(id, urls, hostPattern);
 
+    $scope.formCancel = function(){
+        $state.go('inventoryManage');
+    }
+
     // remove all data input into the form and reset the form back to defaults
     $scope.formReset = function () {
         GenerateForm.reset();
@@ -291,7 +295,7 @@ function adhocController($q, $scope, $rootScope, $location, $stateParams,
 }
 
 export default ['$q', '$scope', '$rootScope', '$location', '$stateParams',
-    'CheckPasswords', 'PromptForPasswords', 'CreateLaunchDialog', 'adhocForm',
+    '$state', 'CheckPasswords', 'PromptForPasswords', 'CreateLaunchDialog', 'adhocForm',
     'GenerateForm', 'Rest', 'ProcessErrors', 'ClearScope', 'GetBasePath',
     'GetChoices', 'KindChange', 'LookUpInit', 'CredentialList', 'Empty', 'Wait',
     adhocController];

awx/ui/client/src/adhoc/adhoc.form.js

@@ -12,7 +12,7 @@
 
 export default function() {
     return {
-        editTitle: 'Execute Command',
+        addTitle: 'Execute Command',
         name: 'adhoc',
         well: true,
         forceListeners: true,
@@ -125,13 +125,16 @@ export default function() {
 
         buttons: {
             launch: {
-                label: 'Launch',
+                label: 'Save',
                 ngClick: 'launchJob()',
-                ngDisabled: true
+                ngDisabled: true,
+                'class': 'Form-buttonDefault Form-button'
             },
             reset: {
                 ngClick: 'formReset()',
-                ngDisabled: true
+                ngDisabled: true,
+                label: 'Reset',
+                'class': 'Form-buttonDefault Form-button'
             }
         },
 

awx/ui/client/src/adhoc/adhoc.partial.html

@@ -1,4 +1,4 @@
-<div class="tab-pane" id="credentials">
+<div class="Panel" id="adhoc">
     <div ng-cloak id="htmlTemplate">
     </div>
 </div>

awx/ui/client/src/adhoc/adhoc.route.js

@@ -7,8 +7,8 @@
  import {templateUrl} from '../shared/template-url/template-url.factory';
 
 export default {
-    route: '/inventories/:inventory_id/adhoc',
+    route: '/adhoc',
-    name: 'inventoryAdhoc',
+    name: 'inventoryManage.adhoc',
     templateUrl: templateUrl('adhoc/adhoc'),
     controller: 'adhocController',
     resolve: {

awx/ui/client/src/controllers/Inventories.js

@@ -859,7 +859,7 @@ export function InventoriesManage ($log, $scope, $rootScope, $location,
             }
         }
         $rootScope.hostPatterns = host_patterns;
-        $location.path('/inventories/' + $scope.inventory.id + '/adhoc');
+        $state.go('inventoryManage.adhoc');
     };
 
     $scope.refreshHostsOnGroupRefresh = false;

awx/ui/client/src/partials/inventory-manage.html

@@ -1,4 +1,5 @@
 <div class="tab-pane" id="inventory_edit">
+    <div ui-view></div>
     <div ng-cloak id="htmlTemplate">
 
         <div class="row">

awx/ui/client/tests/adhoc/adhoc.controller-test.js

@@ -55,6 +55,7 @@ describe("adhoc.controller", function() {
         $provide.value('Wait', waitCallback);
         $provide.value('$stateExtender', stateExtenderCallback);
         $provide.value('$stateParams', angular.noop);
+        $provide.value('$state', angular.noop);
     }]));
 
     beforeEach("put $q in scope", window.inject(['$q', function($q) {