1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-07-31 14:00:31 +02:00

[ticket/11552] Responsive CP tabs

PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin
2013-09-15 16:49:33 +03:00
parent 88cbd68d00
commit a1f118872b
5 changed files with 143 additions and 6 deletions

View File

@@ -516,7 +516,7 @@ function insert_single_user(formId, user)
}
for (i = 0; i < classesLength; i ++) {
for (j = length; j >= 0; j --) {
for (j = length; j > 0; j --) {
links.eq(j).addClass('wrapped ' + classes[i]);
if ($this.height() <= maxHeight) {
return;
@@ -547,7 +547,8 @@ function insert_single_user(formId, user)
}
var toggle = $this.children('.responsive-menu'),
menu = toggle.find('.responsive-popup'),
toggleLink = toggle.find('a.responsive-menu-link'),
menu = toggle.find('ul.responsive-popup'),
lastWidth = false,
responsive = false,
copied = false;
@@ -591,7 +592,7 @@ function insert_single_user(formId, user)
$this.addClass('responsive');
}
toggle.click(function() {
toggleLink.click(function() {
if (!responsive) return;
if (!toggle.hasClass('visible')) {
// Hide other popups
@@ -610,5 +611,68 @@ function insert_single_user(formId, user)
$('.responsive-menu.visible').removeClass('visible').find('.responsive-popup').hide();
}
});
// Responsive tabs
$('#tabs').not('.skip-responsive').each(function() {
var $this = $(this),
$body = $('body'),
ul = $this.children(),
tabs = ul.children().not('.skip-responsive'),
links = tabs.children('a'),
toggle = ul.append('<li class="responsive-tab" style="display:none;"><a href="javascript:void(0);" class="responsive-tab-link"><span>&nbsp;</span></a><ul class="responsive-tabs" style="display:none;" /></li>').find('li.responsive-tab'),
toggleLink = toggle.find('a.responsive-tab-link'),
menu = toggle.find('ul.responsive-tabs'),
maxHeight = 0,
lastWidth = false,
responsive = false;
links.each(function() {
maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
})
function check() {
var width = $body.width(),
height = $this.height();
if (arguments.length == 0 && (!responsive || width <= lastWidth) && height <= maxHeight) {
return;
}
tabs.show();
toggle.hide();
lastWidth = width;
height = $this.height();
if (height <= maxHeight) {
responsive = false;
return;
}
responsive = true;
toggle.show();
menu.hide().html('');
var availableTabs = tabs.filter(':not(.activetab, .responsive-tab)'),
total = availableTabs.length,
i, tab;
for (i = total; i > 0; i --) {
tab = availableTabs.eq(i);
menu.prepend(tab.clone(true));
tab.hide();
if ($this.height() <= maxHeight) {
return;
}
}
}
toggleLink.click(function() {
if (!responsive) return;
menu.toggle();
});
check(true);
$(window).resize(check);
});
});
})(jQuery);