help.directive.js
2.27 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
/*
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import './help.scss';
import thingsboardHelpLinks from './help-links.constant';
import $ from 'jquery';
export default angular.module('thingsboard.directives.help', [thingsboardHelpLinks])
.directive('tbHelp', Help)
.name;
/* eslint-disable angular/angularelement */
/*@ngInject*/
function Help($compile, $window, helpLinks) {
var linker = function (scope, element, attrs) {
scope.gotoHelpPage = function ($event) {
if ($event) {
$event.stopPropagation();
}
var helpUrl = helpLinks.linksMap[scope.helpLinkId];
if (helpUrl) {
$window.open(helpUrl, '_blank');
}
}
var html = '<md-tooltip md-direction="top">' +
'{{\'help.goto-help-page\' | translate}}' +
'</md-tooltip>' +
'<md-icon class="material-icons">' +
'help' +
'</md-icon>';
var helpButton = angular.element('<md-button class="tb-help-button-style tb-help-button-pos md-icon-button" ' +
'ng-click="gotoHelpPage($event)">' +
html +
'</md-button>');
if (attrs.helpContainerId) {
var helpContainer = $('#' + attrs.helpContainerId, element)[0];
helpContainer = angular.element(helpContainer);
helpContainer.append(helpButton);
$compile(helpContainer.contents())(scope);
} else {
$compile(helpButton)(scope);
element.append(helpButton);
}
}
return {
restrict: "A",
link: linker,
scope: {
helpLinkId: "=tbHelp"
}
};
}
/* eslint-enable angular/angularelement */