|
|
Zeile 1: |
Zeile 1: |
| //================================================================================ | | /** |
| //*** Dynamic Navigation Bars
| | * Collapsible tables; reimplemented with mw-collapsible |
| | * Styling is also in place to avoid FOUC |
| | * |
| | * Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]]. |
| | * @version 3.0.0 (2018-05-20) |
| | * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js |
| | * @author [[User:R. Koot]] |
| | * @author [[User:Krinkle]] |
| | * @author [[User:TheDJ]] |
| | * @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which |
| | * is supported in MediaWiki core. Shimmable since MediaWiki 1.32 |
| | * |
| | * @param {jQuery} $content |
| | */ |
| | function makeCollapsibleMwCollapsible( $content ) { |
| | var $tables = $content |
| | .find( 'table.collapsible:not(.mw-collapsible)' ) |
| | .addClass( 'mw-collapsible' ); |
|
| |
|
| // set up max count of Navigation Bars on page,
| | $.each( $tables, function ( index, table ) { |
| // if there are more, all will be hidden
| | // mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.'); |
| // mw.user.options.set( 'NavigationBarShowDefault', 0 ); // all bars will be hidden
| | if ( $( table ).hasClass( 'collapsed' ) ) { |
| // mw.user.options.set( 'NavigationBarShowDefault', 1 ); // on pages with more than 1 bar all bars will be hidden | | $( table ).addClass( 'mw-collapsed' ); |
| | | // mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.'); |
| // adds show/hide-button to navigation bars
| | } |
| // using 'jquery.makeCollapsible': for messages
| | } ); |
| // using 'user', 'mediawiki.user', 'user.options': wait for overrides in user.js
| | if ( $tables.length > 0 ) { |
| mw.loader.using( [ 'jquery.makeCollapsible', 'user', 'mediawiki.user', 'user.options' ], function() { mw.hook( 'wikipage.content' ).add( function( $content ) {
| | mw.loader.using( 'jquery.makeCollapsible' ).then( function () { |
| // allow setting NavigationBarShowDefault
| | $tables.makeCollapsible(); |
| var showDefaultCount = mw.user.options.get( 'NavigationBarShowDefault',
| | } ); |
| typeof NavigationBarShowDefault !== 'undefined' ? NavigationBarShowDefault : 1 );
| |
| // allow user overrides for b/c
| |
| var textHide = typeof NavigationBarHide === 'string' ? NavigationBarHide : mw.msg( 'collapsible-collapse' );
| |
| var textShow = typeof NavigationBarShow === 'string' ? NavigationBarShow : mw.msg( 'collapsible-expand' );
| |
| | |
| // shows and hides content and picture (if available) of navigation bars
| |
| // Parameters:
| |
| // indexNavigationBar: the index of navigation bar to be toggled
| |
| function toggleNavigationBar(NavToggle, NavFrame)
| |
| {
| |
| if (!NavFrame || !NavToggle) {
| |
| return false; | |
| } | | } |
| | } |
| | mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible ); |
|
| |
|
| // if shown now
| | /** |
| if (NavToggle.firstChild.data === textHide) {
| | * Add support to mw-collapsible for autocollapse, innercollapse and outercollapse |
| for ( | | * |
| var NavChild = NavFrame.firstChild;
| | * Maintainers: TheDJ |
| NavChild !== null;
| | */ |
| NavChild = NavChild.nextSibling
| | function mwCollapsibleSetup( $collapsibleContent ) { |
| ) {
| | var $element, |
| if (NavChild.className === 'NavPic' || NavChild.className === 'NavContent') {
| | $toggle, |
| NavChild.style.display = 'none';
| | autoCollapseThreshold = 2; |
| }
| | $.each( $collapsibleContent, function ( index, element ) { |
| | $element = $( element ); |
| | if ( $element.hasClass( 'collapsible' ) ) { |
| | $element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) ); |
| } | | } |
| NavToggle.firstChild.data = textShow; | | if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) { |
| | | $element.data( 'mw-collapsible' ).collapse(); |
| // if hidden now
| | } else if ( $element.hasClass( 'innercollapse' ) ) { |
| } else if (NavToggle.firstChild.data === textShow) {
| | if ( $element.parents( '.outercollapse' ).length > 0 ) { |
| for (
| | $element.data( 'mw-collapsible' ).collapse(); |
| var NavChild = NavFrame.firstChild;
| |
| NavChild !== null;
| |
| NavChild = NavChild.nextSibling
| |
| ) {
| |
| if (NavChild.className === 'NavPic' || NavChild.className === 'NavContent') { | |
| NavChild.style.display = 'block'; | |
| } | | } |
| } | | } |
| NavToggle.firstChild.data = textHide; | | // because of colored backgrounds, style the link in the text color |
| }
| | // to ensure accessible contrast |
| }
| | $toggle = $element.find( '.mw-collapsible-toggle' ); |
| | | if ( $toggle.length ) { |
| function toggleNavigationBarFunction(NavToggle, NavFrame) {
| | // Make the toggle inherit text color |
| return function() {
| | if ( $toggle.parent()[ 0 ].style.color ) { |
| toggleNavigationBar(NavToggle, NavFrame); | | $toggle.find( 'a' ).css( 'color', 'inherit' ); |
| return false;
| |
| };
| |
| }
| |
| // iterate over all NavFrames
| |
| var NavFrames = $content.find( 'div.NavFrame' );
| |
| | |
| // if more Navigation Bars found and not template namespace than Default: hide all
| |
| var initiallyToggle = showDefaultCount < NavFrames.length && mw.config.get( 'wgNamespaceNumber' ) !== 10;
| |
| for (var i=0; i<NavFrames.length; i++) {
| |
| var NavFrame = NavFrames[i];
| |
| var NavToggle = document.createElement("a");
| |
| NavToggle.className = 'NavToggle';
| |
| NavToggle.setAttribute('href', '#');
| |
| | |
| var NavToggleText = document.createTextNode(textHide);
| |
| NavToggle.appendChild(NavToggleText);
| |
| | |
| // add NavToggle-Button as first div-element
| |
| // in < div class="NavFrame" >
| |
| NavFrame.insertBefore(NavToggle, NavFrame.firstChild);
| |
| | |
| NavToggle.onclick = toggleNavigationBarFunction(NavToggle, NavFrame);
| |
| if (initiallyToggle) {
| |
| toggleNavigationBar(NavToggle, NavFrame);
| |
| } else { // make sure that 'display' is always set for every NavFrame
| |
| for (
| |
| var NavChild = NavFrame.firstChild;
| |
| NavChild !== null;
| |
| NavChild = NavChild.nextSibling
| |
| ) {
| |
| if (NavChild.className === 'NavPic' || NavChild.className === 'NavContent') {
| |
| NavChild.style.display = 'block';
| |
| } | | } |
| } | | } |
| } | | } ); |
| } | | } |
| })});
| |
|
| |
| //================================================================================
| |
|
| |
| /** Skript für [[Vorlage:Galerie]] */
| |
| $( function() {
| |
| if (document.URL.match(/printable/g)) return;
| |
|
| |
| function toggleImageFunction(group, remindex, shwindex) {
| |
| return function() {
| |
| document.getElementById("ImageGroupsGr" + group + "Im" + remindex).style["display"] = "none";
| |
| document.getElementById("ImageGroupsGr" + group + "Im" + shwindex).style["display"] = "block";
| |
| return false;
| |
| };
| |
| }
| |
|
| |
| var divs = document.getElementsByTagName("div");
| |
| var i = 0, j = 0;
| |
| var units, search;
| |
| var currentimage;
| |
| var UnitNode;
| |
| for (i = 0; i < divs.length; i++) {
| |
| if (divs[i].className !== "ImageGroup") { continue; }
| |
| UnitNode = undefined;
| |
| search = divs[i].getElementsByTagName("div");
| |
| for (j = 0; j < search.length; j++) {
| |
| if (search[j].className !== "ImageGroupUnits") { continue; }
| |
| UnitNode=search[j];
| |
| break;
| |
| }
| |
| if (UnitNode === undefined) { continue; }
| |
| units = [];
| |
| for (j = 0 ; j < UnitNode.childNodes.length ; j++ ) {
| |
| var temp = UnitNode.childNodes[j];
| |
| if (temp.className === "center") { units.push(temp); }
| |
| }
| |
| var rightlink = undefined;
| |
| var commentText = undefined;
| |
| for (j = 0; j < units.length; j++) {
| |
| currentimage = units[j];
| |
| currentimage.id = "ImageGroupsGr" + i + "Im" + j;
| |
| var leftlink = document.createElement("a");
| |
| if (commentText !== undefined) {
| |
| leftlink.setAttribute("title", commentText);
| |
| }
| |
| var comment;
| |
| if (typeof(currentimage.getAttribute("title")) !== "string") {
| |
| commentText = (j+1) + "/" + units.length;
| |
| comment = document.createElement("tt").appendChild(document.createTextNode("("+ commentText + ")"));
| |
| } else {
| |
| commentText = currentimage.getAttribute("title");
| |
| comment = document.createElement("span").appendChild(document.createTextNode(commentText));
| |
| currentimage.removeAttribute("title");
| |
| }
| |
| if(rightlink !== undefined) {
| |
| rightlink.setAttribute("title", commentText);
| |
| }
| |
| var imghead = document.createElement("div");
| |
| rightlink = document.createElement("a");
| |
| if (j !== 0) {
| |
| leftlink.href = "#";
| |
| leftlink.onclick = toggleImageFunction(i, j, j-1);
| |
| leftlink.appendChild(document.createTextNode("◀"));
| |
| }
| |
| if (j !== units.length - 1) {
| |
| rightlink.href = "#";
| |
| rightlink.onclick = toggleImageFunction(i, j, j+1);
| |
| rightlink.appendChild(document.createTextNode("▶"));
| |
| }
| |
| imghead.style["fontSize"] = "110%";
| |
| imghead.style["fontweight"] = "bold";
| |
| imghead.appendChild(leftlink);
| |
| imghead.appendChild(document.createTextNode("\xA0"));
| |
| imghead.appendChild(comment);
| |
| imghead.appendChild(document.createTextNode("\xA0"));
| |
| imghead.appendChild(rightlink);
| |
| if (units.length > 1) {
| |
| currentimage.insertBefore(imghead,currentimage.childNodes[0]);
| |
| }
| |
| if (j !== 0) {
| |
| currentimage.style["display"] = "none";
| |
| }
| |
| }
| |
| }
| |
| });
| |