Merge pull request #130 from flygare/fix-color-bug-heatmap

Fixed color bug for selecting while timelapsing
qvantel · May 10, 2017 · 37a09c4 · 37a09c4
2 parents 8d6ce46 + 4e75953
commit 37a09c4
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/heatmap_panel/src/HeatmapCtrl.js b/heatmap_panel/src/HeatmapCtrl.js
@@ -147,6 +147,31 @@ export class HeatmapCtrl extends MetricsPanelCtrl {
         this.circles.setCircleColor(this.currentDataList, index, '.circle', this.lightTheme ? 'lightgrey' : 'white');
       } else {
         this.selected.push(serviceName);
+
+        if (this.timelapse.state !== 'stop') {
+          let rearragned = [];
+          for (let i = 0; i < this.currentDataList.length; i++) {
+            let productName = this.targetParser.parseName(this.currentDataList[i].target)
+
+            if (this.selected.includes(productName)) {
+              rearragned.push(productName);
+            } else {
+              this.circles.setCircleColor(this.currentDataList, i, '.circle', this.lightTheme ? 'lightgrey' : 'white');
+            }
+          }
+
+          for (let i = 0; i < rearragned.length; i++) {
+            let k = 0;
+
+            while (rearragned[i] !== this.targetParser.parseName(this.currentDataList[k].target) && this.currentDataList[k + 1] !== undefined) {
+              k++;
+            }
+
+            if (rearragned[i] === this.targetParser.parseName(this.currentDataList[k].target)) {
+              this.circles.setCircleColor(this.currentDataList, k, '.circle', this.panel.colors[i]);
+            }
+          }
+        }
       }
 
       this.productSelector.buildSimple('products', this.selected); // Add product to grafana template variable.