Merge pull request #253 in BGDFM/mirrorgate from feature/DOST05-506-i…

…us-display-short-term-tendency to develop

* commit '737be28c1078e479b64d0f4e13972389c35132f0':
  fix(HistoricTendency): fix arrows color

mirrorgate-dashboard/src/components/tiles/operations-metrics/operations-controller.js

@@ -54,7 +54,7 @@ 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';
+            errorsRateTendency = errorsRateTendencyChange < -10 ? 'threedown-green' : errorsRateTendencyChange < -5 ? 'twodown-green' : errorsRateTendencyChange < -1 ? 'onedown-green' : errorsRateTendencyChange > 10 ? 'threeup-red' : errorsRateTendencyChange > 5 ? 'twoup-red' : errorsRateTendencyChange > 1 ? 'oneup-red' : 'eq';
             return;
           }
           if(metric.name === 'availabilityRate') {
@@ -69,7 +69,7 @@ var OperationsController = (function(dashboardId) {
             if(metric.sampleSize) {
               responseTime = metric.value / metric.sampleSize;
               let responseTimeTendencyChange = parseInt(metric.midTermTendency);
-              responseTimeTendency = responseTimeTendencyChange < -10 ? 'threedown' : responseTimeTendencyChange < -5 ? 'twodown' : responseTimeTendencyChange < -1 ? 'onedown' : responseTimeTendencyChange > 10 ? 'threeup' : responseTimeTendencyChange > 5 ? 'twoup' : responseTimeTendencyChange > 1 ? 'oneup' : 'eq';
+              responseTimeTendency = responseTimeTendencyChange < -10 ? 'threedown-green' : responseTimeTendencyChange < -5 ? 'twodown-green' : responseTimeTendencyChange < -1 ? 'onedown-green' : responseTimeTendencyChange > 10 ? 'threeup-red' : responseTimeTendencyChange > 5 ? 'twoup-red' : responseTimeTendencyChange > 1 ? 'oneup-red' : 'eq';
             }
             return;
           }

mirrorgate-dashboard/src/sass/components/__components-common.scss

@@ -581,4 +581,40 @@ svg {
     display: inline-block;
   }
 
+  &.tendency-oneup-red::before {
+    content: url(../img/top_arrow_red.svg);
+    width: 16px;
+    display: inline-block;
+  }
+
+  &.tendency-twoup-red::before {
+    content: url(../img/top_arrow_double_red.svg);
+    width: 16px;
+    display: inline-block;
+  }
+
+  &.tendency-threeup-red::before {
+    content: url(../img/top_arrow_triple_red.svg);
+    width: 16px;
+    display: inline-block;
+  }
+
+  &.tendency-onedown-green::before {
+    content: url(../img/down_arrow_green.svg);
+    width: 16px;
+    display: inline-block;
+  }
+
+  &.tendency-twodown-green::before {
+    content: url(../img/down_arrow_double_green.svg);
+    width: 16px;
+    display: inline-block;
+  }
+
+  &.tendency-threedown-green::before {
+    content: url(../img/down_arrow_triple_green.svg);
+    width: 16px;
+    display: inline-block;
+  }
+
 }