MediaWiki:Common.js : Différence entre versions

Version du 22 août 2018 à 09:36

/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */

/*
 * Use Gadgets whenever possible to minimize loading for all users for every page.
 * Wait for mediawiki.util to be ready because some things assume its availability.
 */
mw.loader.using( 'mediawiki.util', function() {	
    /**
     * Boîtes déroulantes
     * Source : https://en.wikipedia.org/wiki/MediaWiki:Common.js
     */

    var autoCollapse = 2;
    var collapseCaption = 'masquer';
    var expandCaption = 'afficher';

    window.collapseTable = function ( tableIndex ) {
        var Button = document.getElementById( 'collapseButton' + tableIndex );
        var Table = document.getElementById( 'collapsibleTable' + tableIndex );

        if ( !Table || !Button ) {
            return false;
        }

        var Rows = Table.rows;
        var i;

        if ( Button.firstChild.data === collapseCaption ) {
            for ( i = 1; i < Rows.length; i++ ) {
                Rows[i].style.display = 'none';
            }
            Button.firstChild.data = expandCaption;
        } else {
            for ( i = 1; i < Rows.length; i++ ) {
                Rows[i].style.display = Rows[0].style.display;
            }
            Button.firstChild.data = collapseCaption;
        }
    };

    function createCollapseButtons() {
        var tableIndex = 0;
        var NavigationBoxes = {};
        var Tables = document.getElementsByTagName( 'table' );
        var i;

        function handleButtonLink( index, e ) {
            window.collapseTable( index );
            e.preventDefault();
        }

        for ( i = 0; i < Tables.length; i++ ) {
            if ( $( Tables[i] ).hasClass( 'collapsible' ) ) {
    
                /* only add button and increment count if there is a header row to work with */
                var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
                if ( !HeaderRow ) continue;
                var Header = HeaderRow.getElementsByTagName( 'th' )[0];
                if ( !Header ) continue;

                NavigationBoxes[ tableIndex ] = Tables[i];
                Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );

                var Button     = document.createElement( 'span' );
                var ButtonLink = document.createElement( 'a' );
                var ButtonText = document.createTextNode( collapseCaption );

                Button.className = 'collapseButton';  /* Styles are declared in Common.css */

                ButtonLink.style.color = Header.style.color;
                ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
                ButtonLink.setAttribute( 'href', '#' );
                $( ButtonLink ).on( 'click', $.proxy( handleButtonLink, ButtonLink, tableIndex ) );
                ButtonLink.appendChild( ButtonText );

                Button.appendChild( document.createTextNode( '[' ) );
                Button.appendChild( ButtonLink );
                Button.appendChild( document.createTextNode( ']' ) );

                Header.insertBefore( Button, Header.firstChild );
                tableIndex++;
            }
        }

        for ( i = 0;  i < tableIndex; i++ ) {
            if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || ( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) ) {
                window.collapseTable( i );
            } 
            else if ( $( NavigationBoxes[i] ).hasClass ( 'innercollapse' ) ) {
                var element = NavigationBoxes[i];
                while ((element = element.parentNode)) {
                    if ( $( element ).hasClass( 'outercollapse' ) ) {
                        window.collapseTable ( i );
                        break;
                    }
                }
            }
        }
    }

    mw.hook( 'wikipage.content' ).add( createCollapseButtons );

    /**
     * FIN : Boîtes déroulantes
     */