Difference between revisions of "MediaWiki:Common.js"
From Testiwiki
Juha Villman (talk | contribs) |
|||
(9 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
− | /* | + | /** |
− | + | * Collapsible tables | |
− | + | * | |
− | + | * Allows tables to be collapsed, showing only the header. See [[Wikipedia:NavFrame]]. | |
− | + | * @maintainer [[User:R. Koot]] (on Wikipedia) | |
− | + | */ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | / | ||
− | + | var autoCollapse = 2; | |
− | + | var collapseCaption = 'hide'; | |
− | + | var expandCaption = 'show'; | |
− | + | function hasClass( element, className ) { | |
− | + | var Classes = element.className.split( " " ); | |
− | + | for ( var i = 0; i < Classes.length; i++ ) { | |
− | + | if ( Classes[i] == className ) { | |
− | + | return true; | |
+ | } | ||
+ | } | ||
+ | return false; | ||
+ | } | ||
+ | function collapseTable( tableIndex ) { | ||
+ | var i; | ||
+ | var Button = document.getElementById( 'collapseButton' + tableIndex ); | ||
+ | var Table = document.getElementById( 'collapsibleTable' + tableIndex ); | ||
− | + | if ( !Table || !Button ) { | |
− | + | return false; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | + | var Rows = Table.getElementsByTagName( 'tr' ); | |
− | |||
− | |||
− | + | 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 i; | |
− | + | var tableIndex = 0; | |
− | + | var NavigationBoxes = {}; | |
− | + | var Tables = document.getElementsByTagName( 'table' ); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | for ( i = 0; i < Tables.length; i++ ) { | |
− | + | if ( hasClass( Tables[i], 'collapsible' ) ) { | |
− | + | 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.style.styleFloat = 'right'; | |
+ | Button.style.cssFloat = 'right'; | ||
+ | Button.style.fontWeight = 'normal'; | ||
+ | Button.style.textAlign = 'right'; | ||
+ | Button.style.width = '6em'; | ||
− | + | ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex ); | |
+ | ButtonLink.setAttribute( 'href', 'javascript:collapseTable(' + tableIndex + ');' ); | ||
+ | ButtonLink.appendChild( ButtonText ); | ||
− | + | Button.appendChild( document.createTextNode( '[' ) ); | |
− | + | Button.appendChild( ButtonLink ); | |
− | + | Button.appendChild( document.createTextNode( ']' ) ); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | var Header = Tables[i].getElementsByTagName( 'tr' )[0].getElementsByTagName( 'th' )[0]; | |
− | + | /* only add button and increment count if there is a header row to work with */ | |
− | + | if (Header) { | |
− | + | Header.insertBefore( Button, Header.childNodes[0] ); | |
− | + | tableIndex++; | |
− | + | } | |
− | + | } | |
− | |||
} | } | ||
− | + | ||
− | for ( | + | for ( i = 0; i < tableIndex; i++ ) { |
− | + | if ( hasClass( NavigationBoxes[i], 'collapsed' ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], 'autocollapse' ) ) ) { | |
− | + | collapseTable( i ); | |
− | if (( | ||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
} | } | ||
+ | |||
+ | $( createCollapseButtons ); | ||
+ | |||
+ | var customizeToolbar = function () { | ||
+ | |||
+ | $('#wpTextbox1').wikiEditor('addToToolbar', { | ||
+ | section: 'advanced', | ||
+ | group: 'format', | ||
+ | tools: { | ||
+ | "strikethrough": { | ||
+ | label: 'Strike', | ||
+ | type: 'button', | ||
+ | icon: '//upload.wikimedia.org/wikipedia/commons/3/30/Btn_toolbar_rayer.png', | ||
+ | action: { | ||
+ | type: 'encapsulate', | ||
+ | options: { | ||
+ | pre: "<s>", | ||
+ | post: "</s>" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }); | ||
− | + | $( '#wpTextbox1' ).wikiEditor( 'addToToolbar', { | |
− | + | section: 'advanced', | |
− | + | group: 'format', | |
− | + | tools: { | |
− | + | "hline": { | |
− | + | label: 'Horizontal line', | |
− | + | type: 'button', | |
− | + | icon: '//bits.wikimedia.org/skins-1.5/common/images/button_hr.png', | |
− | + | action: { | |
− | + | type: 'encapsulate', | |
− | + | options: { | |
− | + | pre: "----", | |
− | + | ownline: true | |
− | + | } | |
− | + | } | |
− | + | } | |
− | + | } | |
− | + | }); | |
− | + | ||
− | + | $( '#wpTextbox1' ).wikiEditor( 'addToToolbar', { | |
− | + | section: 'advanced', | |
− | + | group: 'format', | |
− | + | tools: { | |
− | + | "underline": { | |
− | + | label: 'Underline', | |
− | + | type: 'button', | |
− | + | icon: 'http://www.opasnet.org/pictures/underline.png', | |
− | + | action: { | |
− | + | type: 'encapsulate', | |
− | + | options: { | |
− | + | pre: "<u>", | |
− | + | peri: "Underlined text", | |
− | + | post: "</u>" | |
− | + | } | |
− | + | } | |
− | + | } | |
− | + | } | |
− | + | }); | |
− | + | ||
+ | $( '#wpTextbox1' ).wikiEditor( 'addToToolbar', { | ||
+ | section: 'advanced', | ||
+ | group: 'format', | ||
+ | tools: { | ||
+ | "center": { | ||
+ | label: 'Center', | ||
+ | type: 'button', | ||
+ | icon: 'http://www.opasnet.org/pictures/centerbut.png', | ||
+ | action: { | ||
+ | type: 'encapsulate', | ||
+ | options: { | ||
+ | pre: "<center>", | ||
+ | peri: "Centered text", | ||
+ | post: "</center>" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $( '#wpTextbox1' ).wikiEditor( 'addToToolbar', { | ||
+ | section: 'advanced', | ||
+ | group: 'format', | ||
+ | tools: { | ||
+ | "attack": { | ||
+ | label: 'Attack', | ||
+ | type: 'button', | ||
+ | icon: 'http://www.opasnet.org/pictures/attack.png', | ||
+ | action: { | ||
+ | type: 'encapsulate', | ||
+ | options: { | ||
+ | pre: "{{attack|# |", | ||
+ | peri: "Enter your attacking argumentation between these two bars", | ||
+ | post: "|--~~"+"~~}}" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $( '#wpTextbox1' ).wikiEditor( 'addToToolbar', { | ||
+ | section: 'advanced', | ||
+ | group: 'format', | ||
+ | tools: { | ||
+ | "defend": { | ||
+ | label: 'Defend', | ||
+ | type: 'button', | ||
+ | icon: 'http://www.opasnet.org/pictures/defend.png', | ||
+ | action: { | ||
+ | type: 'encapsulate', | ||
+ | options: { | ||
+ | pre: "{{defend|# |", | ||
+ | peri: "Enter your defending argumentation between these two bars", | ||
+ | post: "|--~~"+"~~}}" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }); | ||
− | // | + | $( '#wpTextbox1' ).wikiEditor( 'addToToolbar', { |
− | // | + | section: 'advanced', |
− | + | group: 'format', | |
+ | tools: { | ||
+ | "comment": { | ||
+ | label: 'Comment', | ||
+ | type: 'button', | ||
+ | icon: 'http://www.opasnet.org/pictures/comment.png', | ||
+ | action: { | ||
+ | type: 'encapsulate', | ||
+ | options: { | ||
+ | pre: "{{comment|# |", | ||
+ | peri: "Enter your comment between these two bars", | ||
+ | post: "|--~~"+"~~}}" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | / | + | /* Check if view is in edit mode and that the required modules are available. Then, customize the toolbar … */ |
− | + | if ( $.inArray( mw.config.get( 'wgAction' ), [ 'edit', 'submit' ] ) !== -1 ) { | |
− | + | mw.loader.using( 'user.options' ).then( function () { | |
− | + | // This can be the string "0" if the user disabled the preference ([[phab:T54542#555387]]) | |
− | + | if ( mw.user.options.get( 'usebetatoolbar' ) == 1 ) { | |
− | + | $.when( | |
− | + | mw.loader.using( 'ext.wikiEditor.toolbar' ), $.ready | |
− | + | ).then( customizeToolbar ); | |
− | + | } | |
− | + | } ); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− |
Latest revision as of 15:10, 30 August 2017
/**
* Collapsible tables
*
* Allows tables to be collapsed, showing only the header. See [[Wikipedia:NavFrame]].
* @maintainer [[User:R. Koot]] (on Wikipedia)
*/
var autoCollapse = 2;
var collapseCaption = 'hide';
var expandCaption = 'show';
function hasClass( element, className ) {
var Classes = element.className.split( " " );
for ( var i = 0; i < Classes.length; i++ ) {
if ( Classes[i] == className ) {
return true;
}
}
return false;
}
function collapseTable( tableIndex ) {
var i;
var Button = document.getElementById( 'collapseButton' + tableIndex );
var Table = document.getElementById( 'collapsibleTable' + tableIndex );
if ( !Table || !Button ) {
return false;
}
var Rows = Table.getElementsByTagName( 'tr' );
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 i;
var tableIndex = 0;
var NavigationBoxes = {};
var Tables = document.getElementsByTagName( 'table' );
for ( i = 0; i < Tables.length; i++ ) {
if ( hasClass( Tables[i], 'collapsible' ) ) {
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.style.styleFloat = 'right';
Button.style.cssFloat = 'right';
Button.style.fontWeight = 'normal';
Button.style.textAlign = 'right';
Button.style.width = '6em';
ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
ButtonLink.setAttribute( 'href', 'javascript:collapseTable(' + tableIndex + ');' );
ButtonLink.appendChild( ButtonText );
Button.appendChild( document.createTextNode( '[' ) );
Button.appendChild( ButtonLink );
Button.appendChild( document.createTextNode( ']' ) );
var Header = Tables[i].getElementsByTagName( 'tr' )[0].getElementsByTagName( 'th' )[0];
/* only add button and increment count if there is a header row to work with */
if (Header) {
Header.insertBefore( Button, Header.childNodes[0] );
tableIndex++;
}
}
}
for ( i = 0; i < tableIndex; i++ ) {
if ( hasClass( NavigationBoxes[i], 'collapsed' ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], 'autocollapse' ) ) ) {
collapseTable( i );
}
}
}
$( createCollapseButtons );
var customizeToolbar = function () {
$('#wpTextbox1').wikiEditor('addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"strikethrough": {
label: 'Strike',
type: 'button',
icon: '//upload.wikimedia.org/wikipedia/commons/3/30/Btn_toolbar_rayer.png',
action: {
type: 'encapsulate',
options: {
pre: "<s>",
post: "</s>"
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"hline": {
label: 'Horizontal line',
type: 'button',
icon: '//bits.wikimedia.org/skins-1.5/common/images/button_hr.png',
action: {
type: 'encapsulate',
options: {
pre: "----",
ownline: true
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"underline": {
label: 'Underline',
type: 'button',
icon: 'http://www.opasnet.org/pictures/underline.png',
action: {
type: 'encapsulate',
options: {
pre: "<u>",
peri: "Underlined text",
post: "</u>"
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"center": {
label: 'Center',
type: 'button',
icon: 'http://www.opasnet.org/pictures/centerbut.png',
action: {
type: 'encapsulate',
options: {
pre: "<center>",
peri: "Centered text",
post: "</center>"
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"attack": {
label: 'Attack',
type: 'button',
icon: 'http://www.opasnet.org/pictures/attack.png',
action: {
type: 'encapsulate',
options: {
pre: "{{attack|# |",
peri: "Enter your attacking argumentation between these two bars",
post: "|--~~"+"~~}}"
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"defend": {
label: 'Defend',
type: 'button',
icon: 'http://www.opasnet.org/pictures/defend.png',
action: {
type: 'encapsulate',
options: {
pre: "{{defend|# |",
peri: "Enter your defending argumentation between these two bars",
post: "|--~~"+"~~}}"
}
}
}
}
});
$( '#wpTextbox1' ).wikiEditor( 'addToToolbar', {
section: 'advanced',
group: 'format',
tools: {
"comment": {
label: 'Comment',
type: 'button',
icon: 'http://www.opasnet.org/pictures/comment.png',
action: {
type: 'encapsulate',
options: {
pre: "{{comment|# |",
peri: "Enter your comment between these two bars",
post: "|--~~"+"~~}}"
}
}
}
}
});
}
/* Check if view is in edit mode and that the required modules are available. Then, customize the toolbar … */
if ( $.inArray( mw.config.get( 'wgAction' ), [ 'edit', 'submit' ] ) !== -1 ) {
mw.loader.using( 'user.options' ).then( function () {
// This can be the string "0" if the user disabled the preference ([[phab:T54542#555387]])
if ( mw.user.options.get( 'usebetatoolbar' ) == 1 ) {
$.when(
mw.loader.using( 'ext.wikiEditor.toolbar' ), $.ready
).then( customizeToolbar );
}
} );
}