event processing for details panel and initial stats bar integration

awx/ui/client/features/output/index.js

@@ -6,13 +6,16 @@ import Controller from '~features/output/index.controller';
 import PageService from '~features/output/page.service';
 import RenderService from '~features/output/render.service';
 import ScrollService from '~features/output/scroll.service';
-import SearchKeyDirective from '~features/output/search-key.directive';
 import StreamService from '~features/output/stream.service';
-import DetailsDirective from '~features/output/details.directive.js';
+
+import DetailsDirective from '~features/output/details.directive';
+import SearchKeyDirective from '~features/output/search-key.directive';
+import StatusDirective from '~features/output/status.directive';
 
 const Template = require('~features/output/index.view.html');
 
 const MODULE_NAME = 'at.features.output';
+
 const PAGE_CACHE = true;
 const PAGE_LIMIT = 5;
 const PAGE_SIZE = 50;
@@ -66,13 +69,21 @@ function resolveResource (
 
     Wait('start');
     return new Resource(['get', 'options'], [id, id])
-        .then(model => Promise.all([
-            model.extend('labels'),
-            model.extend(related, config)
-        ]))
-        .then(([ model ]) => ({
+        .then(model => {
+            const promises = [model.getStats()];
+
+            if (model.has('related.labels')) {
+                promises.push(model.extend('labels'));
+            }
+
+            promises.push(model.extend(related, config));
+
+            return Promise.all(promises);
+        })
+        .then(([stats, model]) => ({
             id,
             type,
+            stats,
             model,
             related,
             ws: {
@@ -200,6 +211,7 @@ angular
     .service('JobStreamService', StreamService)
     .directive('atDetails', DetailsDirective)
     .directive('atSearchKey', SearchKeyDirective)
+    .directive('atStatus', StatusDirective)
     .run(JobsRun);
 
 export default MODULE_NAME;