feat(DisplayErrorsRateTendency): show errors rate tendency

BBVA · Jan 31, 2018 · 972b0e7 · 972b0e7
1 parent bf56536
commit 972b0e7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/mirrorgate-dashboard/src/components/tiles/operations-metrics/operations-component.html b/mirrorgate-dashboard/src/components/tiles/operations-metrics/operations-component.html
@@ -36,7 +36,7 @@ <h3 class="title-desc">
     <div class="component__body">
       <div class="indicator__bar">
         <div class="indicator" rv-show="metrics.errorsRate | >= 0">
-          <div class="stats">{metrics.errorsRate}% </div>
+          <div class="stats">{metrics.errorsRate}% <span class="tendency" rv-pclass-tendency="metrics.errorsRateTendency"></span></div>
           <div class="stat-desc">of errors</div>
         </div>
         <div class="indicator" rv-show="metrics.availabilityRate | >= 0">

diff --git a/mirrorgate-dashboard/src/components/tiles/operations-metrics/operations-controller.js b/mirrorgate-dashboard/src/components/tiles/operations-metrics/operations-controller.js
@@ -49,6 +49,8 @@ var OperationsController = (function(dashboardId) {
           }
           if(metric.name === 'errorsNumber') {
             errorsNumber += parseInt(metric.value);
+            let errorsRateTendencyChange = parseInt(metric.midTermTendency);
+            errorsRateTendency = errorsRateTendencyChange < -10 ? 'threedown' : errorsRateTendencyChange < -5 ? 'twodown' : errorsRateTendencyChange < -1 ? 'onedown' : errorsRateTendencyChange > 10 ? 'threeup' : errorsRateTendencyChange > 5 ? 'twoup' : errorsRateTendencyChange > 1 ? 'oneup' : 'eq';
             return;
           }
           if(metric.name === 'availabilityRate') {
@@ -81,6 +83,7 @@ var OperationsController = (function(dashboardId) {
           requestsNumberTendency: requestsNumberTendency,
           availabilityRateTendency: availabilityRateTendency,
           responseTimeTendency: responseTimeTendency,
+          errorsRateTendency: errorsRateTendency,
         };
 
         model.responseTimeAlertingLevels = {