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°3560 - Fix AJAX tabs not having correct spacing

Browse Source
This commit is contained in:
Molkobain
2021-02-08 22:40:21 +01:00
parent 26e54b8796
commit 99564d75b7
1 changed files with 26 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
js/layouts/tab-container/tab-container.js
View File

@@ -47,34 +47,35 @@ $(function()
var me = this;
this.element.addClass(this.css_classes.tab_container);
// Ugly patch for a change in the behavior of jQuery UI:
// Before jQuery UI 1.9, tabs were always considered as "local" (opposed to Ajax)
// when their href was beginning by #. Starting with 1.9, a <base> tag in the page
// is taken into account and causes "local" tabs to be considered as Ajax
// unless their URL is equal to the URL of the page...
if ($('base').length > 0) {
this.element.find(this.js_selectors.tab_toggler).each(function () {
const sHash = location.hash;
const sCleanLocation = location.href.toString().replace(sHash, '').replace(/#$/, '');
$(this).attr('href', sCleanLocation + $(this).attr('href'));
});
}
// Ugly patch for a change in the behavior of jQuery UI:
// Before jQuery UI 1.9, tabs were always considered as "local" (opposed to Ajax)
// when their href was beginning by #. Starting with 1.9, a <base> tag in the page
// is taken into account and causes "local" tabs to be considered as Ajax
// unless their URL is equal to the URL of the page...
if ($('base').length > 0) {
this.element.find(this.js_selectors.tab_toggler).each(function () {
const sHash = location.hash;
const sCleanLocation = location.href.toString().replace(sHash, '').replace(/#$/, '');
$(this).attr('href', sCleanLocation+$(this).attr('href'));
});
}
if ($.bbq) {
// This selector will be reused when selecting actual tab widget A elements.
const sTabAnchorSelector = 'ul.ui-tabs-nav a';
let oTabsParams = {
classes: {
'ui-tabs-panel': 'ibo-tab-container--tab-container', // For ajax tabs, so their containers have the right CSS classes
}
};
if ($.bbq) {
// Enable tabs on all tab widgets. The `event` property must be overridden so
// that the tabs aren't changed on click, and any custom event name can be
// specified. Note that if you define a callback for the 'select' event, it
// will be executed for the selected tab whenever the hash changes.
oTabsParams['event'] = 'change';
}
this._addTabsWidget(oTabsParams);
// Enable tabs on all tab widgets. The `event` property must be overridden so
// that the tabs aren't changed on click, and any custom event name can be
// specified. Note that if you define a callback for the 'select' event, it
// will be executed for the selected tab whenever the hash changes.
this._addTabsWidget({event: 'change'});
} else {
this._addTabsWidget();
}
this._bindEvents();
this._bindEvents();
},
_addTabsWidget: function(aParams)
{