dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Image Map - fix tooltip actions.

Browse Source
This commit is contained in:
Igor Kulikov 2017-08-08 16:52:55 +03:00
parent 86018bba01
commit 87a2dba730
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/src/app/widget/lib/image-map.js
View File

@ -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();

2
ui/src/app/widget/lib/map-widget2.js
View File

@ -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);
}
}