Server IP : 85.214.239.14 / Your IP : 3.147.86.30 Web Server : Apache/2.4.62 (Debian) System : Linux h2886529.stratoserver.net 4.9.0 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.18 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /proc/2/cwd/proc/3/cwd/var/www/wordpress/phpMyAdmin/js/ |
Upload File : |
/* vim: set expandtab sw=4 ts=4 sts=4: */ /** * Handles the resizing of a menu according to the available screen width * * Uses themes/original/css/resizable-menu.css.php * * To initialise: * $('#myMenu').menuResizer(function () { * // This function will be called to find out how much * // available horizontal space there is for the menu * return $('body').width() - 5; // Some extra margin for good measure * }); * * To trigger a resize operation: * $('#myMenu').menuResizer('resize'); // Bind this to $(window).resize() * * To restore the menu to a state like before it was initialized: * $('#myMenu').menuResizer('destroy'); * * @package PhpMyAdmin */ (function ($) { function MenuResizer ($container, widthCalculator) { var self = this; self.$container = $container; self.widthCalculator = widthCalculator; var windowWidth = $(window).width(); if (windowWidth < 768) { $('#pma_navigation_resizer').css({ 'width': '0px' }); } // Sets the image for the left and right scroll indicator $('.scrollindicator--left').html($(Functions.getImage('b_left').toString())); $('.scrollindicator--right').html($(Functions.getImage('b_right').toString())); // Set the width of the navigation bar without scroll indicator $('.navigationbar').css({ 'width': widthCalculator.call($container) - 60 }); // Scroll the navigation bar on click $('.scrollindicator--right').on('click', function () { $('.navigationbar').scrollLeft($('.navigationbar').scrollLeft() + 70); }); $('.scrollindicator--left').on('click', function () { $('.navigationbar').scrollLeft($('.navigationbar').scrollLeft() - 70); }); // create submenu container var link = $('<a></a>', { href: '#', 'class': 'tab nowrap' }) .text(Messages.strMore) .on('click', false); // same as event.preventDefault() var img = $container.find('li img'); if (img.length) { $(Functions.getImage('b_more').toString()).prependTo(link); } var $submenu = $('<li></li>', { 'class': 'submenu' }) .append(link) .append($('<ul></ul>')) .on('mouseenter', function () { if ($(this).find('ul .tabactive').length === 0) { $(this) .addClass('submenuhover') .find('> a') .addClass('tabactive'); } }) .on('mouseleave', function () { if ($(this).find('ul .tabactive').length === 0) { $(this) .removeClass('submenuhover') .find('> a') .removeClass('tabactive'); } }); $container.children('.clearfloat').remove(); $container.append($submenu).append('<div class=\'clearfloat\'></div>'); setTimeout(function () { self.resize(); }, 4); } MenuResizer.prototype.resize = function () { var wmax = this.widthCalculator.call(this.$container); var windowWidth = $(window).width(); var $submenu = this.$container.find('.submenu:last'); var submenuW = $submenu.outerWidth(true); var $submenuUl = $submenu.find('ul'); var $li = this.$container.find('> li'); var $li2 = $submenuUl.find('li'); var moreShown = $li2.length > 0; // Calculate the total width used by all the shown tabs var totalLen = moreShown ? submenuW : 0; var l = $li.length - 1; var i; for (i = 0; i < l; i++) { totalLen += $($li[i]).outerWidth(true); } var hasVScroll = document.body.scrollHeight > document.body.clientHeight; if (hasVScroll) { windowWidth += 15; } if (windowWidth < 768) { wmax = 2000; } // Now hide menu elements that don't fit into the menubar var hidden = false; // Whether we have hidden any tabs while (totalLen >= wmax && --l >= 0) { // Process the tabs backwards hidden = true; var el = $($li[l]); var elWidth = el.outerWidth(true); el.data('width', elWidth); if (! moreShown) { totalLen -= elWidth; el.prependTo($submenuUl); totalLen += submenuW; moreShown = true; } else { totalLen -= elWidth; el.prependTo($submenuUl); } } // If we didn't hide any tabs, then there might be some space to show some if (! hidden) { // Show menu elements that do fit into the menubar for (i = 0, l = $li2.length; i < l; i++) { totalLen += $($li2[i]).data('width'); // item fits or (it is the last item // and it would fit if More got removed) if (totalLen < wmax || (i === $li2.length - 1 && totalLen - submenuW < wmax) ) { $($li2[i]).insertBefore($submenu); } else { break; } } } // Show/hide the "More" tab as needed if (windowWidth < 768) { $('.navigationbar').css({ 'width': windowWidth - 80 - $('#pma_navigation').width() }); $submenu.removeClass('shown'); $('.navigationbar').css({ 'overflow': 'hidden' }); } else { $('.navigationbar').css({ 'width': 'auto' }); $('.navigationbar').css({ 'overflow': 'visible' }); if ($submenuUl.find('li').length > 0) { $submenu.addClass('shown'); } else { $submenu.removeClass('shown'); } } if (this.$container.find('> li').length === 1) { // If there is only the "More" tab left, then we need // to align the submenu to the left edge of the tab $submenuUl.removeClass().addClass('only'); } else { // Otherwise we align the submenu to the right edge of the tab $submenuUl.removeClass().addClass('notonly'); } if ($submenu.find('.tabactive').length) { $submenu .addClass('active') .find('> a') .removeClass('tab') .addClass('tabactive'); } else { $submenu .removeClass('active') .find('> a') .addClass('tab') .removeClass('tabactive'); } }; MenuResizer.prototype.destroy = function () { var $submenu = this.$container.find('li.submenu').removeData(); $submenu.find('li').appendTo(this.$container); $submenu.remove(); }; /** Public API */ var methods = { init: function (widthCalculator) { return this.each(function () { var $this = $(this); if (! $this.data('menuResizer')) { $this.data( 'menuResizer', new MenuResizer($this, widthCalculator) ); } }); }, resize: function () { return this.each(function () { var self = $(this).data('menuResizer'); if (self) { self.resize(); } }); }, destroy: function () { return this.each(function () { var self = $(this).data('menuResizer'); if (self) { self.destroy(); } }); } }; /** Extend jQuery */ $.fn.menuResizer = function (method) { if (methods[method]) { return methods[method].call(this); } else if (typeof method === 'function') { return methods.init.apply(this, [method]); } else { $.error('Method ' + method + ' does not exist on jQuery.menuResizer'); } }; }(jQuery));