Merge pull request #141 from flant/release_0_3_4

release: 0.3.4

.gitattributes

@@ -0,0 +1,2 @@
+/dist linguist-generated
+/src/libs/d3-scale-chromatic linguist-vendored

CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## v0.3.4
+
+- Fix to work in Grafana 7.2.0,7.2.1
+- Fix 'name' in tooltip for opacity and gradient modes
+- Fix color scale for opacity and gradient modes
+
+## v0.3.3
+
+- Fix fallback to string events for older versions of Grafana
+
+## v0.3.2
+
+- Fix plugin metadata for Grafana repository
+
 ## v0.3.1
 
 - Fix to work in Grafana 7.1.0

README.md

@@ -1,6 +1,8 @@
-[![Download from Github](https://img.shields.io/github/tag-date/flant/grafana-statusmap.svg?logo=github&label=latest)](https://github.com/flant/grafana-statusmap/releases/latest)
-[![Telegram chat RU](https://img.shields.io/badge/@statusmap_ru-RU-informational.svg?logo=telegram)](https://t.me/statusmap_ru)
-[![Slack chat EN](https://img.shields.io/badge/%23grafana--statusmap-EN-informational.svg?logo=slack)](https://cloud-native.slack.com/messages/CHGSGTAHY)
+<p align="center">
+<a href="https://github.com/flant/grafana-statusmap/releases/latest"><img src="https://img.shields.io/github/tag-date/flant/grafana-statusmap.svg?logo=github&label=latest" alt="Download from Github"/></a>
+<a href="https://community.flant.com/c/grafana-statusmap/8"><img src="https://img.shields.io/discourse/status?server=https%3A%2F%2Fcommunity.flant.com" alt="Discourse forum for discussions"/></a>
+<a href="https://t.me/statusmap_ru"><img src="https://img.shields.io/badge/@statusmap_ru-RU-informational.svg?logo=telegram" alt="Telegram chat RU"/></a>
+</p>
 
 # Statusmap panel for Grafana
 
@@ -26,9 +28,9 @@
   - InfluxDB
   - Mysql
 * Tested with Grafana:
-  - 5.4.3
+  - 7.0, 7.1, 7.2
   - 6.3, 6.6, 6.7
-  - 7.0, 7.1
+  - 5.4.3
 
 ## Installation
 

dist/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## v0.3.4
+
+- Fix to work in Grafana 7.2.0,7.2.1
+- Fix 'name' in tooltip for opacity and gradient modes
+- Fix color scale for opacity and gradient modes
+
+## v0.3.3
+
+- Fix fallback to string events for older versions of Grafana
+
+## v0.3.2
+
+- Fix plugin metadata for Grafana repository
+
 ## v0.3.1
 
 - Fix to work in Grafana 7.1.0

dist/README.md

@@ -1,6 +1,8 @@
-[![Download from Github](https://img.shields.io/github/tag-date/flant/grafana-statusmap.svg?logo=github&label=latest)](https://github.com/flant/grafana-statusmap/releases/latest)
-[![Telegram chat RU](https://img.shields.io/badge/@statusmap_ru-RU-informational.svg?logo=telegram)](https://t.me/statusmap_ru)
-[![Slack chat EN](https://img.shields.io/badge/%23grafana--statusmap-EN-informational.svg?logo=slack)](https://cloud-native.slack.com/messages/CHGSGTAHY)
+<p align="center">
+<a href="https://github.com/flant/grafana-statusmap/releases/latest"><img src="https://img.shields.io/github/tag-date/flant/grafana-statusmap.svg?logo=github&label=latest" alt="Download from Github"/></a>
+<a href="https://community.flant.com/c/grafana-statusmap/8"><img src="https://img.shields.io/discourse/status?server=https%3A%2F%2Fcommunity.flant.com" alt="Discourse forum for discussions"/></a>
+<a href="https://t.me/statusmap_ru"><img src="https://img.shields.io/badge/@statusmap_ru-RU-informational.svg?logo=telegram" alt="Telegram chat RU"/></a>
+</p>
 
 # Statusmap panel for Grafana
 
@@ -26,9 +28,9 @@
   - InfluxDB
   - Mysql
 * Tested with Grafana:
-  - 5.4.3
+  - 7.0, 7.1, 7.2
   - 6.3, 6.6, 6.7
-  - 7.0, 7.1
+  - 5.4.3
 
 ## Installation
 

dist/color_legend.js

@@ -366,17 +366,17 @@ System.register(["lodash", "jquery", "d3", "./libs/d3-scale-chromatic/index", "a
               if (ctrl.bucketMatrix) {
                 var rangeFrom = ctrl.bucketMatrix.minValue;
                 var rangeTo = ctrl.bucketMatrix.maxValue;
-                var maxValue = panel.color.max || rangeTo;
-                var minValue = panel.color.min || rangeFrom;
+                var maxValue = panel.color.max != null ? panel.color.max : rangeTo;
+                var minValue = panel.color.min != null ? panel.color.min : rangeFrom;
 
                 if (ctrl.bucketMatrix.noDatapoints) {
-                  if (!panel.color.max) {
+                  if (panel.color.max != null) {
                     rangeTo = maxValue = 100;
                   } else {
                     rangeTo = 100;
                   }
 
-                  if (!panel.color.min) {
+                  if (panel.color.min != null) {
                     rangeFrom = minValue = 0;
                   } else {
                     rangeFrom = 0;

dist/module.js

@@ -157,8 +157,7 @@ System.register(["lodash", "./color_legend", "./options_editor", "./tooltip_edit
 
       _export("renderComplete", renderComplete = {
         name: 'statusmap-render-complete'
-      }); // eventFactory('statusmap-render-complete');
-
+      });
 
       _export("PanelCtrl", _export("StatusHeatmapCtrl", StatusHeatmapCtrl =
       /*#__PURE__*/
@@ -267,7 +266,12 @@ System.register(["lodash", "./color_legend", "./options_editor", "./tooltip_edit
             CoreEvents.fallbackToStringEvents();
             PanelEvents.fallbackToStringEvents();
 
-            _export("renderComplete", renderComplete = renderComplete.name);
+            _export("renderComplete", renderComplete = 'statusmap-render-complete');
+          } // Grafana 7.2 workaround
+
+
+          if (typeof kbn["intervalToMs"] === "function") {
+            kbn.interval_to_ms = kbn.intervalToMs;
           }
 
           migratePanelConfig(_this.panel);

dist/plugin.json

@@ -24,8 +24,8 @@
       {"name": "Color mapping", "path": "img/color-mapping.png"},
       {"name": "Queries example", "path": "img/queries-example.png"}
     ],
-    "version": "0.3.2",
-    "updated": "2020-08-13"
+    "version": "0.3.4",
+    "updated": "2020-09-12"
   },
 
   "dependencies": {

dist/rendering.js

@@ -462,8 +462,8 @@ System.register(["lodash", "jquery", "moment", "app/core/utils/kbn", "app/core/c
           value: function addStatusmap() {
             var _this = this;
 
-            var maxValue = this.panel.color.max || this.bucketMatrix.maxValue;
-            var minValue = this.panel.color.min || this.bucketMatrix.minValue;
+            var maxValue = this.panel.color.max != null ? this.panel.color.max : this.bucketMatrix.maxValue;
+            var minValue = this.panel.color.min != null ? this.panel.color.min : this.bucketMatrix.minValue;
 
             if (this.panel.color.mode !== 'discrete') {
               this.colorScale = this.getColorScale(maxValue, minValue);

dist/tooltip.js

@@ -186,9 +186,9 @@ System.register(["d3", "jquery", "lodash"], function (_export, _context) {
               }), ""), "\n        </ul>\n      </div>");
             } else {
               if (values.length === 1) {
-                tooltipHtml += "<div> \n      name: <b>".concat(name, "</b> <br>\n      value: <b>").concat(value, "</b> <br>\n      </div>");
+                tooltipHtml += "<div> \n      name: <b>".concat(yLabel, "</b> <br>\n      value: <b>").concat(value, "</b> <br>\n      </div>");
               } else {
-                tooltipHtml += "<div>\n      name: <b>".concat(name, "</b> <br>\n      values:\n      <ul>\n        ").concat(_.join(_.map(values, function (v) {
+                tooltipHtml += "<div>\n      name: <b>".concat(yLabel, "</b> <br>\n      values:\n      <ul>\n        ").concat(_.join(_.map(values, function (v) {
                   return "<li>".concat(v, "</li>");
                 }), ""), "\n      </ul>\n      </div>");
               }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flant-statusmap-panel",
-  "version": "0.2.0",
+  "version": "0.3.4",
   "description": "Grafana panel plugin to visualize status of multiple objects over time",
   "main": "README.md",
   "scripts": {

src/color_legend.ts

@@ -68,16 +68,16 @@ coreModule.directive('statusHeatmapLegend', function() {
         if (ctrl.bucketMatrix) {
           let rangeFrom = ctrl.bucketMatrix.minValue;
           let rangeTo = ctrl.bucketMatrix.maxValue;
-          let maxValue = panel.color.max || rangeTo;
-          let minValue = panel.color.min || rangeFrom;
+          let maxValue = panel.color.max != null ? panel.color.max : rangeTo;
+          let minValue = panel.color.min != null ? panel.color.min : rangeFrom;
 
           if (ctrl.bucketMatrix.noDatapoints) {
-            if (!panel.color.max) {
+            if (panel.color.max != null) {
               rangeTo = maxValue = 100;
             } else {
               rangeTo = 100;
             }
-            if (!panel.color.min) {
+            if (panel.color.min != null) {
               rangeFrom = minValue = 0;
             } else {
               rangeFrom = 0;

src/module.ts

@@ -63,7 +63,7 @@ loadPluginCss({
   light: 'plugins/flant-statusmap-panel/css/statusmap.light.css'
 });
 
-export var renderComplete:any = {name:'statusmap-render-complete'}; // eventFactory('statusmap-render-complete');
+export var renderComplete:any = {name:'statusmap-render-complete'};
 
 class StatusHeatmapCtrl extends MetricsPanelCtrl {
   static templateUrl = 'module.html';
@@ -150,7 +150,12 @@ class StatusHeatmapCtrl extends MetricsPanelCtrl {
     if(!Polygrafill.hasAppEventCompatibleEmitter(this.events)){
       CoreEvents.fallbackToStringEvents();
       PanelEvents.fallbackToStringEvents();
-      renderComplete = renderComplete.name;
+      renderComplete = 'statusmap-render-complete';
+    }
+
+    // Grafana 7.2 workaround
+    if (typeof kbn["intervalToMs"] === "function") {
+      kbn.interval_to_ms = kbn.intervalToMs;
     }
 
     migratePanelConfig(this.panel);

src/plugin.json

@@ -24,8 +24,8 @@
       {"name": "Color mapping", "path": "img/color-mapping.png"},
       {"name": "Queries example", "path": "img/queries-example.png"}
     ],
-    "version": "0.3.2",
-    "updated": "2020-08-13"
+    "version": "0.3.4",
+    "updated": "2020-09-12"
   },
 
   "dependencies": {

src/rendering.ts

@@ -364,8 +364,8 @@ export class StatusmapRenderer {
   }
 
   addStatusmap():void {
-    let maxValue = this.panel.color.max || this.bucketMatrix.maxValue;
-    let minValue = this.panel.color.min || this.bucketMatrix.minValue;
+    let maxValue = this.panel.color.max != null ? this.panel.color.max : this.bucketMatrix.maxValue;
+    let minValue = this.panel.color.min != null ? this.panel.color.min : this.bucketMatrix.minValue;
 
     if (this.panel.color.mode !== 'discrete') {
       this.colorScale = this.getColorScale(maxValue, minValue);

src/tooltip.ts

@@ -154,12 +154,12 @@ export class StatusmapTooltip {
     } else {
       if (values.length === 1) {
         tooltipHtml += `<div> 
-      name: <b>${name}</b> <br>
+      name: <b>${yLabel}</b> <br>
       value: <b>${value}</b> <br>
       </div>`;
       } else {
         tooltipHtml += `<div>
-      name: <b>${name}</b> <br>
+      name: <b>${yLabel}</b> <br>
       values:
       <ul>
         ${_.join(_.map(values, v => `<li>${v}</li>`), "")}