X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fmediawiki.special%2Fmediawiki.special.userlogin.signup.js;h=0615932fe35e5f819c70f112aa35a649b399c1c1;hb=72b8742982d222dfbac9b03cc01d3fa89e1f2816;hp=c293f655ff48e0c5ddd1ddfc41f3e5730a86a0e6;hpb=a5a6f595db5a5b9d942e822bede27b326798a5a8;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/mediawiki.special/mediawiki.special.userlogin.signup.js b/resources/mediawiki.special/mediawiki.special.userlogin.signup.js
index c293f655ff..0615932fe3 100644
--- a/resources/mediawiki.special/mediawiki.special.userlogin.signup.js
+++ b/resources/mediawiki.special/mediawiki.special.userlogin.signup.js
@@ -3,7 +3,7 @@
  */
 ( function ( mw, $ ) {
 	// When sending password by email, hide the password input fields.
-	function hidePasswordOnEmail() {
+	$( function () {
 		// Always required if checked, otherwise it depends, so we use the original
 		var $emailLabel = $( 'label[for="wpEmail"]' ),
 			originalText = $emailLabel.text(),
@@ -28,7 +28,113 @@
 
 		$createByMailCheckbox.on( 'change', updateForCheckbox );
 		updateForCheckbox();
-	}
+	} );
 
-	$( hidePasswordOnEmail );
+	// Check if the username is invalid or already taken
+	$( function () {
+		var
+			// We need to hook to all of these events to be sure we are notified of all changes to the
+			// value of an <input type=text> field.
+			events = 'keyup keydown change mouseup cut paste focus blur',
+			$input = $( '#wpName2' ),
+			$statusContainer = $( '#mw-createacct-status-area' ),
+			api = new mw.Api(),
+			currentRequest;
+
+		// Hide any present status messages.
+		function clearStatus() {
+			$statusContainer.slideUp( function () {
+				$statusContainer
+					.removeAttr( 'class' )
+					.empty();
+			} );
+		}
+
+		// Returns a promise receiving a { state:, username: } object, where:
+		// * 'state' is one of 'invalid', 'taken', 'ok'
+		// * 'username' is the validated username if 'state' is 'ok', null otherwise (if it's not
+		//   possible to register such an account)
+		function checkUsername( username ) {
+			// We could just use .then() if we didn't have to pass on .abort()…
+			var d, apiPromise;
+
+			d = $.Deferred();
+			apiPromise = api.get( {
+				action: 'query',
+				list: 'users',
+				ususers: username // '|' in usernames is handled below
+			} )
+				.done( function ( resp ) {
+					var userinfo = resp.query.users[0];
+
+					if ( resp.query.users.length !== 1 ) {
+						// Happens if the user types '|' into the field
+						d.resolve( { state: 'invalid', username: null } );
+					} else if ( userinfo.invalid !== undefined ) {
+						d.resolve( { state: 'invalid', username: null } );
+					} else if ( userinfo.userid !== undefined ) {
+						d.resolve( { state: 'taken', username: null } );
+					} else {
+						d.resolve( { state: 'ok', username: username } );
+					}
+				} )
+				.fail( d.reject );
+
+			return d.promise( { abort: apiPromise.abort } );
+		}
+
+		function updateUsernameStatus() {
+			var
+				username = $.trim( $input.val() ),
+				currentRequestInternal;
+
+			// Abort any pending requests.
+			if ( currentRequest ) {
+				currentRequest.abort();
+			}
+
+			if ( username === '' ) {
+				clearStatus();
+				return;
+			}
+
+			currentRequest = currentRequestInternal = checkUsername( username ).done( function ( info ) {
+				var message;
+
+				// Another request was fired in the meantime, the result we got here is no longer current.
+				// This shouldn't happen as we abort pending requests, but you never know.
+				if ( currentRequest !== currentRequestInternal ) {
+					return;
+				}
+				// If we're here, then the current request has finished, avoid calling .abort() needlessly.
+				currentRequest = undefined;
+
+				if ( info.state === 'ok' ) {
+					clearStatus();
+				} else {
+					if ( info.state === 'invalid' ) {
+						message = mw.message( 'noname' ).text();
+					} else if ( info.state === 'taken' ) {
+						message = mw.message( 'userexists' ).text();
+					}
+
+					$statusContainer
+						.attr( 'class', 'errorbox' )
+						.empty()
+						.append(
+							// Ugh…
+							// @todo Change the HTML structure in includes/templates/Usercreate.php
+							$( '<strong>' ).text( mw.message( 'createacct-error' ).text() ),
+							$( '<br>' ),
+							document.createTextNode( message )
+						)
+						.slideDown();
+				}
+			} ).fail( function () {
+				clearStatus();
+			} );
+		}
+
+		$input.on( events, $.debounce( 250, updateUsernameStatus ) );
+	} );
 }( mediaWiki, jQuery ) );