From be2d0fc20133759aeac5729e29aada2447d299ea Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Wed, 23 Sep 2020 23:09:53 -0700
Subject: [PATCH] A better loading screen for the topo viz while nodes load

---
 ui/app/templates/components/topo-viz.hbs | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/app/templates/components/topo-viz.hbs b/ui/app/templates/components/topo-viz.hbs
index 79f9029f8..78d3ca7ad 100644
--- a/ui/app/templates/components/topo-viz.hbs
+++ b/ui/app/templates/components/topo-viz.hbs
@@ -1,6 +1,10 @@
-<div class="topo-viz {{if (eq this.datacenters.length 1) "is-single-column"}}" {{did-insert (perform this.buildTopology)}} {{did-insert this.captureElement}}>
+<div class="topo-viz {{if (or this.buildTopology.isRunning (eq this.datacenters.length 1)) "is-single-column"}}" {{did-insert (perform this.buildTopology)}} {{did-insert this.captureElement}}>
   {{#if this.buildTopology.isRunning}}
-    <div class="has-text-centered"><LoadingSpinner /></div>
+    <div class="has-text-centered">
+      <h2 class="title">Loading. If you have a lot of clients this may take awhile</h2>
+      <p>Every client needs to be loaded individually. This is a shortcoming of the prototype and will be fixed before this is graduated to the actual Nomad project.</p>
+      <LoadingSpinner />
+    </div>
   {{else}}
     {{#each this.topology.datacenters as |dc|}}
       <TopoViz::Datacenter