From e51e4e5f6c3f28a86c3c4186d6dc0961a33ebbde Mon Sep 17 00:00:00 2001
From: Haokun-Chen <chen.haokun@outlook.com>
Date: Fri, 22 Jun 2018 13:09:04 -0400
Subject: [PATCH] fix job result stats section when running/finish jobs

---
 .../client/features/output/stats.partial.html  | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/awx/ui/client/features/output/stats.partial.html b/awx/ui/client/features/output/stats.partial.html
index c43992eed8..c04df0d8d0 100644
--- a/awx/ui/client/features/output/stats.partial.html
+++ b/awx/ui/client/features/output/stats.partial.html
@@ -1,21 +1,21 @@
 <!-- todo: styling, markup, 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 ng-show="vm.running" class="at-Panel-headingTitleBadge">...</span>
+    <span ng-show="!vm.running" class="at-Panel-headingTitleBadge">{{ vm.plays || 0 }}</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 ng-show="vm.running" class="at-Panel-headingTitleBadge">...</span>
+    <span ng-show="!vm.running" class="at-Panel-headingTitleBadge">{{ vm.tasks || 0 }}</span>
 
     <span class="at-Panel-label">{{:: vm.strings.get('stats.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 ng-show="vm.running" class="at-Panel-headingTitleBadge">...</span>
+    <span ng-show="!vm.running" class="at-Panel-headingTitleBadge">{{ vm.hosts || 0 }}</span>
 
     <span class="at-Panel-label">{{:: vm.strings.get('stats.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 ng-show="vm.running" class="at-Panel-headingTitleBadge">...</span>
+    <span ng-show="!vm.running" class="at-Panel-headingTitleBadge">
+        {{ (vm.elapsed * 1000 || 0) | duration: "hh:mm:ss"}}
     </span>
 
     <a ng-show="vm.download && !vm.running" href="{{ vm.download }}?format=txt_download">