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

N°931 Better tooltips.

Browse Source
This commit is contained in:
Molkobain
2018-10-01 12:30:16 +02:00
parent 4595c565cc
commit 89d617c152
1 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
application/itopwebpage.class.inc.php
View File

@@ -263,28 +263,30 @@ EOF
$this->add_ready_script(
<<<EOF
$('.attribute-set-item').each(function(){
var sLabel = $('<div/>').text($(this).attr('data-label')).html();
// Encoding only title as the content is already sanitized by the HTML attribute.
var sLabel = $('<div/>').text($(this).attr('data-label')).html();
var sDescription = $(this).attr('data-description');
var oContent = {};
// Make nice tooltip if item has a description, otherwise just make a title attribute so the truncated label can be read.
if(sDescription !== '')
{
$(this).qtip({
content: {
// Encoding only title as the content is already sanitized by the HTML attribute.
text: sDescription,
title: { text: sLabel},
},
show: { delay: 300, when: 'mouseover' },
hide: { delay: 140, when: 'mouseout', fixed: true },
style: { name: 'dark', tip: 'bottomLeft' },
position: { corner: { target: 'topMiddle', tooltip: 'bottomLeft' }}
});
oContent.title = { text: sLabel };
oContent.text = sDescription;
}
else
{
$(this).attr('title', sLabel);
oContent.text = sLabel;
}
$(this).qtip({
content: oContent,
show: { delay: 300, when: 'mouseover' },
hide: { delay: 140, when: 'mouseout', fixed: true },
style: { name: 'dark', tip: 'bottomLeft' },
position: { corner: { target: 'topMiddle', tooltip: 'bottomLeft' }}
});
});
EOF
);