Show message to upload data when no data

Author: Trent Willis

app/styles/app.css

@@ -9,6 +9,12 @@ body {
   z-index: 1;
 }
 
+.upload-data-banner {
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
 .node text {
   font: 10px sans-serif;
 }

app/templates/application.hbs

@@ -60,4 +60,21 @@
   <button class="modal-close" {{action (action (mut showUploadModal) false)}}></button>
 </div>
 
-{{outlet}}
+{{#if graph.data}}
+  {{outlet}}
+{{else}}
+  <section class="upload-data-banner hero is-fullheight is-light">
+    <div class="hero-body">
+      <div class="container has-text-centered">
+        <a href="#" {{action (action (mut showUploadModal) true)}}>
+          <h1 class="title">
+            <i class="fa fa-exclamation-triangle"></i>
+          </h1>
+          <h2 class="subtitle">
+            Please upload data.
+          </h2>
+        </a>
+      </div>
+    </div>
+  </section>
+{{/if}}