76 lines
2.3 KiB
JavaScript
76 lines
2.3 KiB
JavaScript
(function () {
|
|
'use strict';
|
|
|
|
angular.module('ariaNg').directive('ngTooltip', function () {
|
|
return {
|
|
restrict: 'A',
|
|
scope: {
|
|
title: '@ngTooltip'
|
|
},
|
|
link: function (scope, element, attrs) {
|
|
var options = {
|
|
ngTooltipIf: true,
|
|
ngTooltipPlacement: 'top',
|
|
ngTooltipContainer: null,
|
|
ngTooltipTrigger: 'hover'
|
|
};
|
|
|
|
angular.extend(options, attrs);
|
|
|
|
var showTooltip = options.ngTooltipIf === true || options.ngTooltipIf === 'true';
|
|
|
|
var addTooltip = function () {
|
|
angular.element(element).tooltip({
|
|
title: scope.title,
|
|
placement: options.ngTooltipPlacement,
|
|
container: options.ngTooltipContainer,
|
|
trigger: options.ngTooltipTrigger,
|
|
delay: {
|
|
show: 100,
|
|
hide: 0
|
|
}
|
|
});
|
|
};
|
|
|
|
var refreshTooltip = function () {
|
|
angular.element(element).attr('title', scope.title).tooltip('fixTitle');
|
|
};
|
|
|
|
var removeTooltip = function () {
|
|
angular.element(element).tooltip('destroy');
|
|
};
|
|
|
|
if (showTooltip) {
|
|
addTooltip();
|
|
}
|
|
|
|
scope.$watch('title', function () {
|
|
if (showTooltip) {
|
|
refreshTooltip();
|
|
}
|
|
});
|
|
|
|
scope.$watch('ngTooltipIf', function (value) {
|
|
if (angular.isUndefined(value)) {
|
|
return;
|
|
}
|
|
|
|
value = (value === true || value === 'true');
|
|
|
|
if (showTooltip === value) {
|
|
return;
|
|
}
|
|
|
|
if (value) {
|
|
addTooltip();
|
|
} else {
|
|
removeTooltip();
|
|
}
|
|
|
|
showTooltip = value;
|
|
});
|
|
}
|
|
};
|
|
});
|
|
}());
|