composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-24 11:08:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°2224 - Portal: Enable tooltips for object's attributes description in dynamically added content as well (AJAX, forms, ...)

Browse Source
This commit is contained in:
Molkobain
2020-10-22 21:29:53 +02:00
parent b1e29cbd81
commit 95a2ffa0f2
2 changed files with 30 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
datamodels/2.x/itop-portal-base/portal/templates/layout.html.twig
View File

@@ -509,9 +509,18 @@
} }
}); });
// Enable tooltips based on existing HTML markup, won't work on markup added dynamically after DOM ready (AJAX, ...) // Enable tooltips based on existing HTML markup, won't work on markup added dynamically after DOM ready (AJAX, ...) ...
$('[data-tooltip-content]:not([data-tooltip-instanciated="true"])').each(function(){ CombodoGlobalToolbox.InitAllNonInstantiatedTooltips();
CombodoGlobalToolbox.InitTooltipFromMarkup($(this)); // ... except for object form which are handled with the following ...
$('body').on('form_built', function(oEvent){
CombodoGlobalToolbox.InitAllNonInstantiatedTooltips($(oEvent.target));
});
// ... and BS modals which are handle with the following
$('body').on('loaded.bs.modal', function (oEvent){
// Little timeout for stuff that need a moment to get ready but don't have a proper event.
setTimeout(function(){
//CombodoGlobalToolbox.InitAllNonInstantiatedTooltips($(oEvent.target));
}, 500);
}); });
// Initialize confirmation message handler when a form with touched fields is closed // Initialize confirmation message handler when a form with touched fields is closed

18
js/utils.js
View File

@@ -882,5 +882,23 @@ const CombodoGlobalToolbox = {
// Mark tooltip as instanciated // Mark tooltip as instanciated
oElem.attr('data-tooltip-instanciated', 'true'); oElem.attr('data-tooltip-instanciated', 'true');
},
/**
* Instantiate all tooltips that are not already.
* Useful after AJAX calls or dynamic content modification for examples.
*
* @param {Object} oContainerElem Tooltips will only be instantiated if they are contained within this jQuery object
* @constructor
*/
InitAllNonInstantiatedTooltips: function(oContainerElem = null)
{
if(oContainerElem === null)
{
oContainerElem = $('body');
}
oContainerElem.find('[data-tooltip-content]:not([data-tooltip-instanciated="true"])').each(function(){
CombodoGlobalToolbox.InitTooltipFromMarkup($(this));
});
} }
}; };