http://www.mediawiki.org/wiki/Special:Code/MediaWiki/88147
Revision: 88147
Author: catrope
Date: 2011-05-15 10:42:33 +0000 (Sun, 15 May 2011)
Log Message:
-----------
Revert r88144, deleted the wrong file
Modified Paths:
--------------
trunk/phase3/resources/Resources.php
Added Paths:
-----------
trunk/phase3/resources/mediawiki.util/mediawiki.util.js
Modified: trunk/phase3/resources/Resources.php
===================================================================
--- trunk/phase3/resources/Resources.php 2011-05-15 10:41:42 UTC (rev
88146)
+++ trunk/phase3/resources/Resources.php 2011-05-15 10:42:33 UTC (rev
88147)
@@ -444,6 +444,7 @@
'jquery.makeCollapsible',
'jquery.placeholder',
),
+ 'debugScripts' =>
'resources/mediawiki.util/mediawiki.util.test.js',
),
'mediawiki.util.jpegmeta' => array(
'scripts' =>
'resources/mediawiki.util/mediawiki.util.jpegmeta.js',
Copied: trunk/phase3/resources/mediawiki.util/mediawiki.util.js (from rev
88143, trunk/phase3/resources/mediawiki.util/mediawiki.util.js)
===================================================================
--- trunk/phase3/resources/mediawiki.util/mediawiki.util.js
(rev 0)
+++ trunk/phase3/resources/mediawiki.util/mediawiki.util.js 2011-05-15
10:42:33 UTC (rev 88147)
@@ -0,0 +1,611 @@
+/**
+ * Utilities
+ */
+( function( $, mw ) {
+
+ mw.util = {
+
+ /* Initialisation */
+ 'initialised' : false,
+ 'init' : function() {
+ if ( this.initialised === false ) {
+ this.initialised = true;
+
+ // Any initialisation after the DOM is ready
+ $( function() {
+
+ /* Set up $.messageBox */
+ $.messageBoxNew( {
+ 'id': 'mw-js-message',
+ 'parent': '#content'
+ } );
+
+ // Shortcut to client profile return
+ var profile = $.client.profile();
+
+ /* Set tooltipAccessKeyPrefix */
+
+ // Opera on any platform
+ if ( profile.name == 'opera' ) {
+ mw.util.tooltipAccessKeyPrefix
= 'shift-esc-';
+
+ // Chrome on any platform
+ } else if ( profile.name == 'chrome' ) {
+ // Chrome on Mac or Chrome on
other platform ?
+ mw.util.tooltipAccessKeyPrefix
= ( profile.platform == 'mac'
+ ? 'ctrl-option-' :
'alt-' );
+
+ // Non-Windows Safari with
webkit_version > 526
+ } else if ( profile.platform !== 'win'
+ && profile.name == 'safari'
+ && profile.layoutVersion > 526
) {
+ mw.util.tooltipAccessKeyPrefix
= 'ctrl-alt-';
+
+ // Safari/Konqueror on any platform, or
any browser on Mac
+ // (but not Safari on Windows)
+ } else if ( !( profile.platform ==
'win' && profile.name == 'safari' )
+ && (
profile.name == 'safari'
+ ||
profile.platform == 'mac'
+ ||
profile.name == 'konqueror' ) ) {
+ mw.util.tooltipAccessKeyPrefix
= 'ctrl-';
+
+ // Firefox 2.x
+ } else if ( profile.name == 'firefox'
&& profile.versionBase == '2' ) {
+ mw.util.tooltipAccessKeyPrefix
= 'alt-shift-';
+ }
+
+ /* Enable CheckboxShiftClick */
+ $(
'input[type=checkbox]:not(.noshiftselect)' ).checkboxShiftClick();
+
+ /* Emulate placeholder if not supported
by browser */
+ if ( !( 'placeholder' in
document.createElement( 'input' ) ) ) {
+ $( 'input[placeholder]'
).placeholder();
+ }
+
+ /* Fill $content var */
+ if ( $( '#bodyContent' ).length ) {
+ // Vector, Monobook, Chick etc.
+ mw.util.$content = $(
'#bodyContent' );
+
+ } else if ( $( '#mw_contentholder'
).length ) {
+ // Modern
+ mw.util.$content = $(
'#mw_contentholder' );
+
+ } else if ( $( '#article' ).length ) {
+ // Standard, CologneBlue
+ mw.util.$content = $(
'#article' );
+
+ } else {
+ // #content is present on
almost all if not all skins. Most skins (the above cases)
+ // have #content too, but as an
outer wrapper instead of the article text container.
+ // The skins that don't have an
outer wrapper do have #content for everything
+ // so it's a good fallback
+ mw.util.$content = $(
'#content' );
+ }
+
+ /* Enable makeCollapse */
+ $( '.mw-collapsible'
).makeCollapsible();
+
+ /* Table of Contents toggle */
+ var $tocContainer = $( '#toc' ),
+ $tocTitle = $( '#toctitle' ),
+ $tocToggleLink = $(
'#togglelink' );
+ // Only add it if there is a TOC and
there is no toggle added already
+ if ( $tocContainer.size() &&
$tocTitle.size() && !$tocToggleLink.size() ) {
+ var hideTocCookie =
$.cookie( 'mw_hidetoc' );
+ $tocToggleLink = $( '<a
href="#" class="internal" id="togglelink">' ).text( mw.msg( 'hidetoc' )
).click( function(e){
+
e.preventDefault();
+
mw.util.toggleToc( $(this) );
+ } );
+ $tocTitle.append(
$tocToggleLink.wrap( '<span class="toctoggle">' ).parent().prepend( ' ['
).append( '] ' ) );
+
+ if ( hideTocCookie == '1' ) {
+ // Cookie says user
want toc hidden
+ $tocToggleLink.click();
+ }
+ }
+ } );
+
+ return true;
+ }
+ return false;
+ },
+
+ /* Main body */
+
+ /**
+ * Encode the string like PHP's rawurlencode
+ *
+ * @param str String to be encoded
+ */
+ 'rawurlencode' : function( str ) {
+ str = ( str + '' ).toString();
+ return encodeURIComponent( str )
+ .replace( /!/g, '%21' ).replace( /'/g, '%27'
).replace( /\(/g, '%28' )
+ .replace( /\)/g, '%29' ).replace( /\*/g, '%2A'
).replace( /~/g, '%7E' );
+ },
+
+ /**
+ * Encode page titles for use in a URL
+ * We want / and : to be included as literal characters in our
title URLs
+ * as they otherwise fatally break the title
+ *
+ * @param str String to be encoded
+ */
+ 'wikiUrlencode' : function( str ) {
+ return this.rawurlencode( str )
+ .replace( /%20/g, '_' ).replace( /%3A/g, ':'
).replace( /%2F/g, '/' );
+ },
+
+ /**
+ * Append a new style block to the head
+ *
+ * @param text String CSS to be appended
+ * @return CSSStyleSheet object
+ */
+ 'addCSS' : function( text ) {
+ var s = document.createElement( 'style' );
+ s.type = 'text/css';
+ s.rel = 'stylesheet';
+ if ( s.styleSheet ) {
+ s.styleSheet.cssText = text; // IE
+ } else {
+ s.appendChild( document.createTextNode( text +
'' ) ); // Safari sometimes borks on null
+ }
+ document.getElementsByTagName("head")[0].appendChild( s
);
+ return s.sheet || s;
+ },
+
+ /**
+ * Hide/show the table of contents element
+ *
+ * @param $toggleLink jQuery object of the toggle link
+ * @return String boolean visibility of the toc (true means
it's visible)
+ */
+ 'toggleToc' : function( $toggleLink ) {
+ var $tocList = $( '#toc ul:first' );
+
+ // This function shouldn't be called if there's no TOC,
+ // but just in case...
+ if ( $tocList.size() ) {
+ if ( $tocList.is( ':hidden' ) ) {
+ $tocList.slideDown( 'fast' );
+ $toggleLink.text( mw.msg( 'hidetoc' ) );
+ $.cookie( 'mw_hidetoc', null, {
+ expires: 30,
+ path: '/'
+ } );
+ return true;
+ } else {
+ $tocList.slideUp( 'fast' );
+ $toggleLink.text( mw.msg( 'showtoc' ) );
+ $.cookie( 'mw_hidetoc', '1', {
+ expires: 30,
+ path: '/'
+ } );
+ return false;
+ }
+ } else {
+ return false;
+ }
+ },
+
+ /**
+ * Get the full URL to a page name
+ *
+ * @param str Page name to link to
+ * @return Full URL for page with name of 'str' or false on
error
+ */
+ 'wikiGetlink' : function( str ) {
+
+ return mw.config.get( 'wgArticlePath' ).replace( '$1',
this.wikiUrlencode( str ) );
+ },
+
+ /**
+ * Grab the URL parameter value for the given parameter.
+ * Returns null if not found.
+ * Beware! When action paths are enabled (wgActionPaths) using
this function
+ * to retrieve the 'action' or 'title' parameter will probably
fail since
+ * those parameters are hidden in the path.
+ * To safely query for:
+ * 'action' use getActionFrom( url )
+ * 'title' use getTitleFrom( url )
+ *
+ * @param param The parameter name
+ * @param url URL to search through (optional)
+ */
+ 'getParamValue' : function( param, url ) {
+ url = url ? url : document.location.href;
+ // Get last match, stop at hash
+ var re = new RegExp( '[^#]*[&?]' + $.escapeRE( param )
+ '=([^&#]*)' );
+ var m = re.exec( url );
+ if ( m && m.length > 1 ) {
+ return decodeURIComponent( m[1] );
+ }
+ return null;
+ },
+
+ /**
+ * Try to find the wiki action for a given URL with actions
paths support
+ *
+ * @param url URL to search for a wiki action
+ */
+ 'getActionFrom' : function( url ) {
+ // attempt to get the action from the parameter
[&?]action=
+ var action = mw.util.getParamValue( 'action', url );
+ if( action !== null ) {
+ return action;
+ }
+
+ // now from the action paths
+ var actionPaths = mw.config.get( 'wgActionPaths' );
+ if( actionPaths.length == 0 ) {
+ actionPaths['view'] = mw.config.get(
'wgArticlePath' );
+ }
+ var action = '';
+ for ( action in actionPaths ) {
+ var actionRe = new RegExp(
actionPaths[action].replace( '$1', '.*?' ) );
+ if( url.match( actionRe ) ) {
+ return action;
+ }
+ }
+
+ return null;
+ },
+
+ /**
+ * Try to find the wiki title for a given URL with actions
paths support
+ *
+ * @param url URL to search for a title
+ */
+ 'getTitleFrom' : function( url ) {
+ // attempt to get the title from the parameter
[&?]title=
+ var title = mw.util.getParamValue( 'title', url );
+ if( title !== null ) {
+ return title;
+ }
+
+ // now from the action paths
+ var actionPaths = mw.config.get( 'wgActionPaths' );
+ if( actionPaths.length == 0 ) {
+ actionPaths['view'] = mw.config.get(
'wgArticlePath' );
+ }
+ var action = '';
+ for ( action in actionPaths ) {
+ var actionRe = new RegExp( '.*' +
actionPaths[action].replace( '$1', '([^&?#]+)' ) );
+ var title = url.match( actionRe );
+ if( title !== null ) {
+ return title[1];
+ }
+ }
+
+ return null;
+ },
+
+ // Access key prefix.
+ // Will be re-defined based on browser/operating system
detection in
+ // mw.util.init().
+ 'tooltipAccessKeyPrefix' : 'alt-',
+
+ // Regex to match accesskey tooltips
+ 'tooltipAccessKeyRegexp':
/\[(ctrl-)?(alt-)?(shift-)?(esc-)?(.)\]$/,
+
+ /**
+ * Add the appropriate prefix to the accesskey shown in the
tooltip.
+ * If the nodeList parameter is given, only those nodes are
updated;
+ * otherwise, all the nodes that will probably have accesskeys
by
+ * default are updated.
+ *
+ * @param nodeList jQuery object, or array of elements
+ */
+ 'updateTooltipAccessKeys' : function( nodeList ) {
+ var $nodes;
+ if ( nodeList instanceof jQuery ) {
+ $nodes = nodeList;
+ } else if ( nodeList ) {
+ $nodes = $( nodeList );
+ } else {
+ // Rather than scanning all links, just the
elements that
+ // contain the relevant links
+ this.updateTooltipAccessKeys(
+ $( '#column-one a, #mw-head a,
#mw-panel a, #p-logo a' ) );
+
+ // these are rare enough that no such
optimization is needed
+ this.updateTooltipAccessKeys( $( 'input' ) );
+ this.updateTooltipAccessKeys( $( 'label' ) );
+ return;
+ }
+
+ $nodes.each( function ( i ) {
+ var tip = $(this).attr( 'title' );
+ if ( !!tip &&
mw.util.tooltipAccessKeyRegexp.exec( tip ) ) {
+ tip = tip.replace(
mw.util.tooltipAccessKeyRegexp,
+ '[' +
mw.util.tooltipAccessKeyPrefix + "$5]" );
+ $(this).attr( 'title', tip );
+ }
+ } );
+ },
+
+ // jQuery object that refers to the page-content element
+ // Populated by init()
+ '$content' : null,
+
+ /**
+ * Add a link to a portlet menu on the page, such as:
+ *
+ * p-cactions (Content actions), p-personal (Personal tools),
+ * p-navigation (Navigation), p-tb (Toolbox)
+ *
+ * The first three paramters are required, others are
optionals. Though
+ * providing an id and tooltip is recommended.
+ *
+ * By default the new link will be added to the end of the
list. To
+ * add the link before a given existing item, pass the DOM node
+ * (document.getElementById( 'foobar' )) or the jQuery-selector
+ * ( '#foobar' ) of that item.
+ *
+ * @example mw.util.addPortletLink(
+ * 'p-tb', 'http://mediawiki.org/',
+ * 'MediaWiki.org', 't-mworg', 'Go to MediaWiki.org ',
'm', '#t-print'
+ * )
+ *
+ * @param portlet ID of the target portlet ( 'p-cactions' or
'p-personal' etc.)
+ * @param href Link URL
+ * @param text Link text
+ * @param id ID of the new item, should be unique and
preferably have
+ * the appropriate prefix ( 'ca-', 'pt-', 'n-' or 't-' )
+ * @param tooltip Text to show when hovering over the link,
without accesskey suffix
+ * @param accesskey Access key to activate this link (one
character, try
+ * to avoid conflicts. Use $( '[accesskey=x]' ).get() in
the console to
+ * see if 'x' is already used.
+ * @param nextnode DOM node or jQuery-selector string of the
item that the new
+ * item should be added before, should be another item in
the same
+ * list, it will be ignored otherwise
+ *
+ * @return The DOM node of the new item (a LI element, or A
element for
+ * older skins) or null.
+ */
+ 'addPortletLink' : function( portlet, href, text, id, tooltip,
accesskey, nextnode ) {
+
+ // Check if there's atleast 3 arguments to prevent a
TypeError
+ if ( arguments.length < 3 ) {
+ return null;
+ }
+ // Setup the anchor tag
+ var $link = $( '<a></a>' ).attr( 'href', href ).text(
text );
+ if ( tooltip ) {
+ $link.attr( 'title', tooltip );
+ }
+
+ // Some skins don't have any portlets
+ // just add it to the bottom of their 'sidebar' element
as a fallback
+ switch ( mw.config.get( 'skin' ) ) {
+ case 'standard' :
+ case 'cologneblue' :
+ $( '#quickbar' ).append( $link.after( '<br />'
) );
+ return $link[0];
+ case 'nostalgia' :
+ $( '#searchform' ).before( $link).before( '
| ' );
+ return $link[0];
+ default : // Skins like chick, modern, monobook,
myskin, simple, vector...
+
+ // Select the specified portlet
+ var $portlet = $( '#' + portlet );
+ if ( $portlet.length === 0 ) {
+ return null;
+ }
+ // Select the first (most likely only)
unordered list inside the portlet
+ var $ul = $portlet.find( 'ul' );
+
+ // If it didn't have an unordered list yet,
create it
+ if ( $ul.length === 0 ) {
+ // If there's no <div> inside, append
it to the portlet directly
+ if ( $portlet.find( 'div:first'
).length === 0 ) {
+ $portlet.append( '<ul></ul>' );
+ } else {
+ // otherwise if there's a div
(such as div.body or div.pBody)
+ // append the <ul> to last
(most likely only) div
+ $portlet.find( 'div' ).eq( -1
).append( '<ul></ul>' );
+ }
+ // Select the created element
+ $ul = $portlet.find( 'ul' ).eq( 0 );
+ }
+ // Just in case..
+ if ( $ul.length === 0 ) {
+ return null;
+ }
+
+ // Unhide portlet if it was hidden before
+ $portlet.removeClass( 'emptyPortlet' );
+
+ // Wrap the anchor tag in a <span> and create a
list item for it
+ // and back up the selector to the list item
+ var $item = $link.wrap(
'<li><span></span></li>' ).parent().parent();
+
+ // Implement the properties passed to the
function
+ if ( id ) {
+ $item.attr( 'id', id );
+ }
+ if ( accesskey ) {
+ $link.attr( 'accesskey', accesskey );
+ tooltip += ' [' + accesskey + ']';
+ $link.attr( 'title', tooltip );
+ }
+ if ( accesskey && tooltip ) {
+ this.updateTooltipAccessKeys( $link );
+ }
+
+ // Where to put our node ?
+ // - nextnode is a DOM element (before MW 1.17,
in wikibits.js, this was the only option)
+ if ( nextnode && nextnode.parentNode == $ul[0]
) {
+ $(nextnode).before( $item );
+
+ // - nextnode is a CSS selector for jQuery
+ } else if ( typeof nextnode == 'string' &&
$ul.find( nextnode ).length !== 0 ) {
+ $ul.find( nextnode ).eq( 0 ).before(
$item );
+
+
+ // If the jQuery selector isn't found within
the <ul>,
+ // or if nextnode was invalid or not passed at
all,
+ // then just append it at the end of the <ul>
(this is the default behaviour)
+ } else {
+ $ul.append( $item );
+ }
+
+
+ return $item[0];
+ }
+ },
+
+ /**
+ * Add a little box at the top of the screen to inform the user
of
+ * something, replacing any previous message.
+ * Calling with no arguments, with an empty string or null will
hide the message
+ *
+ * @param message mixed The DOM-element or HTML-string to be
put inside the message box.
+ * @param className string Used in adding a class; should
be different for each call
+ * to allow CSS/JS to hide different
boxes. null = no class used.
+ * @return boolean True on success, false on failure
+ */
+ 'jsMessage' : function( message, className ) {
+
+ if ( !arguments.length || message === '' || message ===
null ) {
+
+ $( '#mw-js-message' ).empty().hide();
+ return true; // Emptying and hiding message is
intended behaviour, return true
+
+ } else {
+ // We special-case skin structures provided by
the software. Skins that
+ // choose to abandon or significantly modify
our formatting can just define
+ // an mw-js-message div to start with.
+ var $messageDiv = $( '#mw-js-message' );
+ if ( !$messageDiv.length ) {
+ $messageDiv = $( '<div
id="mw-js-message">' );
+ if ( mw.util.$content.parent().length )
{
+
mw.util.$content.parent().prepend( $messageDiv );
+ } else {
+ return false;
+ }
+ }
+
+ if ( className ) {
+ $messageDiv.attr( 'class',
'mw-js-message-' + className );
+ }
+
+ if ( typeof message === 'object' ) {
+ $messageDiv.empty();
+ $messageDiv.append( message ); //
Append new content
+ } else {
+ $messageDiv.html( message );
+ }
+
+ $messageDiv.slideDown();
+ return true;
+ }
+ },
+
+ /**
+ * Validate a string as representing a valid e-mail address
+ * according to HTML5 specification. Please note the
specification
+ * does not validate a domain with one character.
+ *
+ * FIXME: should be moved to or replaced by a JavaScript
validation module.
+ */
+ 'validateEmail' : function( mailtxt ) {
+ if( mailtxt === '' ) {
+ return null;
+ }
+
+ /**
+ * HTML5 defines a string as valid e-mail address if it
matches
+ * the ABNF:
+ * 1 * ( atext / "." ) "@" ldh-str 1*( "." ldh-str
)
+ * With:
+ * - atext : defined in RFC 5322 section 3.2.3
+ * - ldh-str : defined in RFC 1034 section 3.5
+ *
+ * (see STD 68 / RFC 5234
http://tools.ietf.org/html/std68):
+ */
+
+ /**
+ * First, define the RFC 5322 'atext' which is pretty
easy :
+ * atext = ALPHA / DIGIT / ; Printable US-ASCII
+ "!" / "#" / ; characters
not including
+ "$" / "%" / ; specials.
Used for atoms.
+ "&" / "'" /
+ "*" / "+" /
+ "-" / "/" /
+ "=" / "?" /
+ "^" / "_" /
+ "`" / "{" /
+ "|" / "}" /
+ "~"
+ */
+ var rfc5322_atext = "a-z0-9!#$%&'*+\\-/=?^_`{|}~",
+
+ /**
+ * Next define the RFC 1034 'ldh-str'
+ * <domain> ::= <subdomain> | " "
+ * <subdomain> ::= <label> | <subdomain> "."
<label>
+ * <label> ::= <letter> [ [ <ldh-str> ] <let-dig> ]
+ * <ldh-str> ::= <let-dig-hyp> | <let-dig-hyp>
<ldh-str>
+ * <let-dig-hyp> ::= <let-dig> | "-"
+ * <let-dig> ::= <letter> | <digit>
+ */
+ rfc1034_ldh_str = "a-z0-9\\-",
+
+ HTML5_email_regexp = new RegExp(
+ // start of string
+ '^'
+ +
+ // User part which is liberal :p
+ '[' + rfc5322_atext + '\\.]+'
+ +
+ // 'at'
+ '@'
+ +
+ // Domain first part
+ '[' + rfc1034_ldh_str + ']+'
+ +
+ // Optional second part and following
are separated by a dot
+ '(?:\\.[' + rfc1034_ldh_str + ']+)*'
+ +
+ // End of string
+ '$',
+ // RegExp is case insensitive
+ 'i'
+ );
+ return (null !== mailtxt.match( HTML5_email_regexp ) );
+ },
+ // Note: borrows from IP::isIPv4
+ 'isIPv4Address' : function( address, allowBlock ) {
+ var block = allowBlock ? '(?:\\/(?:3[0-2]|[12]?\\d))?'
: '';
+ var RE_IP_BYTE =
'(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|0?[0-9]?[0-9])';
+ var RE_IP_ADD = '(?:' + RE_IP_BYTE + '\\.){3}' +
RE_IP_BYTE;
+ return address.search( new RegExp( '^' + RE_IP_ADD +
block + '$' ) ) != -1;
+ },
+ // Note: borrows from IP::isIPv6
+ 'isIPv6Address' : function( address, allowBlock ) {
+ var block = allowBlock ?
'(?:\\/(?:12[0-8]|1[01][0-9]|[1-9]?\\d))?' : '';
+ var RE_IPV6_ADD =
+ '(?:' + // starts with "::" (including "::")
+ ':(?::|(?::' + '[0-9A-Fa-f]{1,4}' + '){1,7})' +
+ '|' + // ends with "::" (except "::")
+ '[0-9A-Fa-f]{1,4}' + '(?::' + '[0-9A-Fa-f]{1,4}' +
'){0,6}::' +
+ '|' + // contains no "::"
+ '[0-9A-Fa-f]{1,4}' + '(?::' + '[0-9A-Fa-f]{1,4}' +
'){7}' +
+ ')';
+ if ( address.search( new RegExp( '^' + RE_IPV6_ADD +
block + '$' ) ) != -1 ) {
+ return true;
+ }
+ RE_IPV6_ADD = // contains one "::" in the middle
(single '::' check below)
+ '[0-9A-Fa-f]{1,4}' + '(?:::?' +
'[0-9A-Fa-f]{1,4}' + '){1,6}';
+ return address.search( new RegExp( '^' + RE_IPV6_ADD +
block + '$' ) ) != -1
+ && address.search( /::/ ) != -1 &&
address.search( /::.*::/ ) == -1;
+ }
+
+ };
+
+ mw.util.init();
+
+} )( jQuery, mediaWiki );
_______________________________________________
MediaWiki-CVS mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-cvs
