(function ($) { Drupal.ModuleFilter.tabs = {}; Drupal.ModuleFilter.enabling = {}; Drupal.ModuleFilter.disabling = {}; Drupal.ModuleFilter.jQueryIsNewer = function() { if (Drupal.ModuleFilter.jQueryNewer == undefined) { var v1parts = $.fn.jquery.split('.'); var v2parts = new Array('1', '4', '4'); for (var i = 0; i < v1parts.length; ++i) { if (v2parts.length == i) { Drupal.ModuleFilter.jQueryNewer = true; return Drupal.ModuleFilter.jQueryNewer; } if (v1parts[i] == v2parts[i]) { continue; } else if (v1parts[i] > v2parts[i]) { Drupal.ModuleFilter.jQueryNewer = true; return Drupal.ModuleFilter.jQueryNewer; } else { Drupal.ModuleFilter.jQueryNewer = false; return Drupal.ModuleFilter.jQueryNewer; } } if (v1parts.length != v2parts.length) { Drupal.ModuleFilter.jQueryNewer = false; return Drupal.ModuleFilter.jQueryNewer; } Drupal.ModuleFilter.jQueryNewer = false; } return Drupal.ModuleFilter.jQueryNewer; }; Drupal.behaviors.moduleFilterTabs = { attach: function(context) { if (Drupal.settings.moduleFilter.tabs) { $('#module-filter-wrapper table:not(.sticky-header)', context).once('module-filter-tabs', function() { var $modules = $('#module-filter-modules'); var moduleFilter = $('input[name="module_filter[name]"]').data('moduleFilter'); var table = $(this); $('thead', table).show(); // Remove package header rows. $('tr.admin-package-header', table).remove(); var $tabsWrapper = $('
'); // Build tabs from package title rows. var tabs = ''; $tabsWrapper.append(tabs); $modules.before($tabsWrapper); // Index tabs. $('#module-filter-tabs li').each(function() { var $tab = $(this); var id = $tab.attr('id'); Drupal.ModuleFilter.tabs[id] = new Drupal.ModuleFilter.Tab($tab, id); }); $('tbody td.checkbox input', $modules).change(function() { var $checkbox = $(this); var key = $checkbox.parents('tr').data('indexKey'); moduleFilter.index[key].status = $checkbox.is(':checked'); if (Drupal.settings.moduleFilter.visualAid) { var type = ($checkbox.is(':checked')) ? 'enable' : 'disable'; Drupal.ModuleFilter.updateVisualAid(type, $checkbox.parents('tr')); } }); // Sort rows. var rows = $('tbody tr.module', table).get(); rows.sort(function(a, b) { var compA = $('td:nth(1)', a).text().toLowerCase(); var compB = $('td:nth(1)', b).text().toLowerCase(); return (compA < compB) ? -1 : (compA > compB) ? 1 : 0; }); $.each(rows, function(idx, itm) { table.append(itm); }); // Re-stripe rows. $('tr.module', table) .removeClass('odd even') .filter(':odd').addClass('even').end() .filter(':even').addClass('odd'); moduleFilter.adjustHeight(); moduleFilter.element.bind('moduleFilter:start', function() { moduleFilter.tabResults = { 'all-tab': { items: {}, count: 0 }, 'recent-tab': { items: {}, count: 0 }, 'new-tab': { items: {}, count: 0 } }; // Empty result info from tabs. for (var i in Drupal.ModuleFilter.tabs) { if (Drupal.ModuleFilter.tabs[i].resultInfo != undefined) { Drupal.ModuleFilter.tabs[i].resultInfo.empty(); } } }); moduleFilter.element.bind('moduleFilter:finish', function(e, data) { $.each(moduleFilter.index, function(key, item) { if (!item.element.hasClass('js-hide')) { var id = Drupal.ModuleFilter.getTabID(item.element); if (moduleFilter.tabResults[id] == undefined) { moduleFilter.tabResults[id] = { items: {}, count: 0 }; } if (moduleFilter.tabResults[id].items[item.key] == undefined) { // All tab moduleFilter.tabResults['all-tab'].count++; // Recent tab if (item.element.hasClass('recent-module')) { moduleFilter.tabResults['recent-tab'].count++; } // New tab if (item.element.hasClass('new-module')) { moduleFilter.tabResults['new-tab'].count++; } moduleFilter.tabResults[id].items[item.key] = item; moduleFilter.tabResults[id].count++; } if (Drupal.ModuleFilter.activeTab != undefined && Drupal.ModuleFilter.activeTab.id != 'all-tab') { if ((Drupal.ModuleFilter.activeTab.id == 'recent-tab' && !item.element.hasClass('recent-module')) || (Drupal.ModuleFilter.activeTab.id == 'new-tab' && !item.element.hasClass('new-module')) || (Drupal.ModuleFilter.activeTab.id != 'recent-tab' && Drupal.ModuleFilter.activeTab.id != 'new-tab' && id != Drupal.ModuleFilter.activeTab.id)) { // The item is not in the active tab, so hide it. item.element.addClass('js-hide'); } } } }); if (Drupal.settings.moduleFilter.visualAid) { if (moduleFilter.text) { // Add result info to tabs. for (var id in moduleFilter.tabResults) { var tab = Drupal.ModuleFilter.tabs[id]; if (tab.resultInfo == undefined) { var resultInfo = '' $('a', tab.element).prepend(resultInfo); tab.resultInfo = $('span.result-info', tab.element); } tab.resultInfo.append(moduleFilter.tabResults[id].count); } if (Drupal.settings.moduleFilter.hideEmptyTabs) { for (var id in Drupal.ModuleFilter.tabs) { if (moduleFilter.tabResults[id] != undefined) { Drupal.ModuleFilter.tabs[id].element.show(); } else if (Drupal.ModuleFilter.activeTab == undefined || Drupal.ModuleFilter.activeTab.id != id) { Drupal.ModuleFilter.tabs[id].element.hide(); } } } } else { // Make sure all tabs are visible. if (Drupal.settings.moduleFilter.hideEmptyTabs) { $('#module-filter-tabs li').show(); } } } if ((Drupal.ModuleFilter.activeTab != undefined && (moduleFilter.tabResults[Drupal.ModuleFilter.activeTab.id] == undefined || moduleFilter.tabResults[Drupal.ModuleFilter.activeTab.id].count <= 0))) { // The current tab contains no results. moduleFilter.results = 0; } moduleFilter.adjustHeight(); }); if (Drupal.settings.moduleFilter.useURLFragment) { $(window).bind('hashchange.module-filter', $.proxy(Drupal.ModuleFilter, 'eventHandlerOperateByURLFragment')).triggerHandler('hashchange.module-filter'); } else { Drupal.ModuleFilter.selectTab(); } if (Drupal.settings.moduleFilter.useSwitch) { $('td.checkbox div.form-item', table).hide(); $('td.checkbox', table).each(function(i) { var $cell = $(this); var $checkbox = $(':checkbox', $cell); var $switch = $('.toggle-enable', $cell); $switch.removeClass('js-hide').click(function() { if (!$(this).hasClass('disabled')) { if (Drupal.ModuleFilter.jQueryIsNewer()) { $checkbox.click(); $switch.toggleClass('off'); } else { $checkbox.click().change(); $switch.toggleClass('off'); } } }); }); } var $tabs = $('#module-filter-tabs'); function getParentTopOffset($obj, offset) { var $parent = $obj.offsetParent(); if ($obj[0] != $parent[0]) { offset += $parent.position().top; return getParentTopOffset($parent, offset); } return offset; } var tabsTopOffset = null; function getParentsTopOffset() { if (tabsTopOffset === null) { tabsTopOffset = getParentTopOffset($tabs.parent(), 0); } return tabsTopOffset; } function viewportTop() { var top = $(window).scrollTop(); return top; } function viewportBottom() { var top = $(window).scrollTop(); var bottom = top + $(window).height(); bottom -= $('#page-actions').height(); return bottom; } function fixToTop(top) { if ($tabs.hasClass('bottom-fixed')) { $tabs.css({ 'position': 'absolute', 'top': $tabs.position().top - getParentsTopOffset(), 'bottom': 'auto' }); $tabs.removeClass('bottom-fixed'); } if (($tabs.css('position') == 'absolute' && $tabs.offset().top - top >= 0) || ($tabs.css('position') != 'absolute' && $tabs.offset().top - top <= 0)) { $tabs.addClass('top-fixed'); $tabs.attr('style', ''); } } function fixToBottom(bottom) { if ($tabs.hasClass('top-fixed')) { $tabs.css({ 'position': 'absolute', 'top': $tabs.position().top - getParentsTopOffset(), 'bottom': 'auto' }); $tabs.removeClass('top-fixed'); } if ($tabs.offset().top + $tabs.height() - bottom <= 0) { $tabs.addClass('bottom-fixed'); var style = ''; var pageActionsHeight = $('#page-actions').height(); if (pageActionsHeight > 0) { style = 'bottom: ' + pageActionsHeight + 'px'; } else if (Drupal.settings.moduleFilter.dynamicPosition) { // style = 'bottom: ' + $('#module-filter-submit', $tabs).height() + 'px'; } $tabs.attr('style', style); } } var lastTop = 0; $(window).scroll(function() { var top = viewportTop(); var bottom = viewportBottom(); if ($modules.offset().top >= top) { $tabs.removeClass('top-fixed').attr('style', ''); } else { if (top > lastTop) { // Downward scroll. if ($tabs.height() > bottom - top) { fixToBottom(bottom); } else { fixToTop(top); } } else { // Upward scroll. fixToTop(top); } } lastTop = top; }); moduleFilter.adjustHeight(); }); } } }; Drupal.ModuleFilter.Tab = function(element, id) { var self = this; this.id = id; this.hash = id.substring(0, id.length - 4); this.element = element; $('a', this.element).click(function() { if (!Drupal.settings.moduleFilter.useURLFragment) { var hash = (!self.element.hasClass('selected')) ? self.hash : 'all'; Drupal.ModuleFilter.selectTab(hash); return false; } if (self.element.hasClass('selected')) { // Clear the active tab. window.location.hash = 'all'; return false; } }); $('tr.' + this.id, $('#system-modules')).hover( function() { self.element.addClass('suggest'); }, function() { self.element.removeClass('suggest'); } ); }; Drupal.ModuleFilter.selectTab = function(hash) { if (!hash || Drupal.ModuleFilter.tabs[hash + '-tab'] == undefined || Drupal.settings.moduleFilter.enabledCounts[hash].total == 0) { if (Drupal.settings.moduleFilter.rememberActiveTab) { var activeTab = Drupal.ModuleFilter.getState('activeTab'); if (activeTab && Drupal.ModuleFilter.tabs[activeTab + '-tab'] != undefined) { hash = activeTab; } } if (!hash) { hash = 'all'; } } if (Drupal.ModuleFilter.activeTab != undefined) { Drupal.ModuleFilter.activeTab.element.removeClass('selected'); } Drupal.ModuleFilter.activeTab = Drupal.ModuleFilter.tabs[hash + '-tab']; Drupal.ModuleFilter.activeTab.element.addClass('selected'); var moduleFilter = $('input[name="module_filter[name]"]').data('moduleFilter'); var filter = moduleFilter.applyFilter(); if (!Drupal.ModuleFilter.modulesTop) { Drupal.ModuleFilter.modulesTop = $('#module-filter-modules').offset().top; } else { // Calculate header offset; this is important in case the site is using // admin_menu module which has fixed positioning and is on top of everything // else. var headerOffset = Drupal.settings.tableHeaderOffset ? eval(Drupal.settings.tableHeaderOffset + '()') : 0; // Scroll back to top of #module-filter-modules. $('html, body').animate({ scrollTop: Drupal.ModuleFilter.modulesTop - headerOffset }, 500); // $('html, body').scrollTop(Drupal.ModuleFilter.modulesTop); } Drupal.ModuleFilter.setState('activeTab', hash); }; Drupal.ModuleFilter.eventHandlerOperateByURLFragment = function(event) { var hash = $.param.fragment(); Drupal.ModuleFilter.selectTab(hash); }; Drupal.ModuleFilter.countSummary = function(id) { return Drupal.t('@enabled of @total', { '@enabled': Drupal.settings.moduleFilter.enabledCounts[id].enabled, '@total': Drupal.settings.moduleFilter.enabledCounts[id].total }); }; Drupal.ModuleFilter.Tab.prototype.updateEnabling = function(name, remove) { this.enabling = this.enabling || {}; if (!remove) { this.enabling[name] = name; } else { delete this.enabling[name]; } }; Drupal.ModuleFilter.Tab.prototype.updateDisabling = function(name, remove) { this.disabling = this.disabling || {}; if (!remove) { this.disabling[name] = name; } else { delete this.disabling[name]; } }; Drupal.ModuleFilter.Tab.prototype.updateVisualAid = function() { var visualAid = ''; var enabling = new Array(); var disabling = new Array(); if (this.enabling != undefined) { for (var i in this.enabling) { enabling.push(this.enabling[i]); } if (enabling.length > 0) { enabling.sort(); visualAid += '+' + enabling.join(', ') + ''; } } if (this.disabling != undefined) { for (var i in this.disabling) { disabling.push(this.disabling[i]); } if (disabling.length > 0) { disabling.sort(); if (enabling.length > 0) { visualAid += '
'; } visualAid += '-' + disabling.join(', ') + ''; } } if (this.visualAid == undefined) { $('a span.summary', this.element).append(''); this.visualAid = $('span.visual-aid', this.element); } this.visualAid.empty().append(visualAid); }; Drupal.ModuleFilter.getTabID = function($row) { var id = $row.data('moduleFilterTabID'); if (!id) { // Find the tab ID. var classes = $row.attr('class').split(' '); for (var i in classes) { if (Drupal.ModuleFilter.tabs[classes[i]] != undefined) { id = classes[i]; break; } } $row.data('moduleFilterTabID', id); } return id; }; Drupal.ModuleFilter.updateVisualAid = function(type, $row) { var id = Drupal.ModuleFilter.getTabID($row); if (!id) { return false; } var tab = Drupal.ModuleFilter.tabs[id]; var name = Drupal.checkPlain($('td:nth(1) strong', $row).text()); switch (type) { case 'enable': if (Drupal.ModuleFilter.disabling[id + name] != undefined) { delete Drupal.ModuleFilter.disabling[id + name]; tab.updateDisabling(name, true); $row.removeClass('disabling'); } else { Drupal.ModuleFilter.enabling[id + name] = name; tab.updateEnabling(name); $row.addClass('enabling'); } break; case 'disable': if (Drupal.ModuleFilter.enabling[id + name] != undefined) { delete Drupal.ModuleFilter.enabling[id + name]; tab.updateEnabling(name, true); $row.removeClass('enabling'); } else { Drupal.ModuleFilter.disabling[id + name] = name; tab.updateDisabling(name); $row.addClass('disabling'); } break; } tab.updateVisualAid(); }; Drupal.ModuleFilter.Filter.prototype.adjustHeight = function() { // Hack for adjusting the height of the modules section. var minHeight = $('#module-filter-tabs ul').height() + 10; minHeight += $('#module-filter-tabs #module-filter-submit').height(); $('#module-filter-modules').css('min-height', minHeight); this.element.trigger('moduleFilter:adjustHeight'); } })(jQuery);