resources/src/mediawiki.action/mediawiki.action.edit.collapsibleFooter.js

   1 jQuery( document ).ready( function ( $ ) {
   2         var collapsibleLists, i, handleOne;
   3
   4         // Collapsible lists of categories and templates
   5         collapsibleLists = [
   6                 {
   7                         $list: $( '.templatesUsed ul' ),
   8                         $toggler: $( '.mw-templatesUsedExplanation' ),
   9                         cookieName: 'templates-used-list'
  10                 },
  11                 {
  12                         $list: $( '.hiddencats ul' ),
  13                         $toggler: $( '.mw-hiddenCategoriesExplanation' ),
  14                         cookieName: 'hidden-categories-list'
  15                 },
  16                 {
  17                         $list: $( '.preview-limit-report-wrapper' ),
  18                         $toggler: $( '.mw-limitReportExplanation' ),
  19                         cookieName: 'preview-limit-report'
  20                 }
  21         ];
  22
  23         handleOne = function ( $list, $toggler, cookieName ) {
  24                 var isCollapsed = $.cookie( cookieName ) !== 'expanded';
  25
  26                 // Style the toggler with an arrow icon and add a tabIndex and a role for accessibility
  27                 $toggler.addClass( 'mw-editfooter-toggler' ).prop( 'tabIndex', 0 ).attr( 'role', 'button' );
  28                 $list.addClass( 'mw-editfooter-list' );
  29
  30                 $list.makeCollapsible( {
  31                         $customTogglers: $toggler,
  32                         linksPassthru: true,
  33                         plainMode: true,
  34                         collapsed: isCollapsed
  35                 } );
  36
  37                 $toggler.addClass( isCollapsed ? 'mw-icon-arrow-collapsed' : 'mw-icon-arrow-expanded' );
  38
  39                 $list.on( 'beforeExpand.mw-collapsible', function () {
  40                         $toggler.removeClass( 'mw-icon-arrow-collapsed' ).addClass( 'mw-icon-arrow-expanded' );
  41                         $.cookie( cookieName, 'expanded' );
  42                 } );
  43
  44                 $list.on( 'beforeCollapse.mw-collapsible', function () {
  45                         $toggler.removeClass( 'mw-icon-arrow-expanded' ).addClass( 'mw-icon-arrow-collapsed' );
  46                         $.cookie( cookieName, 'collapsed' );
  47                 } );
  48         };
  49
  50         for ( i = 0; i < collapsibleLists.length; i++ ) {
  51                 // Pass to a function for iteration-local variables
  52                 handleOne( collapsibleLists[i].$list, collapsibleLists[i].$toggler, collapsibleLists[i].cookieName );
  53         }
  54 } );