composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-20 17:18:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

CombodoTooltip: Improve API

Browse Source 
- Add "data-tooltip-interaction-enabled" to allow user to interact with the tooltip content (select, click). Possible values "true"|"false"
- Add "data-tooltip-append-to" to choose to which element the tooltip should be append. Possible values "body"|"parent"|<JQUERY_SELECTOR>
This commit is contained in:
Molkobain
2021-02-24 16:17:12 +01:00
parent 9dc0a052bf
commit c5a6f441aa
1 changed files with 31 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
js/utils.js
View File

@@ -744,7 +744,6 @@ const CombodoTooltip = {
InitTooltipFromMarkup: function (oElem, bForce = false) {
const oOptions = {
allowHTML: true, // Always true so line breaks can work. Don't worry content will be sanitized.
interactive: true, // Allow user to interact (select, click, ...) with the content
};
// First, check if the tooltip isn't already instantiated
@@ -776,6 +775,37 @@ const CombodoTooltip = {
}
oOptions['content'] = sContent;
// Interaction (selection, click, ...) have to be enabled manually
// Important: When set to true, if "data-tooltip-append-to" is not specified, tooltip will be append to the parent element instead of the body
const bInteractive = oElem.attr('data-tooltip-interaction-enabled') === 'true';
oOptions['interactive'] = bInteractive;
// Element to append the tooltip to
const sAppendToOriginalValue = oElem.attr('data-tooltip-append-to');
let mAppendTo;
if (sAppendToOriginalValue === undefined || sAppendToOriginalValue === '') {
mAppendTo = null;
} else if (sAppendToOriginalValue === 'body') {
mAppendTo = document.body;
} else if (sAppendToOriginalValue === 'parent') {
mAppendTo = oElem.parent()[0];
} else {
// We have a selector, try to get the first matching element
const oAppendToElems = $(sAppendToOriginalValue);
if (oAppendToElems.length === 0) {
CombodoJSConsole.Debug('CombodoTooltip: Could not create tooltip as there was no result for the element it should have been append to "'+sAppendToOriginalValue+'"');
return false;
} else {
mAppendTo = oAppendToElems[0];
}
}
// - Only set option if there is an actual value, otherwise, let the lib. handle it with it's default options
if (mAppendTo !== null) {
oOptions['appendTo'] = mAppendTo;
}
oOptions['placement'] = oElem.attr('data-tooltip-placement') ?? 'top';
oOptions['trigger'] = oElem.attr('data-tooltip-trigger') ?? 'mouseenter focus';