Merge pull request #289 from flask-dashboard/reporting-colors

added color coding for average latency development in reporting
flask-dashboard · Jan 9, 2020 · b61d18a · b61d18a
2 parents 8af334f + e1e1ab1
commit b61d18a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/flask_monitoringdashboard/static/css/custom.css b/flask_monitoringdashboard/static/css/custom.css
@@ -497,4 +497,7 @@ footer.sticky-footer {
         transform: scaleY(1.0);
         -webkit-transform: scaleY(1.0);
     }
-}
+}
+
+.greenText {color:green;}
+.redText {color:red;}
diff --git a/flask_monitoringdashboard/static/pages/reporting.html b/flask_monitoringdashboard/static/pages/reporting.html
@@ -107,7 +107,7 @@ <h1>{{ summary.endpoint_name }}</h1>
                             <li class="list-group-item" ng-show="answer.is_significant || !onlyShowInteresting">
                                 <div ng-switch="answer.type">
                                     <div ng-switch-when="AVERAGE_LATENCY" style="padding-bottom:15px">
-                                        <h4>Average latency
+                                        <h4 ng-class="answer.percentual_diff > 0 ? 'greenText' : 'redText'">Average latency
                                             {{ answer.percentual_diff > 0 ? 'increased' : 'decreased' }} by
                                             {{ answer.percentual_diff | abs | number : 0 }}%</h4>
                                         <p>From {{ answer.compared_to_average|number:0 }}ms to