FamilySearch Wiki

MediaWiki:Common.js: Difference between revisions

Message Talk

MediaWiki:Common.js (view source)

Revision as of 11:32, 15 March 2016

1,005 bytes added ,  15 March 2016
no edit summary
No edit summary
No edit summary
Line 23: Line 23:
  */
  */
/*global $, mw */
/*global $, mw */
var autoCollapse = 2;
(function() {
var collapseCaption = 'hide';
    var autoCollapse = 2;
var expandCaption = 'show';
    var collapseCaption = 'hide';
    var expandCaption = 'show';


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


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


var Rows = Table.rows;
        var Rows = Table.rows;
var i;
        var i;


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


function createClickHandler( tableIndex ) {
    function createClickHandler(tableIndex) {
return function ( e ) {
        return function(e) {
e.preventDefault();
            e.preventDefault();
collapseTable( tableIndex );
            collapseTable(tableIndex);
};
        };
}
    }


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


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


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


var Button = document.createElement( 'span' );
                var Button = document.createElement('span');
var ButtonLink = document.createElement( 'a' );
                var ButtonLink = document.createElement('a');
var ButtonText = document.createTextNode( collapseCaption );
                var ButtonText = document.createTextNode(collapseCaption);
// TODO: Declare styles in [[MediaWiki:Gadget-collapsibleTables.css]]
                // TODO: Declare styles in [[MediaWiki:Gadget-collapsibleTables.css]]
// Button.className = 'collapseButton';
                // Button.className = 'collapseButton';
Button.style.styleFloat = 'right';
                Button.style.styleFloat = 'right';
Button.style.cssFloat = 'right';
                Button.style.cssFloat = 'right';
Button.style.fontWeight = 'normal';
                Button.style.fontWeight = 'normal';
Button.style.textAlign = 'right';
                Button.style.textAlign = 'right';
Button.style.width = '6em';
                Button.style.width = '6em';


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


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


Header.insertBefore( Button, Header.firstChild );
                Header.insertBefore(Button, Header.firstChild);
tableIndex++;
                tableIndex++;
}
            }
}
        }
 
for ( i = 0; i < tableIndex; i++ ) {
if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) ||
( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) )
) {
collapseTable( i );
}
}
}
 
mw.hook( 'wikipage.content' ).add( createCollapseButtons );


        for (i = 0; i < tableIndex; i++) {
            if ($(NavigationBoxes[i]).hasClass('collapsed') ||
                (tableIndex >= autoCollapse && $(NavigationBoxes[i]).hasClass('autocollapse'))
            ) {
                collapseTable(i);
            }
        }
    }


    mw.hook('wikipage.content').add(createCollapseButtons);
}());
/**
/**
  * Dynamic Navigation Bars. See [[Wikipedia:NavFrame]]
  * Dynamic Navigation Bars. See [[Wikipedia:NavFrame]]
Line 124: Line 124:
  * @maintainer Krinkle, 2013
  * @maintainer Krinkle, 2013
  */
  */
