Add form, text, and custom dropdown components

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

@@ -12,6 +12,7 @@ function AddCredentialsController (credentialType) {
 
     vm.kind = {
         label: 'Type',
+        placeholder: 'Select a Type',
         required: true,
         text: 'kind',
         value: 'id',

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

@@ -4,23 +4,10 @@
     </at-panel-heading>
 
     <at-panel-body>
-        <at-tab-navigation>
-            <at-tab>Details</at-tab>
-            <at-tab>Permissions</at-tab>
-        </at-tab-navigation>
-
-        <div class="row">
-            <div class="col-sm-4">
-                <at-input-text config="vm.name"></at-input-text>
-            </div>
-
-            <div class="col-sm-4">
-                <at-input-text config="vm.description"></at-input-text>
-            </div>
-
-            <div class="col-sm-4">
-                <at-input-select config="vm.kind"></at-input-select>
-            </div>
-        </div>
+        <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-form>
     </at-panel-body>
 </at-panel>

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

@@ -80,7 +80,7 @@ config.$inject = [
 ];
 
 angular
-    .module('at.feature.credentials', [])
+    .module('at.features.credentials', [])
     .config(config)
     .factory('CredentialList', CredentialList)
     .controller('ListController', ListController)