From e9ba939bd6329ef0ce33a106fc1a7c0c370ccbfa Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Mon, 10 Dec 2018 15:26:27 -0800
Subject: [PATCH] Conditionally show the utilization graphs on the allocation
 and task detail pages

---
 .../allocations/allocation/index.hbs          | 19 +++++++++++++------
 .../allocations/allocation/task/index.hbs     | 19 +++++++++++++------
 2 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/ui/app/templates/allocations/allocation/index.hbs b/ui/app/templates/allocations/allocation/index.hbs
index 9ea4f650d..668094bd0 100644
--- a/ui/app/templates/allocations/allocation/index.hbs
+++ b/ui/app/templates/allocations/allocation/index.hbs
@@ -22,14 +22,21 @@
       Resource Utilization
     </div>
     <div class="boxed-section-body">
-      <div class="columns">
-        <div class="column">
-          {{primary-metric resource=model metric="cpu"}}
+      {{#if model.isRunning}}
+        <div class="columns">
+          <div class="column">
+            {{primary-metric resource=model metric="cpu"}}
+          </div>
+          <div class="column">
+            {{primary-metric resource=model metric="memory"}}
+          </div>
         </div>
-        <div class="column">
-          {{primary-metric resource=model metric="memory"}}
+      {{else}}
+        <div class="empty-message">
+          <h3 class="empty-message-headline">Allocation isn't running</h3>
+          <p class="empty-message-body">Only running allocations utilize resources.</p>
         </div>
-      </div>
+      {{/if}}
     </div>
   </div>
 
diff --git a/ui/app/templates/allocations/allocation/task/index.hbs b/ui/app/templates/allocations/allocation/task/index.hbs
index dad7a4a71..4d4a46a08 100644
--- a/ui/app/templates/allocations/allocation/task/index.hbs
+++ b/ui/app/templates/allocations/allocation/task/index.hbs
@@ -30,14 +30,21 @@
       Resource Utilization
     </div>
     <div class="boxed-section-body">
-      <div class="columns">
-        <div class="column">
-          {{primary-metric resource=model metric="cpu"}}
+      {{#if model.isRunning}}
+        <div class="columns">
+          <div class="column">
+            {{primary-metric resource=model metric="cpu"}}
+          </div>
+          <div class="column">
+            {{primary-metric resource=model metric="memory"}}
+          </div>
         </div>
-        <div class="column">
-          {{primary-metric resource=model metric="memory"}}
+      {{else}}
+        <div class="empty-message">
+          <h3 class="empty-message-headline">Task isn't running</h3>
+          <p class="empty-message-body">Only running tasks utilize resources.</p>
         </div>
-      </div>
+      {{/if}}
     </div>
   </div>