From 23704bd2dfca0cdff9661861b522e3fdd02f9023 Mon Sep 17 00:00:00 2001
From: Andrew Brown <drusepth@gmail.com>
Date: Mon, 22 Jul 2019 01:37:20 -0500
Subject: [PATCH] wrapping up

---
 app/assets/stylesheets/editor.css.scss        |  2 +-
 .../documents/analysis/_processing.html.erb   | 48 +++++++++++++++----
 2 files changed, 40 insertions(+), 10 deletions(-)

diff --git a/app/assets/stylesheets/editor.css.scss b/app/assets/stylesheets/editor.css.scss
index 61e4a9a2..83e2b080 100644
--- a/app/assets/stylesheets/editor.css.scss
+++ b/app/assets/stylesheets/editor.css.scss
@@ -41,7 +41,7 @@ b, strong {
 
 .smart-sidebar {
   opacity: 0.4;
-  margin-top: 10px;
+  margin-top: 10px;  
 
   &:hover {
     opacity: 1.0;
diff --git a/app/views/documents/analysis/_processing.html.erb b/app/views/documents/analysis/_processing.html.erb
index 1cc6be25..d47982c5 100644
--- a/app/views/documents/analysis/_processing.html.erb
+++ b/app/views/documents/analysis/_processing.html.erb
@@ -15,11 +15,20 @@
         <div class="card-title">Word Choice</div>
         <div class="progress">
           <% if analysis && analysis.progress >= 25 %>
-            <div class="determinate" style="width: 100%"></div>
+            <div class="determinate <%= Document.color %>" style="width: 100%"></div>
           <% else %>
-            <div class="indeterminate"></div>
+            <div class="indeterminate yellow"></div>
           <% end %>
         </div>
+        <% if analysis && analysis.progress < 25 %>
+          <p class="help-text">
+            Analyzing...
+          </p>
+        <% else %>
+          <p class="help-text">
+            Analysis complete.
+          </p>
+        <% end %>
       </div>
     </div>
   </div>
@@ -30,11 +39,20 @@
         <div class="card-title">Readability</div>
         <div class="progress">
           <% if analysis && analysis.progress >= 50 %>
-            <div class="determinate" style="width: 100%"></div>
+            <div class="determinate <%= Document.color %>" style="width: 100%"></div>
           <% else %>
-            <div class="indeterminate"></div>
+            <div class="indeterminate yellow"></div>
           <% end %>
         </div>
+        <% if analysis && analysis.progress < 50 %>
+          <p class="help-text">
+            Analyzing...
+          </p>
+        <% else %>
+          <p class="help-text">
+            Analysis complete.
+          </p>
+        <% end %>
       </div>
     </div>
   </div>
@@ -45,11 +63,20 @@
         <div class="card-title">Entities</div>
         <div class="progress">
           <% if analysis && analysis.progress >= 75 %>
-            <div class="determinate" style="width: 100%"></div>
+            <div class="determinate <%= Document.color %>" style="width: 100%"></div>
           <% else %>
-            <div class="indeterminate"></div>
+            <div class="indeterminate orange"></div>
           <% end %>
         </div>
+        <% if analysis && analysis.progress < 75 %>
+          <p class="help-text">
+            Analyzing...
+          </p>
+        <% else %>
+          <p class="help-text">
+            Analysis complete.
+          </p>
+        <% end %>
       </div>
     </div>
   </div>
@@ -58,10 +85,13 @@
     <div class="card">
       <div class="card-content">
         <div class="card-title">Emotion</div>
-        <div class="progress">
-          <div class="indeterminate"></div>
+          <div class="progress">
+            <div class="indeterminate orange"></div>
+          </div>
+          <p class="help-text">
+            Analyzing...
+          </p>
         </div>
-      </div>
     </div>
   </div>
 </div>
\ No newline at end of file