Add input-search component

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

@@ -1,10 +1,26 @@
 function IndexController () {
-  let vm = this;
+    let vm = this;
 
-  vm.panel = {
-    title: 'Credentials',
-    titleBadge: 5
-  };
+    vm.panel = {
+        heading: {
+            title: {
+                text: 'Credentials'
+            },
+            badge: {
+                text: 5
+            }
+        }
+    };
+
+    vm.key = {
+        on: false,
+        button: {
+            text: 'Key'
+        },
+        body: {
+            text: 'Yadda yadda yadda'
+        }
+    };
 }
 
 // IndexController.$inject = [];

awx/ui/client/src/credentials/index.view.html

@@ -1,6 +1,22 @@
 <at-panel>
-  <at-panel-heading config="vm.panel">
-  </at-panel-heading>
-  <at-panel-body>
+  <at-panel-heading config="vm.panel.heading"></at-panel-heading>
+  <at-panel-body config="vm.panel.body">
+    <div class="row">
+      <div class="col-md-5">
+        <at-input-search config="vm.panel.search"></at-input-search>
+      </div>
+      <div class="col-md-1 at-u-noPadding">
+        <button class="btn btn-default at-Button" ng-click="vm.key.on = !vm.key.on">
+          {{ vm.key.button.text }}
+        </button>
+      </div>
+    </div>
+    <div ng-show="vm.key.on" class="row">
+      <div class="col-md-12">
+        <div class="well">
+          {{ vm.key.body.text }}  
+        </div>
+      </div>
+    </div>
   </at-panel-body>
 </at-panel>