Change segments icons in tooltip #376 (#378)

* deleted color for pattern * color for deleted * icons * trash to minus * fix * change ui * fix
hastic-zzz · Oct 7, 2019 · b6a614d · b6a614d
1 parent 6ef2324
commit b6a614d
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/src/panel/graph_panel/graph_tooltip.ts b/src/panel/graph_panel/graph_tooltip.ts
@@ -206,21 +206,29 @@ export class GraphTooltip {
       var to = this.dashboard.formatDate(s.segment.to, 'HH:mm:ss.SSS');
 
       let icon;
+      let subIcon;
       if(s.segment.labeled) {
         icon = 'fa-thumb-tack';
+        subIcon = 'fa-plus';
       } else if (s.segment.deleted) {
-        icon = 'fa-trash';
+        icon = 'fa-thumb-tack';
+        subIcon = 'fa-minus';
       } else {
-        icon = 'fa-search-plus';
+        icon = 'fa-crosshairs';
+        subIcon = '';
+      }
+      let segmentColor = s.analyticUnit.labeledColor;
+      if(s.segment.deleted === true) {
+        segmentColor = s.analyticUnit.deletedColor;
       }
       result += `
         <div class="graph-tooltip-list-item">
           <div class="graph-tooltip-series-name">
-            <i class="fa fa-exclamation" style="color:${s.analyticUnit.labeledColor}"></i>
+            <i class="fa ${ icon }" style="color:${segmentColor}"></i>
+            <i class="fa ${ subIcon }" style="color:${segmentColor}"></i>
             ${s.analyticUnit.name}:
           </div>
           <div class="graph-tooltip-value">
-            <i class="fa ${ icon }" aria-hidden="true"></i>
             ${from} — ${to}
           </div>
         </div>