Refine recently added components

awx/ui/client/src/credentials/add-credentials.controller.js

@@ -10,6 +10,10 @@ function AddCredentialsController (credentialType) {
         label: 'Description'
     };
 
+    vm.heading = {
+        text: 'Create Credentials'
+    };
+
     vm.kind = {
         label: 'Type',
         placeholder: 'Select a Type',

awx/ui/client/src/credentials/add-credentials.view.html

@@ -1,13 +1,12 @@
-<at-panel>
-    <at-panel-heading>
-        Create Credentials
+<at-panel config="vm.panel">
+    <at-panel-heading config="vm.heading">
     </at-panel-heading>
 
     <at-panel-body>
         <at-form>
             <at-input-text col="4" config="vm.name"></at-input-text>
             <at-input-text col="4" config="vm.description"></at-input-text>
-            <at-input-dropdown col="4" config="vm.kind"></at-input-dropdown>
+            <at-input-select col="4" config="vm.kind"></at-input-select>
         </at-form>
     </at-panel-body>
 </at-panel>

awx/ui/client/src/credentials/index.js

@@ -3,7 +3,8 @@ import ListController from './list/credentials-list.controller';
 import AddController from './add-credentials.controller.js';
 import { N_ } from '../i18n';
 
-function config ($stateExtenderProvider) {
+function config ($stateExtenderProvider, pathServiceProvider) {
+    let pathService = pathServiceProvider.$get();
     let stateExtender = $stateExtenderProvider.$get();
 
     stateExtender.addState({
@@ -14,7 +15,7 @@ function config ($stateExtenderProvider) {
         },
         views: {
             '@': {
-                templateUrl: '/static/views/credentials/index.view.html',
+                templateUrl: pathService.getViewPath('credentials/index')
             },
             'list@credentials': {
                 templateProvider: function(CredentialList, generateList) {
@@ -47,14 +48,14 @@ function config ($stateExtenderProvider) {
         },
         views: {
             'add@credentials': {
-                templateUrl: '/static/views/credentials/add-credentials.view.html',
+                templateUrl: pathService.getViewPath('credentials/add-credentials'),
                 controller: AddController,
                 controllerAs: 'vm'
             }
         },
         resolve: {
-            credentialType: ['CredentialType', CredentialType => {
-                return CredentialType.get().then(() => CredentialType);
+            credentialType: ['CredentialType', credentialType => {
+                return credentialType.get().then(() => credentialType);
             }]
         }
     });
@@ -76,7 +77,8 @@ function config ($stateExtenderProvider) {
 }
 
 config.$inject = [
-  '$stateExtenderProvider'
+  '$stateExtenderProvider',
+  'PathServiceProvider'
 ];
 
 angular