wrapping up

This commit is contained in:
Andrew Brown 2019-07-22 01:37:20 -05:00
parent ff95ed396f
commit 23704bd2df
2 changed files with 40 additions and 10 deletions

View File

@ -41,7 +41,7 @@ b, strong {
.smart-sidebar {
opacity: 0.4;
margin-top: 10px;
margin-top: 10px;
&:hover {
opacity: 1.0;

View File

@ -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>