Content added Content deleted
(collapsible elements stuff) |
Tag: Undo |
||
| Line 18: | Line 18: | ||
$('li#n-Recent-Changes a').prepend('<div id="drop-icon"><i class="fa fa-plus-square"></i></div>'); |
$('li#n-Recent-Changes a').prepend('<div id="drop-icon"><i class="fa fa-plus-square"></i></div>'); |
||
$('li#t-urlshortener a').prepend('<div id="drop-icon"><i class="fa fa-link"></i></div>'); |
$('li#t-urlshortener a').prepend('<div id="drop-icon"><i class="fa fa-link"></i></div>'); |
||
/** |
|||
* Collapsible tables |
|||
* |
|||
* Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]]. |
|||
* |
|||
* @version 2.0.3 (2014-03-14) |
|||
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js |
|||
* @author [[User:R. Koot]] |
|||
* @author [[User:Krinkle]] |
|||
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which |
|||
* is supported in MediaWiki core. |
|||
*/ |
|||
var autoCollapse = 2; |
|||
var collapseCaption = 'hide'; |
|||
var expandCaption = 'show'; |
|||
var tableIndex = 0; |
|||
function collapseTable( tableIndex ) { |
|||
var Button = document.getElementById( 'collapseButton' + tableIndex ); |
|||
var Table = document.getElementById( 'collapsibleTable' + tableIndex ); |
|||
if ( !Table || !Button ) { |
|||
return false; |
|||
} |
|||
var Rows = Table.rows; |
|||
var i; |
|||
var $row0 = $(Rows[0]); |
|||
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 = $row0.css( 'display' ); |
|||
} |
|||
Button.firstChild.data = collapseCaption; |
|||
} |
|||
} |
|||
function createClickHandler( tableIndex ) { |
|||
return function ( e ) { |
|||
e.preventDefault(); |
|||
collapseTable( tableIndex ); |
|||
}; |
|||
} |
|||
function createCollapseButtons( $content ) { |
|||
var NavigationBoxes = {}; |
|||
var $Tables = $content.find( 'table' ); |
|||
var i; |
|||
$Tables.each( function( i, table ) { |
|||
if ( $(table).hasClass( 'collapsible' ) ) { |
|||
/* only add button and increment count if there is a header row to work with */ |
|||
var HeaderRow = table.getElementsByTagName( 'tr' )[0]; |
|||
if ( !HeaderRow ) { |
|||
return; |
|||
} |
|||
var Header = table.getElementsByTagName( 'th' )[0]; |
|||
if ( !Header ) { |
|||
return; |
|||
} |
|||
NavigationBoxes[ tableIndex ] = table; |
|||
table.setAttribute( 'id', 'collapsibleTable' + tableIndex ); |
|||
var Button = document.createElement( 'span' ); |
|||
var ButtonLink = document.createElement( 'a' ); |
|||
var ButtonText = document.createTextNode( collapseCaption ); |
|||
// Styles are declared in [[MediaWiki:Common.css]] |
|||
Button.className = 'collapseButton'; |
|||
ButtonLink.style.color = Header.style.color; |
|||
ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex ); |
|||
ButtonLink.setAttribute( 'href', '#' ); |
|||
$( ButtonLink ).on( 'click', createClickHandler( 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' ) ) |
|||
) { |
|||
collapseTable( i ); |
|||
} |
|||
else if ( $( NavigationBoxes[i] ).hasClass ( 'innercollapse' ) ) { |
|||
var element = NavigationBoxes[i]; |
|||
while ((element = element.parentNode)) { |
|||
if ( $( element ).hasClass( 'outercollapse' ) ) { |
|||
collapseTable ( i ); |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
mw.hook( 'wikipage.content' ).add( createCollapseButtons ); |
|||
/** |
|||
* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse |
|||
* |
|||
* Maintainers: TheDJ |
|||
*/ |
|||
function mwCollapsibleSetup( $collapsibleContent ) { |
|||
var $element, |
|||
$toggle, |
|||
autoCollapseThreshold = 2; |
|||
$.each( $collapsibleContent, function (index, element) { |
|||
$element = $( element ); |
|||
if ( $collapsibleContent.length > autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) { |
|||
$element.data( 'mw-collapsible' ).collapse(); |
|||
} else if ( $element.hasClass( 'innercollapse' ) ) { |
|||
if ( $element.parents( '.outercollapse' ).length > 0 ) { |
|||
$element.data( 'mw-collapsible' ).collapse(); |
|||
} |
|||
} |
|||
$toggle = $element.find( '.mw-collapsible-toggle' ); |
|||
if ( $toggle.length ) { |
|||
// Make the toggle inherit text color |
|||
if( $toggle.parent()[0].style.color ) { |
|||
$toggle.find( 'a' ).css( 'color', 'inherit' ); |
|||
} |
|||
} |
|||
} ); |
|||
} |
|||
mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup ); |
|||
/** |
|||
* Dynamic Navigation Bars (experimental) |
|||
* |
|||
* Description: See [[Wikipedia:NavFrame]]. |
|||
* Maintainers: UNMAINTAINED |
|||
*/ |
|||
/* set up the words in your language */ |
|||
var NavigationBarHide = '[' + collapseCaption + ']'; |
|||
var NavigationBarShow = '[' + expandCaption + ']'; |
|||
var indexNavigationBar = 0; |
|||
/** |
|||
* Shows and hides content and picture (if available) of navigation bars |
|||
* Parameters: |
|||
* indexNavigationBar: the index of navigation bar to be toggled |
|||
**/ |
|||
window.toggleNavigationBar = function ( indexNavigationBar, event ) { |
|||
var NavToggle = document.getElementById( 'NavToggle' + indexNavigationBar ); |
|||
var NavFrame = document.getElementById( 'NavFrame' + indexNavigationBar ); |
|||
var NavChild; |
|||
if ( !NavFrame || !NavToggle ) { |
|||
return false; |
|||
} |
|||
/* if shown now */ |
|||
if ( NavToggle.firstChild.data === NavigationBarHide ) { |
|||
for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) { |
|||
if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) { |
|||
NavChild.style.display = 'none'; |
|||
} |
|||
} |
|||
NavToggle.firstChild.data = NavigationBarShow; |
|||
/* if hidden now */ |
|||
} else if ( NavToggle.firstChild.data === NavigationBarShow ) { |
|||
for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) { |
|||
if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) { |
|||
NavChild.style.display = 'block'; |
|||
} |
|||
} |
|||
NavToggle.firstChild.data = NavigationBarHide; |
|||
} |
|||
event.preventDefault(); |
|||
}; |
|||
/* ADDS SHOW/HIDE BUTTON TO NAVIGATION BARS */ |
|||
function createNavigationBarToggleButton( $content ) { |
|||
var NavChild; |
|||
/* iterate over all < div >-elements */ |
|||
var $divs = $content.find( 'div' ); |
|||
$divs.each( function ( i, NavFrame ) { |
|||
/* if found a navigation bar */ |
|||
if ( $( NavFrame ).hasClass( 'NavFrame' ) ) { |
|||
indexNavigationBar++; |
|||
var NavToggle = document.createElement( 'a' ); |
|||
NavToggle.className = 'NavToggle'; |
|||
NavToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar ); |
|||
NavToggle.setAttribute( 'href', '#' ); |
|||
$( NavToggle ).on( 'click', $.proxy( window.toggleNavigationBar, window, indexNavigationBar ) ); |
|||
var isCollapsed = $( NavFrame ).hasClass( 'collapsed' ); |
|||
/** |
|||
* Check if any children are already hidden. This loop is here for backwards compatibility: |
|||
* the old way of making NavFrames start out collapsed was to manually add style="display:none" |
|||
* to all the NavPic/NavContent elements. Since this was bad for accessibility (no way to make |
|||
* the content visible without JavaScript support), the new recommended way is to add the class |
|||
* "collapsed" to the NavFrame itself, just like with collapsible tables. |
|||
*/ |
|||
for ( NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling ) { |
|||
if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) { |
|||
if ( NavChild.style.display === 'none' ) { |
|||
isCollapsed = true; |
|||
} |
|||
} |
|||
} |
|||
if ( isCollapsed ) { |
|||
for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) { |
|||
if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) { |
|||
NavChild.style.display = 'none'; |
|||
} |
|||
} |
|||
} |
|||
var NavToggleText = document.createTextNode( isCollapsed ? NavigationBarShow : NavigationBarHide ); |
|||
NavToggle.appendChild( NavToggleText ); |
|||
/* Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) */ |
|||
for( var j = 0; j < NavFrame.childNodes.length; j++ ) { |
|||
if ( $( NavFrame.childNodes[j] ).hasClass( 'NavHead' ) ) { |
|||
NavToggle.style.color = NavFrame.childNodes[j].style.color; |
|||
NavFrame.childNodes[j].appendChild( NavToggle ); |
|||
} |
|||
} |
|||
NavFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar ); |
|||
} |
|||
} ); |
|||
} |
|||
Latest revision as of 13:18, 13 March 2020
$('li#n-Who-Were-The-Lonsdales a').prepend('<div id="drop-icon"><i class="fa fa-info-circle"></i></div>');
$('li#n-Battalion-History a').prepend('<div id="drop-icon"><i class="fa fa-history"></i></div>');
$('li#n-On-This-Day a').prepend('<div id="drop-icon"><i class="fa fa-clock-o"></i></div>');
$('li#n-Roll-of-Honour a').prepend('<div id="drop-icon"><i class="fa fa-star"></i></div>');
$('li#n-Battalion-War-Diary a').prepend('<div id="drop-icon"><i class="fa fa-book"></i></div>');
$('li#n-Newspaper-Articles a').prepend('<div id="drop-icon"><i class="fa fa-file-text-o"></i></div>');
$('li#n-Quotes a').prepend('<div id="drop-icon"><i class="fa fa-quote-right"></i></div>');
$('li#n-Document-Library a').prepend('<div id="drop-icon"><i class="fa fa-file"></i></div>');
$('li#n-Image-Galleries a').prepend('<div id="drop-icon"><i class="fa fa-camera"></i></div>');
$('li#n-The-Border-Regiment a').prepend('<div id="drop-icon"><i class="fa fa-bold"></i></div>');
$('li#n-Transcribing-the-Great-War a').prepend('<div id="drop-icon"><i class="fa fa-pencil-square-o"></i></div>');
$('li#n-Glossary-of-Words-and-Phrases a').prepend('<div id="drop-icon"><i class="fa fa-list"></i></div>');
$('li#n-Main-Page a').prepend('<div id="drop-icon"><i class="fa fa-home"></i></div>');
$('li#n-Random-Page a').prepend('<div id="drop-icon"><i class="fa fa-random"></i></div>');
$('li#n-Random-Image a').prepend('<div id="drop-icon"><i class="fa fa-random"></i></div>');
$('li#n-Categories a').prepend('<div id="drop-icon"><i class="fa fa-tags"></i></div>');
$('li#n-Help-Using-Software a').prepend('<div id="drop-icon"><i class="fa fa-cogs"></i></div>');
$('li#n-Recent-Changes a').prepend('<div id="drop-icon"><i class="fa fa-plus-square"></i></div>');
$('li#t-urlshortener a').prepend('<div id="drop-icon"><i class="fa fa-link"></i></div>');