#999 move adhoc form to inventoryManage state, #951 fix styling & undefined fields of adhoc form

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

@@ -363,6 +363,15 @@ input[type='radio']:checked:before {
     display: flex;
     justify-content: flex-end;
 }
+.Form-button{
+ margin-left: 4px;
+}
+
+.Form-buttonDefault {
+    background-color: #FFFFFF;
+    color: #848992;
+    border-color: #E8E8E8;
+}
 
 .Form-saveButton{
     background-color: @submit-button-bg;

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

@@ -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,8 @@ export function InventoriesManage ($log, $scope, $rootScope, $location,
             }
         }
         $rootScope.hostPatterns = host_patterns;
-        $location.path('/inventories/' + $scope.inventory.id + '/adhoc');
+        $state.go('inventoryManage.adhoc');
+        //$location.path('/inventories/' + $scope.inventory.id + '/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">