From 87a2dba730b7217f174636c130bf062947579246 Mon Sep 17 00:00:00 2001
From: Igor Kulikov <ikulikov@thingsboard.io>
Date: Tue, 8 Aug 2017 16:52:55 +0300
Subject: [PATCH] UI: Image Map - fix tooltip actions.

---
 ui/src/app/widget/lib/image-map.js   | 11 +++++++----
 ui/src/app/widget/lib/map-widget2.js |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/ui/src/app/widget/lib/image-map.js b/ui/src/app/widget/lib/image-map.js
index 9913377ae3..17f3d3d497 100644
--- a/ui/src/app/widget/lib/image-map.js
+++ b/ui/src/app/widget/lib/image-map.js
@@ -26,8 +26,9 @@ const pinSvg = `<svg class="image-map-pin-image" xmlns="http://www.w3.org/2000/s
 
 export default class TbImageMap {
 
-    constructor($containerElement, initCallback, imageUrl, posFunction) {
+    constructor(ctx, $containerElement, initCallback, imageUrl, posFunction) {
 
+        this.ctx = ctx;
         this.tooltips = [];
 
         $containerElement.append('<div id="image-map-container"><div id="image-map"></div></div>');
@@ -195,7 +196,7 @@ export default class TbImageMap {
     }
 
     createTooltip(marker, pattern, replaceInfo, markerArgs) {
-        var popup = new Popup(marker.pinElement);
+        var popup = new Popup(this.ctx, marker.pinElement);
         popup.setContent('');
         this.tooltips.push( {
             markerArgs: markerArgs,
@@ -271,7 +272,7 @@ class Position {
 }
 
 class Popup {
-    constructor(anchor) {
+    constructor(ctx, anchor) {
         anchor.tooltipster(
             {
                 theme: 'tooltipster-shadow',
@@ -287,9 +288,11 @@ class Popup {
         this.tooltip = anchor.tooltipster('instance');
         var contentElement = angular.element('<div class="image-map-pin-tooltip">' +
                 '<a class="image-map-pin-tooltip-close-button" id="close" style="outline: none;">×</a>' +
-                '<div flex id="tooltip-content" layout="column">' +
+                '<div id="tooltip-content">' +
                 '</div>' +
             '</div>');
+        var $compile = ctx.$scope.$injector.get('$compile');
+        $compile(contentElement)(ctx.$scope);
         var popup = this;
         contentElement.find('#close').on('click', function() {
             popup.tooltip.close();
diff --git a/ui/src/app/widget/lib/map-widget2.js b/ui/src/app/widget/lib/map-widget2.js
index 39a50aa845..87a0cd518e 100644
--- a/ui/src/app/widget/lib/map-widget2.js
+++ b/ui/src/app/widget/lib/map-widget2.js
@@ -79,7 +79,7 @@ export default class TbMapWidgetV2 {
         } else if (mapProvider === 'openstreet-map') {
             this.map = new TbOpenStreetMap($element, initCallback, this.defaultZoomLevel, this.dontFitMapBounds, minZoomLevel);
         } else if (mapProvider === 'image-map') {
-            this.map = new TbImageMap($element, initCallback, settings.mapImageUrl, settings.posFunction);
+            this.map = new TbImageMap(this.ctx, $element, initCallback, settings.mapImageUrl, settings.posFunction);
         }
     }