diff --git a/datamodels/2.x/itop-portal-base/portal/templates/bricks/browse/mode_mosaic.html.twig b/datamodels/2.x/itop-portal-base/portal/templates/bricks/browse/mode_mosaic.html.twig index 431cca3cb..57988a0bc 100644 --- a/datamodels/2.x/itop-portal-base/portal/templates/bricks/browse/mode_mosaic.html.twig +++ b/datamodels/2.x/itop-portal-base/portal/templates/bricks/browse/mode_mosaic.html.twig @@ -205,26 +205,27 @@ if( (item.description !== undefined) && (item.description !== '') ) { iItemFlags += 2; - textWrapperElem.append( $('
').addClass('mosaic-item-description').html(item.description) ); - } - aElem.append( textElem ); - // - Adding CSS class to adjust the layout regarding which properties are available - aElem.addClass('mosaic-item-layout-'+iItemFlags); + textWrapperElem.append($('
').addClass('mosaic-item-description').html(item.description)); + } + aElem.append(textElem); + // - Adding CSS class to adjust the layout regarding which properties are available + aElem.addClass('mosaic-item-layout-'+iItemFlags); // - Appending element - $('div[data-level-id="'+nodeId+'"]').append(itemElem); - itemElem.append(aElem); - - // Building tooltip for the node - if( (item.tooltip !== undefined) && ($('
'+item.tooltip+'
').text() !== '') ) - { + $('div[data-level-id="'+nodeId+'"]').append(itemElem); + itemElem.append(aElem); + + // Building tooltip for the node + // N°4662 - Surround tooltip with div to ensure text retrival + if ((item.tooltip !== undefined) && ($('
'+item.tooltip+'
').text() !== '')) + { aElem.attr('data-tooltip-content', item.tooltip).attr('data-tooltip-html-enabled', true); CombodoTooltip.InitTooltipFromMarkup(aElem); - } - - // Building actions for that node - switch(levelPrimaryAction.type) - { - case '{{ constant('Combodo\\iTop\\Portal\\Brick\\BrowseBrick::ENUM_ACTION_DRILLDOWN') }}': + } + + // Building actions for that node + switch (levelPrimaryAction.type) + { + case '{{ constant('Combodo\\iTop\\Portal\\Brick\\BrowseBrick::ENUM_ACTION_DRILLDOWN') }}': aElem.addClass('mosaic-drilldown'); break; case '{{ constant('Combodo\\iTop\\Portal\\Brick\\BrowseBrick::ENUM_ACTION_VIEW') }}': diff --git a/datamodels/2.x/itop-portal-base/portal/templates/bricks/browse/mode_tree.html.twig b/datamodels/2.x/itop-portal-base/portal/templates/bricks/browse/mode_tree.html.twig index b2e7aa19f..6537f1caa 100644 --- a/datamodels/2.x/itop-portal-base/portal/templates/bricks/browse/mode_tree.html.twig +++ b/datamodels/2.x/itop-portal-base/portal/templates/bricks/browse/mode_tree.html.twig @@ -195,25 +195,26 @@ var levelPrimaryAction = levelActions[levelActionsKeys[0]]; var url = ''; - var liElem = $('
  • ').addClass('list-group-item'); - var aElem = $('').addClass('tree-item-wrapper').attr('data-item-id', item.id).attr('data-level-alias', item.level_alias); - var nameElem = $('').addClass('tree-item').text(item.name); - // Building node - $('ul[data-level-id="'+nodeId+'"]').append(liElem); - aElem.append(nameElem); - liElem.append(aElem); - - // Building tooltip for the node - if( (item.tooltip !== undefined) && ($('
    '+item.tooltip+'
    ').text() !== '') ) - { - nameElem.attr('data-tooltip-content', item.tooltip).attr('data-tooltip-html-enabled', true); + var liElem = $('
  • ').addClass('list-group-item'); + var aElem = $('').addClass('tree-item-wrapper').attr('data-item-id', item.id).attr('data-level-alias', item.level_alias); + var nameElem = $('').addClass('tree-item').text(item.name); + // Building node + $('ul[data-level-id="'+nodeId+'"]').append(liElem); + aElem.append(nameElem); + liElem.append(aElem); + + // Building tooltip for the node + // N°4662 - Surround tooltip with div to ensure text retrival + if ((item.tooltip !== undefined) && ($('
    '+item.tooltip+'
    ').text() !== '')) + { + nameElem.attr('data-tooltip-content', item.tooltip).attr('data-tooltip-html-enabled', true); CombodoTooltip.InitTooltipFromMarkup(nameElem); - } - // Building description for the node - if( (item.description !== undefined) && (item.description !== '') ) - { - aElem.append( $(''+item.description+'') ); - } + } + // Building description for the node + if ((item.description !== undefined) && (item.description !== '')) + { + aElem.append($(''+item.description+'')); + } // Building actions for that node switch(levelPrimaryAction.type)