( function () {
(function() {
// set up the words in your language
    // set up the words in your language
var navigationBarHide = '[' + collapseCaption + ']';
    var navigationBarHide = '[' + collapseCaption + ']';
var navigationBarShow = '[' + expandCaption + ']';
    var navigationBarShow = '[' + expandCaption + ']';


/**
    /**
* Shows and hides content and picture (if available) of navigation bars.
    * Shows and hides content and picture (if available) of navigation bars.
* @param {number} indexNavigationBar The index of navigation bar to be toggled
    * @param {number} indexNavigationBar The index of navigation bar to be toggled
* @param {jQuery.Event} e Event object
    * @param {jQuery.Event} e Event object
*/
    */
function toggleNavigationBar(indexNavigationBar, e) {
    function toggleNavigationBar(indexNavigationBar, e) {
    var navChild,
        var navChild,
        navToggle = document.getElementById('NavToggle' + indexNavigationBar),
            navToggle = document.getElementById('NavToggle' + indexNavigationBar),
        navFrame = document.getElementById('NavFrame' + indexNavigationBar);
            navFrame = document.getElementById('NavFrame' + indexNavigationBar);


    // Prevent browser from jumping to href "#"
        // Prevent browser from jumping to href "#"
    e.preventDefault();
        e.preventDefault();


    if (!navFrame || !navToggle) {
        if (!navFrame || !navToggle) {
        return false;
            return false;
    }
        }


    // If shown now
        // If shown now
    if (navToggle.firstChild.data == navigationBarHide) {
        if (navToggle.firstChild.data == navigationBarHide) {
        for (navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling) {
            for (navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling) {
            if (hasClass(navChild, 'NavPic')) {
                if (hasClass(navChild, 'NavPic')) {
                navChild.style.display = 'none';
                    navChild.style.display = 'none';
            }
                }
            if (hasClass(navChild, 'NavContent')) {
                if (hasClass(navChild, 'NavContent')) {
                navChild.style.display = 'none';
                    navChild.style.display = 'none';
                }
             }
             }
        }
            navToggle.firstChild.data = navigationBarShow;
        navToggle.firstChild.data = navigationBarShow;


        // If hidden now
            // If hidden now
    } else if (navToggle.firstChild.data == navigationBarShow) {
        } else if (navToggle.firstChild.data == navigationBarShow) {
        for (navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling) {
            for (navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling) {
            if ($(navChild).hasClass('NavPic') || $(navChild).hasClass('NavContent')) {
                if ($(navChild).hasClass('NavPic') || $(navChild).hasClass('NavContent')) {
                navChild.style.display = 'block';
                    navChild.style.display = 'block';
                }
             }
             }
            navToggle.firstChild.data = navigationBarHide;
         }
         }
        navToggle.firstChild.data = navigationBarHide;
     }
     }
}


/**
    /**
* Adds show/hide-button to navigation bars.
    * Adds show/hide-button to navigation bars.
* @param {jQuery} $content
    * @param {jQuery} $content
*/
    */
function createNavigationBarToggleButton($content) {
    function createNavigationBarToggleButton($content) {
    var i, j, navFrame, navToggle, navToggleText, navChild,
        var i, j, navFrame, navToggle, navToggleText, navChild,
        indexNavigationBar = 0,
            indexNavigationBar = 0,
        navFrames = $content.find('div.NavFrame').toArray();
            navFrames = $content.find('div.NavFrame').toArray();


    // Iterate over all (new) nav frames
        // Iterate over all (new) nav frames
    for (i = 0; i < navFrames.length; i++) {
        for (i = 0; i < navFrames.length; i++) {
        navFrame = navFrames[i];
            navFrame = navFrames[i];
        // If found a navigation bar
            // If found a navigation bar
        indexNavigationBar++;
            indexNavigationBar++;
        navToggle = document.createElement('a');
            navToggle = document.createElement('a');
        navToggle.className = 'NavToggle';
            navToggle.className = 'NavToggle';
        navToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
            navToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
        navToggle.setAttribute('href', '#');
            navToggle.setAttribute('href', '#');
        $(navToggle).on('click', $.proxy(toggleNavigationBar, null, indexNavigationBar));
            $(navToggle).on('click', $.proxy(toggleNavigationBar, null, indexNavigationBar));


        navToggleText = document.createTextNode(navigationBarHide);
            navToggleText = document.createTextNode(navigationBarHide);
        for (navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling) {
            for (navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling) {
            if ($(navChild).hasClass('NavPic') || $(navChild).hasClass('NavContent')) {
                if ($(navChild).hasClass('NavPic') || $(navChild).hasClass('NavContent')) {
                if (navChild.style.display == 'none') {
                    if (navChild.style.display == 'none') {
                    navToggleText = document.createTextNode(navigationBarShow);
                        navToggleText = document.createTextNode(navigationBarShow);
                    break;
                        break;
                    }
                 }
                 }
             }
             }
        }


        navToggle.appendChild(navToggleText);
            navToggle.appendChild(navToggleText);
        // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
            // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
        for (j = 0; j < navFrame.childNodes.length; j++) {
            for (j = 0; j < navFrame.childNodes.length; j++) {
            if ($(navFrame.childNodes[j]).hasClass('NavHead')) {
                if ($(navFrame.childNodes[j]).hasClass('NavHead')) {
                navFrame.childNodes[j].appendChild(navToggle);
                    navFrame.childNodes[j].appendChild(navToggle);
                }
             }
             }
            navFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
         }
         }
        navFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
     }
     }
}
mw.hook('wikipage.content').add(createNavigationBarToggleButton);


    mw.hook('wikipage.content').add(createNavigationBarToggleButton);
}());
}());


Commuser
152

edits

Retrieved from "https://integration-ru.familysearch.org/en/wiki/Special:MobileDiff/2506798"