don't show lookup until data is fetched

awx/ui/client/features/credentials/input-source-lookup.component.js

@@ -1,14 +1,22 @@
 const templateUrl = require('~features/credentials/input-source-lookup.partial.html');
 
-function InputSourceLookupController (strings) {
+function InputSourceLookupController (strings, wait) {
     const vm = this || {};
 
     vm.strings = strings;
     vm.title = strings.get('inputSources.TITLE');
+
+    vm.$onInit = () => wait('start');
+
+    vm.onReady = () => {
+        vm.isReady = true;
+        wait('stop');
+    };
 }
 
 InputSourceLookupController.$inject = [
     'CredentialsStrings',
+    'Wait',
 ];
 
 export default {

awx/ui/client/features/credentials/input-source-lookup.partial.html

@@ -1,4 +1,4 @@
-<at-easy-modal title="vm.title" on-close="vm.onClose">
+<at-easy-modal title="vm.title" on-close="vm.onClose" ng-show="vm.isReady">
     <at-tab-group>
         <at-tab
             state="vm.tabs.credential"
@@ -23,6 +23,7 @@
         }"
         results-filter="vm.resultsFilter"
         selected-id="vm.selectedId"
+        on-ready="vm.onReady"
         on-select="vm.onSelect"
         on-row-click="vm.onRowClick"
     />

awx/ui/client/lib/components/lookup-list/lookup-list.component.js

@@ -15,7 +15,8 @@ function LookupListController (GetBasePath, Rest, strings) {
         Rest.get({ params })
             .then(({ data }) => {
                 setData(resultsFilter(data));
-            });
+            })
+            .finally(() => vm.onReady());
     };
 
     function setData ({ results, count }) {
@@ -43,6 +44,7 @@ export default {
     bindings: {
         onSelect: '=',
         onRowClick: '=',
+        onReady: '=',
         selectedId: '=',
         resourceName: '@',
         baseParams: '=',