wip - integrate adhoc and workflow

awx/ui/client/features/output/stats.partial.html

@@ -1,3 +1,42 @@
+<!-- todo: styling, css etc. - disposition according to project lib conventions -->
+<div class="at-u-floatRight">
+    <span class="at-Panel-label">plays</span>
+    <span ng-show="!vm.plays" class="at-Panel-headingTitleBadge">...</span>
+    <span ng-show="vm.plays" class="at-Panel-headingTitleBadge">{{ vm.plays }}</span>
+
+    <span class="at-Panel-label">tasks</span>
+    <span ng-show="!vm.tasks" class="at-Panel-headingTitleBadge">...</span>
+    <span ng-show="vm.tasks" class="at-Panel-headingTitleBadge">{{ vm.tasks }}</span>
+
+    <span class="at-Panel-label">hosts</span>
+    <span ng-show="!vm.hosts" class="at-Panel-headingTitleBadge">...</span>
+    <span ng-show="vm.hosts" class="at-Panel-headingTitleBadge">{{ vm.hosts }}</span>
+
+    <span class="at-Panel-label">elapsed</span>
+    <span ng-show="!vm.elapsed" class="at-Panel-headingTitleBadge">...</span>
+    <span ng-show="vm.elapsed" class="at-Panel-headingTitleBadge">
+        {{ vm.elapsed * 1000 | duration: "hh:mm:ss" }}
+    </span>
+
+    <button class="btn at-Input-button at-u-noBorder"
+        aw-tool-tip="{{ toggleStdoutFullscreenTooltip }}"
+        data-tip-watch="toggleStdoutFullscreenTooltip"
+        data-placement="top"
+        ng-class="{'StandardOut-actionButton--active': stdoutFullScreen}"
+        ng-click="toggleStdoutFullscreen()">
+        <i class="fa fa-arrows-alt"></i>
+    </button>
+
+    <a ng-show="true" href="/api/v2/jobs/{{ job.id }}/stdout?format=txt_download">
+        <button class="btn at-Input-button at-u-noBorder"
+            aw-tool-tip="{{ standardOutTooltip }}"
+            data-tip-watch="standardOutTooltip"
+            data-placement="top">
+            <i class="fa fa-download"></i>
+        </button>
+    </a>
+</div>
+
 <div class="HostStatusBar">
     <div class="HostStatusBar-ok"
         data-placement="top"
@@ -19,10 +58,10 @@
         aw-tool-tip="{{ vm.tooltips.failures }}"
         data-tip-watch="vm.tooltips.failures">
     </div>
-    <div class="HostStatusBar-unreachable"
+    <div class="HostStatusBar-dark"
         data-placement="top"
-        aw-tool-tip="{{ vm.tooltips.unreachable }}"
-        data-tip-watch="vm.tooltips.unreachable">
+        aw-tool-tip="{{ vm.tooltips.dark }}"
+        data-tip-watch="vm.tooltips.dark">
     </div>
     <div class="HostStatusBar-noData"
         ng-show="vm.running"