From e21a2a03b23d0426e3e1d6fe531b9b4b2cfa8c2c Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Sat, 10 Oct 2020 17:10:12 -0700
Subject: [PATCH] More information about clients in the info panel

---
 ui/app/templates/topology.hbs | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/ui/app/templates/topology.hbs b/ui/app/templates/topology.hbs
index e7e618f3a..4d562e0ed 100644
--- a/ui/app/templates/topology.hbs
+++ b/ui/app/templates/topology.hbs
@@ -29,21 +29,35 @@
           </div>
           <div class="boxed-section-body">
             {{#if this.activeNode}}
+              {{#let this.activeNode.node as |node|}}
               <div class="dashboard-metric">
                 <p class="metric">{{this.activeNode.allocations.length}} <span class="metric-label">Allocations</span></p>
               </div>
               <div class="dashboard-metric">
                 <h3 class="pair">
                   <strong>Client:</strong>
-                  <LinkTo @route="clients.client" @model={{this.activeNode.node}}>
-                    {{this.activeNode.node.shortId}}
+                  <LinkTo @route="clients.client" @model={{node}}>
+                    {{node.shortId}}
                   </LinkTo>
                 </h3>
-                <p><strong>Name:</strong> {{this.activeNode.node.name}}</p>
-                <p><strong>Address:</strong> {{this.activeNode.node.httpAddr}}</p>
+                <p><strong>Name:</strong> {{node.name}}</p>
+                <p><strong>Address:</strong> {{node.httpAddr}}</p>
+                <p><strong>Status:</strong> {{node.status}}</p>
+              </div>
+              <div class="dashboard-metric">
+                <h3 class="pair">
+                  <strong>Draining?</strong> <span class="{{if node.isDraining "status-text is-info"}}">{{if node.isDraining "Yes" "No"}}</span>
+                </h3>
+                <h3 class="pair">
+                  <strong>Eligible?</strong> <span class="{{unless node.isEligible "status-text is-warning"}}">{{if node.isEligible "Yes" "No"}}</span>
+                </h3>
               </div>
               <div class="dashboard-metric with-divider">
-                <p class="metric">{{this.nodeUtilization.totalMemoryFormatted}} <span class="metric-units">{{this.nodeUtilization.totalMemoryUnits}}</span> <span class="metric-label">of memory</span></p>
+                <p class="metric">
+                  {{this.nodeUtilization.totalMemoryFormatted}}
+                  <span class="metric-units">{{this.nodeUtilization.totalMemoryUnits}}</span>
+                  <span class="metric-label">of memory</span>
+                </p>
                 <div class="columns graphic">
                   <div class="column">
                     <div class="inline-chart" data-test-percentage-bar>
@@ -84,6 +98,7 @@
                   <strong>{{this.nodeUtilization.totalReservedCPU}} Mhz</strong> / {{this.nodeUtilization.totalCPU}} Mhz reserved
                 </div>
               </div>
+              {{/let}}
             {{else if this.activeAllocation}}
               <div class="dashboard-metric">
                 <h3 class="pair">