dashboard: indicate failed activites

circle/dashboard/static/dashboard/dashboard.css

@@ -84,6 +84,25 @@ body {
 .timeline .timeline-icon.timeline-nobg {
 .timeline .timeline-icon.timeline-nobg {
   background-color: transparent;
   background-color: transparent;
 }
 }
+
+.sub-timeline {                                                           
+}   
+
+.sub-activity {
+  margin-left: 30px;
+  padding-left: 10px;
+  border-left: 3px solid green;                                           
+}
+
+.sub-activity-failed {
+  border-left: 3px solid #d9534f;
+}
+
+.timeline-icon-failed {
+  background-color: #d9534f !important;
+}
+
+
 .table-with-form-fields tbody tr td {
 .table-with-form-fields tbody tr td {
   line-height: 34px;
   line-height: 34px;
 }
 }

circle/dashboard/templates/dashboard/vm-detail/_activity-timeline.html

+{% load i18n %}
 {% for a in activities %}
 {% for a in activities %}
 <div class="activity" data-activity-id="{{ a.pk }}">
 <div class="activity" data-activity-id="{{ a.pk }}">
-<span class="timeline-icon">
+  <span class="timeline-icon{% if a.has_failed %} timeline-icon-failed{% endif %}">
   <i class="{% if not a.finished %} icon-refresh icon-spin {% else %}icon-plus{% endif %}"></i>
   <i class="{% if not a.finished %} icon-refresh icon-spin {% else %}icon-plus{% endif %}"></i>
 </span> 
 </span> 
 <strong>{{ a.get_readable_name }}</strong>
 <strong>{{ a.get_readable_name }}</strong>
@@ -8,13 +9,16 @@
   {% if a.children.count > 0 %}
   {% if a.children.count > 0 %}
     <div class="sub-timeline">
     <div class="sub-timeline">
       {% for s in a.children.all %}
       {% for s in a.children.all %}
-        <div data-activity-id="{{ s.pk }}" class="sub-activity">
+      <div data-activity-id="{{ s.pk }}" class="sub-activity{% if s.has_failed %} sub-activity-failed{% endif %}">
         {{ s.get_readable_name }} - 
         {{ s.get_readable_name }} - 
         {% if s.finished %}
         {% if s.finished %}
           {{ s.finished|time:"H:i:s" }}
           {{ s.finished|time:"H:i:s" }}
         {% else %}
         {% else %}
           <i class="icon-refresh icon-spin" class="sub-activity-loading-icon"></i>
           <i class="icon-refresh icon-spin" class="sub-activity-loading-icon"></i>
         {% endif %}
         {% endif %}
+        {% if s.has_failed %}
+          <div class="label label-danger">{% trans "failed" %}</div>
+        {% endif %}
         </div>
         </div>
       {% endfor %}
       {% endfor %}
     </div>
     </div>

circle/dashboard/templates/dashboard/vm-detail/activity.html

 {% load i18n %}
 {% load i18n %}
+
 <h3>{% trans "Activity" %}</h3>
 <h3>{% trans "Activity" %}</h3>
-<style>
-  .sub-timeline {
-    border-left: 3px solid green;
-    margin-left: 30px;
-    padding-left: 10px;
-  }
-</style>
 
 
 <div id="activity-timeline" class="timeline">
 <div id="activity-timeline" class="timeline">
   {% include "dashboard/vm-detail/_activity-timeline.html" %}
   {% include "dashboard/vm-detail/_activity-timeline.html" %}