MediaWiki:Common.js/file.js: Difference between revisions
Jump to navigation
Jump to search
use string as suggested by David |
m 25 revisions |
||
| (19 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
/* | /** | ||
* SVG images: adds links to rendered PNG images in different resolutions | |||
* @author: [[w:en:User:TheDJ]] | |||
* @source: [[w:en:MediaWiki:Common.js/file.js]] | |||
*/ | |||
function SVGThumbs() { | function SVGThumbs() { | ||
var file = document.getElementById( 'file' ), // might fail if MediaWiki can't render the SVG | |||
i18n = { | |||
'en': 'This image rendered as PNG in other sizes: ', | |||
'pt': 'Esta imagem pode ser renderizada em PNG em outros tamanhos: ' | |||
}; | |||
if ( file && mw.config.get( 'wgIsArticle' ) && mw.config.get( 'wgTitle' ).match( /\.svg$/i ) ) { | |||
// Define language fallbacks | |||
i18n['en-gb'] = i18n.en; | |||
i18n['pt-br'] = i18n.pt; | |||
//i18n['zh-hant'] = i18n.zh; | |||
// Define interface message | |||
mw.messages.set( { | |||
'svg-thumbs-desc': i18n[ mw.config.get( 'wgUserLanguage' ) ] || i18n.en | |||
} ); | |||
var thumbu = file.getElementsByTagName( 'IMG' )[0].getAttribute( 'src' ); | |||
if( !thumbu ) { | |||
return; | |||
} | |||
var svgAltSize = function( w, title ) { | |||
var path = thumbu.replace( /\/\d+(px-[^\/]+$)/, '/' + w + '$1' ); | |||
var a = document.createElement( 'A' ); | |||
a.setAttribute( 'href', path ); | |||
a.appendChild( document.createTextNode( title ) ); | |||
return a; | |||
} | }; | ||
var p = document.createElement( 'p' ); | |||
p.className = 'SVGThumbs'; | |||
p.appendChild( document.createTextNode( mw.msg( 'svg-thumbs-desc' ) ) ); | |||
var l = [ 200, 500, 1000, 2000 ]; | |||
for( var i = 0; i < l.length; i++ ) { | |||
p.appendChild( svgAltSize( l[i], l[i] + 'px' ) ); | |||
if( i < l.length-1 ) { | |||
p.appendChild( document.createTextNode( ', ' ) ); | |||
} | |||
} | |||
p.appendChild( document.createTextNode( '.' ) ); | |||
var info = getElementsByClassName( file.parentNode, 'div', 'fullMedia' )[0]; | |||
if( info ) { | |||
info.appendChild( p ); | |||
} | |||
} | |||
} | |||
$( SVGThumbs ); | |||
Latest revision as of 14:27, 20 November 2011
/**
* SVG images: adds links to rendered PNG images in different resolutions
* @author: [[w:en:User:TheDJ]]
* @source: [[w:en:MediaWiki:Common.js/file.js]]
*/
function SVGThumbs() {
var file = document.getElementById( 'file' ), // might fail if MediaWiki can't render the SVG
i18n = {
'en': 'This image rendered as PNG in other sizes: ',
'pt': 'Esta imagem pode ser renderizada em PNG em outros tamanhos: '
};
if ( file && mw.config.get( 'wgIsArticle' ) && mw.config.get( 'wgTitle' ).match( /\.svg$/i ) ) {
// Define language fallbacks
i18n['en-gb'] = i18n.en;
i18n['pt-br'] = i18n.pt;
//i18n['zh-hant'] = i18n.zh;
// Define interface message
mw.messages.set( {
'svg-thumbs-desc': i18n[ mw.config.get( 'wgUserLanguage' ) ] || i18n.en
} );
var thumbu = file.getElementsByTagName( 'IMG' )[0].getAttribute( 'src' );
if( !thumbu ) {
return;
}
var svgAltSize = function( w, title ) {
var path = thumbu.replace( /\/\d+(px-[^\/]+$)/, '/' + w + '$1' );
var a = document.createElement( 'A' );
a.setAttribute( 'href', path );
a.appendChild( document.createTextNode( title ) );
return a;
};
var p = document.createElement( 'p' );
p.className = 'SVGThumbs';
p.appendChild( document.createTextNode( mw.msg( 'svg-thumbs-desc' ) ) );
var l = [ 200, 500, 1000, 2000 ];
for( var i = 0; i < l.length; i++ ) {
p.appendChild( svgAltSize( l[i], l[i] + 'px' ) );
if( i < l.length-1 ) {
p.appendChild( document.createTextNode( ', ' ) );
}
}
p.appendChild( document.createTextNode( '.' ) );
var info = getElementsByClassName( file.parentNode, 'div', 'fullMedia' )[0];
if( info ) {
info.appendChild( p );
}
}
}
$( SVGThumbs );