Add status indicator on evals pages

Author: mbillow

conditional/templates/intro_evals.html

@@ -15,6 +15,18 @@
                     <div class="col-sm-2 col-md-2 col-lg-2 vcenter">
                         <div style="margin:auto; width:100px">
                             <img class="eval-user-img" alt="{{m['uid']}}" src="https://profiles.csh.rit.edu/image/{{m['uid']}}" width="100" height="100" />
+                            {% if m['ldap_account'] %}
+                                {% if m['status'] == "Passed" %}
+                                <span class="glyphicon glyphicon-ok white success eval-user-status"></span>
+                                {% elif m['status'] == "Pending" %}
+                                <span class="glyphicon glyphicon-hourglass white warning eval-user-status"></span>
+                                {% else %}
+                                <span class="glyphicon glyphicon-remove white danger eval-user-status"></span>
+                                {% endif %}
+                            {% else %}
+                            <span class="glyphicon glyphicon-hourglass white warning eval-user-status"></span>
+                            {%  endif %}
+
                         </div>
                         <!---->
                     </div>

conditional/templates/spring_evals.html

@@ -14,6 +14,15 @@
                     <div class="col-sm-2 col-md-2 col-lg-2 vcenter">
                         <div style="margin:auto; width:100px">
                             <img class="eval-user-img" alt="{{m['uid']}}" src="https://profiles.csh.rit.edu/image/{{m['uid']}}" width="100" height="100" />
+
+                            {% if m['status'] == "Passed" %}
+                            <span class="glyphicon glyphicon-ok white success eval-user-status"></span>
+                            {% elif m['status'] == "Pending" %}
+                            <span class="glyphicon glyphicon-hourglass white warning eval-user-status"></span>
+                            {% else %}
+                            <span class="glyphicon glyphicon-remove white danger eval-user-status"></span>
+                            {% endif %}
+
                         </div>
                         <!---->
                     </div>

frontend/stylesheets/pages/_evals.scss

@@ -14,13 +14,23 @@
 }
 
 .eval-user-img {
-  border-radius: 200px;
+  border-radius: 50%;
 }
 
 .eval-panel {
   padding: 25px 20px;
 }
 
+.eval-user-status {
+  display: block;
+  float: right;
+  margin: -25px 5px;
+  border-radius: 50%;
+  padding: 5.5px;
+  width: 25px;
+  height: 25px;
+}
+
 .col-sm-2 {
   padding-right: 0;
   padding-left: 0;

frontend/stylesheets/partials/_global.scss

@@ -47,6 +47,10 @@
   background-color: #00b44a;
 }
 
+.white {
+  color: #fff;
+}
+
 .align-center {
   text-align: center;
 }