From a022b618f4c74fa258cbc4d0da862fca7c01740f Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Tue, 8 May 2018 11:24:11 -0700
Subject: [PATCH] Show a warning icon on client node rows that have unhealthy
 drivers

---
 ui/app/templates/clients/index.hbs              | 1 +
 ui/app/templates/components/client-node-row.hbs | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/ui/app/templates/clients/index.hbs b/ui/app/templates/clients/index.hbs
index 1b43c78c3..888c05634 100644
--- a/ui/app/templates/clients/index.hbs
+++ b/ui/app/templates/clients/index.hbs
@@ -23,6 +23,7 @@
           sortDescending=sortDescending
           class="with-foot" as |t|}}
           {{#t.head}}
+            <th class="is-narrow"></th>
             {{#t.sort-by prop="id"}}ID{{/t.sort-by}}
             {{#t.sort-by class="is-200px is-truncatable" prop="name"}}Name{{/t.sort-by}}
             {{#t.sort-by prop="status"}}Status{{/t.sort-by}}
diff --git a/ui/app/templates/components/client-node-row.hbs b/ui/app/templates/components/client-node-row.hbs
index 184a00e2b..9a946006d 100644
--- a/ui/app/templates/components/client-node-row.hbs
+++ b/ui/app/templates/components/client-node-row.hbs
@@ -1,3 +1,10 @@
+<td data-test-icon class="is-narrow">
+  {{#if node.unhealthyDrivers.length}}
+    <span class="tooltip text-center" aria-label="Client has unhealthy drivers">
+      {{x-icon "warning" class="is-warning"}}
+    </span>
+  {{/if}}
+</td>
 <td data-test-client-id>{{#link-to "clients.client" node.id class="is-primary"}}{{node.shortId}}{{/link-to}}</td>
 <td data-test-client-name class="is-200px is-truncatable" title="{{node.name}}">{{node.name}}</td>
 <td data-test-client-status>{{node.status}}</td>