X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=includes%2FHTMLForm.php;h=10ac65d68bc5265a26a3a08706de5d0ae59cf724;hb=5833ddcfc5ef7f586320693cef4c8cfdd29c1769;hp=69ec1007c262ae32cc5fdc603e506816facadae2;hpb=d8887852c03605a943ba0bd377c9eebe6e08d5cd;p=lhc%2Fweb%2Fwiklou.git

diff --git a/includes/HTMLForm.php b/includes/HTMLForm.php
index 69ec1007c2..10ac65d68b 100644
--- a/includes/HTMLForm.php
+++ b/includes/HTMLForm.php
@@ -1,107 +1,1391 @@
 <?php
-/**
- * This file contain a class to easily build HTML forms
- */
 
 /**
- * Class to build various forms
+ * Object handling generic submission, CSRF protection, layout and 
+ * other logic for UI forms. in a reusable manner. 
  *
- * @author jeluf, hashar
+ * In order to generate the form, the HTMLForm object takes an array 
+ * structure detailing the form fields available. Each element of the 
+ * array is a basic property-list, including the type of field, the 
+ * label it is to be given in the form, callbacks for validation and
+ * 'filtering', and other pertinent information. 
+ *
+ * Field types are implemented as subclasses of the generic HTMLFormField
+ * object, and typically implement at least getInputHTML, which generates 
+ * the HTML for the input field to be placed in the table.
+ * 
+ * The constructor input is an associative array of $fieldname => $info,
+ * where $info is an Associative Array with any of the following:
+ * 
+ *	 'class'	-- the subclass of HTMLFormField that will be used
+ *				   to create the object.  *NOT* the CSS class!
+ *	 'type'	 -- roughly translates into the <select> type attribute.
+ *				   if 'class' is not specified, this is used as a map
+ *				   through HTMLForm::$typeMappings to get the class name.
+ *	 'default'  -- default value when the form is displayed
+ *	 'id'	   -- HTML id attribute
+ *	 'options'  -- varies according to the specific object.
+ *	 'label-message' -- message key for a message to use as the label.
+ *				   can be an array of msg key and then parameters to 
+ *				   the message.
+ *	 'label'	-- alternatively, a raw text message. Overridden by
+ *				   label-message
+ *	 'help-message'  -- message key for a message to use as a help text.
+ *				   can be an array of msg key and then parameters to 
+ *				   the message.
+ *	 'required' -- passed through to the object, indicating that it
+ *				   is a required field.
+ *	 'size'	 -- the length of text fields
+ *	 'filter-callback -- a function name to give you the chance to 
+ *				   massage the inputted value before it's processed.
+ *				   @see HTMLForm::filter()
+ *	 'validation-callback' -- a function name to give you the chance
+ *				   to impose extra validation on the field input.
+ *				   @see HTMLForm::validate()
+ *				   
+ * TODO: Document 'section' / 'subsection' stuff
  */
 class HTMLForm {
-	/** name of our form. Used as prefix for labels */
-	var $mName, $mRequest;
+	static $jsAdded = false;
+
+	# A mapping of 'type' inputs onto standard HTMLFormField subclasses
+	static $typeMappings = array(
+		'text' => 'HTMLTextField',
+		'textarea' => 'HTMLTextAreaField',
+		'select' => 'HTMLSelectField',
+		'radio' => 'HTMLRadioField',
+		'multiselect' => 'HTMLMultiSelectField',
+		'check' => 'HTMLCheckField',
+		'toggle' => 'HTMLCheckField',
+		'int' => 'HTMLIntField',
+		'float' => 'HTMLFloatField',
+		'info' => 'HTMLInfoField',
+		'selectorother' => 'HTMLSelectOrOtherField',
+		'submit' => 'HTMLSubmitField',
+		'hidden' => 'HTMLHiddenField',
+		'edittools' => 'HTMLEditTools',
+	
+		# HTMLTextField will output the correct type="" attribute automagically.
+		# There are about four zillion other HTML 5 input types, like url, but
+		# we don't use those at the moment, so no point in adding all of them.
+		'email' => 'HTMLTextField',
+		'password' => 'HTMLTextField',
+	);
+	
+	protected $mMessagePrefix;
+	protected $mFlatFields;
+	protected $mFieldTree;
+	protected $mShowReset = false;
+	public $mFieldData;
+	
+	protected $mSubmitCallback;
+	protected $mValidationErrorMessage;
+	
+	protected $mPre = '';
+	protected $mHeader = '';
+	protected $mPost = '';
+	protected $mId;
+	
+	protected $mSubmitID;
+	protected $mSubmitName;
+	protected $mSubmitText;
+	protected $mSubmitTooltip;
+	protected $mTitle;
+	
+	protected $mUseMultipart = false;
+	protected $mHiddenFields = array();
+	protected $mButtons = array();
+	
+	protected $mWrapperLegend = false;
+
+	/**
+	 * Build a new HTMLForm from an array of field attributes
+	 * @param $descriptor Array of Field constructs, as described above
+	 * @param $messagePrefix String a prefix to go in front of default messages
+	 */
+	public function __construct( $descriptor, $messagePrefix='' ) {
+		$this->mMessagePrefix = $messagePrefix;
+
+		// Expand out into a tree.
+		$loadedDescriptor = array();
+		$this->mFlatFields = array();
+
+		foreach( $descriptor as $fieldname => $info ) {
+			$section = '';
+			if ( isset( $info['section'] ) )
+				$section = $info['section'];
+
+			$info['name'] = $fieldname;
+
+			if ( isset( $info['type'] ) && $info['type'] == 'file' )
+				$this->mUseMultipart = true;
+
+			$field = self::loadInputFromParameters( $info );
+			$field->mParent = $this;
+
+			$setSection =& $loadedDescriptor;
+			if( $section ) {
+				$sectionParts = explode( '/', $section );
+
+				while( count( $sectionParts ) ) {
+					$newName = array_shift( $sectionParts );
+
+					if ( !isset( $setSection[$newName] ) ) {
+						$setSection[$newName] = array();
+					}
+
+					$setSection =& $setSection[$newName];
+				}
+			}
+
+			$setSection[$fieldname] = $field;
+			$this->mFlatFields[$fieldname] = $field;
+		}
+
+		$this->mFieldTree = $loadedDescriptor;
+	}
+
+	/**
+	 * Add the HTMLForm-specific JavaScript, if it hasn't been 
+	 * done already.
+	 */
+	static function addJS() {
+		if( self::$jsAdded ) return;
+
+		global $wgOut, $wgStylePath;
+
+		$wgOut->addScriptFile( "$wgStylePath/common/htmlform.js" );
+	}
+
+	/**
+	 * Initialise a new Object for the field
+	 * @param $descriptor input Descriptor, as described above
+	 * @return HTMLFormField subclass
+	 */
+	static function loadInputFromParameters( $descriptor ) {
+		if ( isset( $descriptor['class'] ) ) {
+			$class = $descriptor['class'];
+		} elseif ( isset( $descriptor['type'] ) ) {
+			$class = self::$typeMappings[$descriptor['type']];
+			$descriptor['class'] = $class;
+		}
+
+		if( !$class ) {
+			throw new MWException( "Descriptor with no class: " . print_r( $descriptor, true ) );
+		}
+
+		$obj = new $class( $descriptor );
+
+		return $obj;
+	}
+
+	/**
+	 * The here's-one-I-made-earlier option: do the submission if 
+	 * posted, or display the form with or without funky valiation 
+	 * errors
+	 * @return Bool whether submission was successful.
+	 */
+	function show() {
+		$html = '';
+
+		self::addJS();
+
+		# Load data from the request.
+		$this->loadData();
+
+		# Try a submission
+		global $wgUser, $wgRequest;
+		$editToken = $wgRequest->getVal( 'wpEditToken' );
+
+		$result = false;
+		if ( $wgUser->matchEditToken( $editToken ) )
+			$result = $this->trySubmit();
+
+		if( $result === true )
+			return $result;
+
+		# Display form.
+		$this->displayForm( $result );
+		return false;
+	}
+
+	/**
+	 * Validate all the fields, and call the submision callback
+	 * function if everything is kosher.
+	 * @return Mixed Bool true == Successful submission, Bool false
+	 *	 == No submission attempted, anything else == Error to 
+	 *	 display.
+	 */
+	function trySubmit() {
+		# Check for validation
+		foreach( $this->mFlatFields as $fieldname => $field ) {
+			if ( !empty( $field->mParams['nodata'] ) )
+				continue;
+			if ( $field->validate( 
+					$this->mFieldData[$fieldname],
+					$this->mFieldData ) 
+				!== true )
+			{
+				return isset( $this->mValidationErrorMessage )
+					? $this->mValidationErrorMessage
+					: array( 'htmlform-invalid-input' );
+			}
+		}
 
-	function HTMLForm( &$request ) {
-		$this->mRequest = $request;
+		$callback = $this->mSubmitCallback;
+
+		$data = $this->filterDataForSubmit( $this->mFieldData );
+
+		$res = call_user_func( $callback, $data );
+
+		return $res;
+	}
+
+	/**
+	 * Set a callback to a function to do something with the form
+	 * once it's been successfully validated.
+	 * @param $cb String function name.  The function will be passed
+	 *	 the output from HTMLForm::filterDataForSubmit, and must
+	 *	 return Bool true on success, Bool false if no submission
+	 *	 was attempted, or String HTML output to display on error.
+	 */
+	function setSubmitCallback( $cb ) {
+		$this->mSubmitCallback = $cb;
+	}
+
+	/**
+	 * Set a message to display on a validation error.  
+	 * @param $msg Mixed String or Array of valid inputs to wfMsgExt()
+	 *	 (so each entry can be either a String or Array)
+	 */
+	function setValidationErrorMessage( $msg ) {
+		$this->mValidationErrorMessage = $msg;
+	}
+	
+	/**
+	 * Set the introductory message, overwriting any existing message.
+	 * @param $msg String complete text of message to display
+	 */
+	function setIntro( $msg ) { $this->mPre = $msg; }
+
+	/**
+	 * Add introductory text.
+	 * @param $msg String complete text of message to display
+	 */
+	function addPreText( $msg ) { $this->mPre .= $msg; }
+	
+	/**
+	 * Add header text, inside the form.
+	 * @param $msg String complete text of message to display
+	 */
+	function addHeaderText( $msg ) { $this->mHeader .= $msg; }
+	
+	/**
+	 * Add text to the end of the display.
+	 * @param $msg String complete text of message to display
+	 */
+	function addPostText( $msg ) { $this->mPost .= $msg; }
+	
+	/**
+	 * Add a hidden field to the output
+	 * @param $name String field name
+	 * @param $value String field value
+	 */
+	public function addHiddenField( $name, $value ){
+		$this->mHiddenFields[ $name ] = $value;
+	}
+	
+	public function addButton( $name, $value, $id=null, $attribs=null ){
+		$this->mButtons[] = compact( 'name', 'value', 'id', 'attribs' );
+	}
+
+	/**
+	 * Display the form (sending to wgOut), with an appropriate error 
+	 * message or stack of messages, and any validation errors, etc.
+	 * @param $submitResult Mixed output from HTMLForm::trySubmit()
+	 */
+	function displayForm( $submitResult ) {
+		global $wgOut;
+
+		if ( $submitResult !== false ) {
+			$this->displayErrors( $submitResult );
+		}
+
+		$html = ''
+			. $this->mHeader
+			. $this->getBody()
+			. $this->getHiddenFields()
+			. $this->getButtons()
+		;
+
+		$html = $this->wrapForm( $html );
+
+		$wgOut->addHTML( ''
+			. $this->mPre
+			. $html
+			. $this->mPost
+		);
 	}
 
 	/**
-	 * @private
-	 * @param $name String: name of the fieldset.
-	 * @param $content String: HTML content to put in.
-	 * @return string HTML fieldset
+	 * Wrap the form innards in an actual <form> element
+	 * @param $html String HTML contents to wrap.
+	 * @return String wrapped HTML.
 	 */
-	function fieldset( $name, $content ) {
-		return "<fieldset><legend>".wfMsg($this->mName.'-'.$name)."</legend>\n" .
-			$content . "\n</fieldset>\n";
+	function wrapForm( $html ) {
+		
+		# Include a <fieldset> wrapper for style, if requested.
+		if ( $this->mWrapperLegend !== false ){
+			$html = Xml::fieldset( $this->mWrapperLegend, $html );
+		}
+		# Use multipart/form-data
+		$encType = $this->mUseMultipart 
+			? 'multipart/form-data'
+			: 'application/x-www-form-urlencoded';
+		# Attributes
+		$attribs = array(
+			'action'  => $this->getTitle()->getFullURL(),
+			'method'  => 'post',
+			'class'   => 'visualClear',
+			'enctype' => $encType, 
+		);
+		if ( !empty( $this->mId ) )
+			$attribs['id'] = $this->mId;
+				
+		return Html::rawElement( 'form', $attribs, $html );
 	}
 
 	/**
-	 * @private
-	 * @param $varname String: name of the checkbox.
-	 * @param $checked Boolean: set true to check the box (default False).
+	 * Get the hidden fields that should go inside the form.
+	 * @return String HTML.
 	 */
-	function checkbox( $varname, $checked=false ) {
-		if ( $this->mRequest->wasPosted() && !is_null( $this->mRequest->getVal( $varname ) ) ) {
-			$checked = $this->mRequest->getCheck( $varname );
+	function getHiddenFields() {
+		global $wgUser;
+		$html = '';
+
+		$html .= Html::hidden( 'wpEditToken', $wgUser->editToken(), array( 'id' => 'wpEditToken' ) ) . "\n";
+		$html .= Html::hidden( 'title', $this->getTitle()->getPrefixedText() ) . "\n";
+		
+		foreach( $this->mHiddenFields as $name => $value ){
+			$html .= Html::hidden( $name, $value ) . "\n";
 		}
-		return "<div><input type='checkbox' value=\"1\" id=\"{$varname}\" name=\"wpOp{$varname}\"" .
-			( $checked ? ' checked="checked"' : '' ) .
-			" /><label for=\"{$varname}\">". wfMsg( $this->mName.'-'.$varname ) .
-			"</label></div>\n";
+
+		return $html;
 	}
 
 	/**
-	 * @private
-	 * @param $varname String: name of the textbox.
-	 * @param $value String: optional value (default empty)
-	 * @param $size Integer: optional size of the textbox (default 20)
+	 * Get the submit and (potentially) reset buttons.
+	 * @return String HTML.
 	 */
-	function textbox( $varname, $value='', $size=20 ) {
-		if ( $this->mRequest->wasPosted() ) {
-			$value = $this->mRequest->getText( $varname, $value );
+	function getButtons() {
+		$html = '';
+
+		$attribs = array();
+
+		if ( isset( $this->mSubmitID ) )
+			$attribs['id'] = $this->mSubmitID;
+		if ( isset( $this->mSubmitName ) ) 
+			$attribs['name'] = $this->mSubmitName;
+		if ( isset( $this->mSubmitTooltip ) ) {
+			global $wgUser;
+			$attribs += $wgUser->getSkin()->tooltipAndAccessKeyAttribs( $this->mSubmitTooltip );
+		}
+
+		$attribs['class'] = 'mw-htmlform-submit';
+
+		$html .= Xml::submitButton( $this->getSubmitText(), $attribs ) . "\n";
+
+		if( $this->mShowReset ) {
+			$html .= Html::element(
+				'input',
+				array(
+					'type' => 'reset',
+					'value' => wfMsg( 'htmlform-reset' )
+				)
+			) . "\n";
+		}
+		
+		foreach( $this->mButtons as $button ){
+			$attrs = array(
+				'type'  => 'submit',
+				'name'  => $button['name'],
+				'value' => $button['value']
+			);
+			if ( $button['attribs'] )
+			 	$attrs += $button['attribs'];
+			if( isset( $button['id'] ) )
+				$attrs['id'] = $button['id'];
+			$html .= Html::element( 'input', $attrs );
 		}
-		$value = htmlspecialchars( $value );
-		return "<div><label>". wfMsg( $this->mName.'-'.$varname ) .
-			"<input type='text' name=\"{$varname}\" value=\"{$value}\" size=\"{$size}\" /></label></div>\n";
+		
+		return $html;
 	}
 
 	/**
-	 * @private
-	 * @param $varname String: name of the radiobox.
-	 * @param $fields Array: Various fields.
+	 * Get the whole body of the form.
 	 */
-	function radiobox( $varname, $fields ) {
-		foreach ( $fields as $value => $checked ) {
-			$s .= "<div><label><input type='radio' name=\"{$varname}\" value=\"{$value}\"" .
-				( $checked ? ' checked="checked"' : '' ) . " />" . wfMsg( $this->mName.'-'.$varname.'-'.$value ) .
-				"</label></div>\n";
+	function getBody() {
+		return $this->displaySection( $this->mFieldTree );
+	}
+
+	/**
+	 * Format and display an error message stack.
+	 * @param $errors Mixed String or Array of message keys
+	 */
+	function displayErrors( $errors ) {
+		if ( is_array( $errors ) ) {
+			$errorstr = $this->formatErrors( $errors );
+		} else {
+			$errorstr = $errors;
 		}
-		return $this->fieldset( $varname, $s );
+		
+		$errorstr = Html::rawElement( 'div', array( 'class' => 'error' ), $errorstr );
+
+		global $wgOut;
+		$wgOut->addHTML( $errorstr );
 	}
 
 	/**
-	 * @private
-	 * @param $varname String: name of the textareabox.
-	 * @param $value String: optional value (default empty)
-	 * @param $size Integer: optional size of the textarea (default 20)
+	 * Format a stack of error messages into a single HTML string
+	 * @param $errors Array of message keys/values
+	 * @return String HTML, a <ul> list of errors
 	 */
-	function textareabox ( $varname, $value='', $size=20 ) {
-		if ( $this->mRequest->wasPosted() ) {
-			$value = $this->mRequest->getText( $varname, $value );
+	static function formatErrors( $errors ) {
+		$errorstr = '';
+		foreach ( $errors as $error ) {
+			if( is_array( $error ) ) {
+				$msg = array_shift( $error );
+			} else {
+				$msg = $error;
+				$error = array();
+			}
+			$errorstr .= Html::rawElement(
+				'li',
+				null,
+				wfMsgExt( $msg, array( 'parseinline' ), $error )
+			);
 		}
-		$value = htmlspecialchars( $value );
-		return '<div><label>'.wfMsg( $this->mName.'-'.$varname ).
-		       "<textarea name=\"{$varname}\" rows=\"5\" cols=\"{$size}\">$value</textarea></label></div>\n";
+
+		$errorstr = Html::rawElement( 'ul', array(), $errorstr );
+
+		return $errorstr;
 	}
 
 	/**
-	 * @private
-	 * @param $varname String: name of the arraybox.
-	 * @param $size Integer: Optional size of the textarea (default 20)
+	 * Set the text for the submit button
+	 * @param $t String plaintext.
 	 */
-	function arraybox( $varname , $size=20 ) {
-		$s = '';
-		if ( $this->mRequest->wasPosted() ) {
-			$arr = $this->mRequest->getArray( $varname );
-			if ( is_array( $arr ) ) {
-				foreach ( $_POST[$varname] as $element ) {
-					$s .= htmlspecialchars( $element )."\n";
-				}
+	function setSubmitText( $t ) {
+		$this->mSubmitText = $t;
+	}
+
+	/**
+	 * Get the text for the submit button, either customised or a default.
+	 * @return unknown_type
+	 */
+	function getSubmitText() {
+		return $this->mSubmitText
+			? $this->mSubmitText 
+			: wfMsg( 'htmlform-submit' );
+	}
+	
+	public function setSubmitName( $name ) {
+		$this->mSubmitName = $name;
+	}
+	
+	public function setSubmitTooltip( $name ) {
+		$this->mSubmitTooltip = $name;
+	}
+
+
+	/**
+	 * Set the id for the submit button. 
+	 * @param $t String.  FIXME: Integrity is *not* validated
+	 */
+	function setSubmitID( $t ) {
+		$this->mSubmitID = $t;
+	}
+	
+	public function setId( $id ) {
+		$this->mId = $id;
+	}
+	/**
+	 * Prompt the whole form to be wrapped in a <fieldset>, with
+	 * this text as its <legend> element.
+	 * @param $legend String HTML to go inside the <legend> element.
+	 *	 Will be escaped
+	 */
+	public function setWrapperLegend( $legend ){ $this->mWrapperLegend = $legend; }
+
+	/**
+	 * Set the prefix for various default messages
+	 * TODO: currently only used for the <fieldset> legend on forms 
+	 * with multiple sections; should be used elsewhre?
+	 * @param $p String
+	 */
+	function setMessagePrefix( $p ) {
+		$this->mMessagePrefix = $p;
+	}
+
+	/**
+	 * Set the title for form submission
+	 * @param $t Title of page the form is on/should be posted to
+	 */
+	function setTitle( $t ) {
+		$this->mTitle = $t;
+	}
+
+	/**
+	 * Get the title
+	 * @return Title
+	 */
+	function getTitle() {
+		return $this->mTitle;
+	}
+
+	/**
+	 * TODO: Document
+	 * @param $fields
+	 */
+	function displaySection( $fields, $sectionName = '' ) {
+		$tableHtml = '';
+		$subsectionHtml = '';
+		$hasLeftColumn = false;
+
+		foreach( $fields as $key => $value ) {
+			if ( is_object( $value ) ) {
+				$v = empty( $value->mParams['nodata'] )
+					? $this->mFieldData[$key]
+					: $value->getDefault();
+				$tableHtml .= $value->getTableRow( $v );
+
+				if( $value->getLabel() != '&nbsp;' )
+					$hasLeftColumn = true;
+			} elseif ( is_array( $value ) ) {
+				$section = $this->displaySection( $value, $key );
+				$legend = wfMsg( "{$this->mMessagePrefix}-$key" );
+				$subsectionHtml .= Xml::fieldset( $legend, $section ) . "\n";
+			}
+		}
+
+		$classes = array();
+		if( !$hasLeftColumn ) // Avoid strange spacing when no labels exist
+			$classes[] = 'mw-htmlform-nolabel';
+		$attribs = array(
+			'classes' => implode( ' ', $classes ), 
+		);
+		if ( $sectionName ) 
+			$attribs['id'] = Sanitizer::escapeId( "mw-htmlform-$sectionName" );
+
+		$tableHtml = Html::rawElement( 'table', $attribs,
+			Html::rawElement( 'tbody', array(), "\n$tableHtml\n" ) ) . "\n";
+
+		return $subsectionHtml . "\n" . $tableHtml;
+	}
+
+	/**
+	 * Construct the form fields from the Descriptor array
+	 */
+	function loadData() {
+		global $wgRequest;
+
+		$fieldData = array();
+
+		foreach( $this->mFlatFields as $fieldname => $field ) {
+			if ( !empty( $field->mParams['nodata'] ) ) continue;
+			if ( !empty( $field->mParams['disabled'] ) ) {
+				$fieldData[$fieldname] = $field->getDefault();
+			} else {
+				$fieldData[$fieldname] = $field->loadDataFromRequest( $wgRequest );
+			}
+		}
+
+		# Filter data.
+		foreach( $fieldData as $name => &$value ) {
+			$field = $this->mFlatFields[$name];
+			$value = $field->filter( $value, $this->mFlatFields );
+		}
+
+		$this->mFieldData = $fieldData;
+	}
+
+	/**
+	 * Stop a reset button being shown for this form
+	 * @param $suppressReset Bool set to false to re-enable the 
+	 *	 button again
+	 */
+	function suppressReset( $suppressReset = true ) {
+		$this->mShowReset = !$suppressReset;
+	}
+
+	/**
+	 * Overload this if you want to apply special filtration routines
+	 * to the form as a whole, after it's submitted but before it's 
+	 * processed.
+	 * @param $data 
+	 * @return unknown_type
+	 */
+	function filterDataForSubmit( $data ) {
+		return $data;
+	}
+}
+
+/**
+ * The parent class to generate form fields.  Any field type should 
+ * be a subclass of this.
+ */
+abstract class HTMLFormField {
+	
+	protected $mValidationCallback;
+	protected $mFilterCallback;
+	protected $mName;
+	public $mParams;
+	protected $mLabel;	# String label.  Set on construction
+	protected $mID;
+	protected $mDefault;
+	public $mParent;
+	
+	/**
+	 * This function must be implemented to return the HTML to generate
+	 * the input object itself.  It should not implement the surrounding
+	 * table cells/rows, or labels/help messages.
+	 * @param $value String the value to set the input to; eg a default
+	 *	 text for a text input. 
+	 * @return String valid HTML.
+	 */
+	abstract function getInputHTML( $value );
+
+	/**
+	 * Override this function to add specific validation checks on the 
+	 * field input.  Don't forget to call parent::validate() to ensure
+	 * that the user-defined callback mValidationCallback is still run
+	 * @param $value String the value the field was submitted with
+	 * @param $alldata $all the data collected from the form
+	 * @return Mixed Bool true on success, or String error to display.
+	 */
+	function validate( $value, $alldata ) {
+		if ( isset( $this->mValidationCallback ) ) {
+			return call_user_func( $this->mValidationCallback, $value, $alldata );
+		}
+
+		return true;
+	}
+
+	function filter( $value, $alldata ) {
+		if( isset( $this->mFilterCallback ) ) {
+			$value = call_user_func( $this->mFilterCallback, $value, $alldata );
+		}
+
+		return $value;
+	}
+
+	/**
+	 * Should this field have a label, or is there no input element with the
+	 * appropriate id for the label to point to?
+	 *
+	 * @return bool True to output a label, false to suppress
+	 */
+	protected function needsLabel() {
+		return true;
+	}
+
+	/**
+	 * Get the value that this input has been set to from a posted form,
+	 * or the input's default value if it has not been set.
+	 * @param $request WebRequest
+	 * @return String the value
+	 */
+	function loadDataFromRequest( $request ) {
+		if( $request->getCheck( $this->mName ) ) {
+			return $request->getText( $this->mName );
+		} else {
+			return $this->getDefault();
+		}
+	}
+
+	/**
+	 * Initialise the object
+	 * @param $params Associative Array. See HTMLForm doc for syntax.
+	 */
+	function __construct( $params ) {
+		$this->mParams = $params;
+
+		# Generate the label from a message, if possible
+		if( isset( $params['label-message'] ) ) {
+			$msgInfo = $params['label-message'];
+
+			if ( is_array( $msgInfo ) ) {
+				$msg = array_shift( $msgInfo );
+			} else {
+				$msg = $msgInfo;
+				$msgInfo = array();
+			}
+
+			$this->mLabel = wfMsgExt( $msg, 'parseinline', $msgInfo );
+		} elseif ( isset( $params['label'] ) ) {
+			$this->mLabel = $params['label'];
+		}
+
+		if ( isset( $params['name'] ) ) {
+			$name = $params['name'];
+			$validName = Sanitizer::escapeId( $name );
+			if( $name != $validName ) {
+				throw new MWException("Invalid name '$name' passed to " . __METHOD__ );
+			}
+			$this->mName = 'wp'.$name;
+			$this->mID = 'mw-input-'.$name;
+		}
+
+		if ( isset( $params['default'] ) ) {
+			$this->mDefault = $params['default'];
+		}
+
+		if ( isset( $params['id'] ) ) {
+			$id = $params['id'];
+			$validId = Sanitizer::escapeId( $id );
+			if( $id != $validId ) {
+				throw new MWException("Invalid id '$id' passed to " . __METHOD__ );
+			}
+			$this->mID = $id;
+		}
+
+		if ( isset( $params['validation-callback'] ) ) {
+			$this->mValidationCallback = $params['validation-callback'];
+		}
+
+		if ( isset( $params['filter-callback'] ) ) {
+			$this->mFilterCallback = $params['filter-callback'];
+		}
+	}
+
+	/**
+	 * Get the complete table row for the input, including help text,
+	 * labels, and whatever.
+	 * @param $value String the value to set the input to.
+	 * @return String complete HTML table row.
+	 */
+	function getTableRow( $value ) {
+		# Check for invalid data.
+		global $wgRequest;
+
+		$errors = $this->validate( $value, $this->mParent->mFieldData );
+		if ( $errors === true || !$wgRequest->wasPosted() ) {
+			$errors = '';
+		} else {
+			$errors = Html::rawElement( 'span', array( 'class' => 'error' ), $errors );
+		}
+
+		$html = $this->getLabelHtml();
+		$html .= Html::rawElement( 'td', array( 'class' => 'mw-input' ),
+							$this->getInputHTML( $value ) ."\n$errors" );
+
+		$fieldType = get_class( $this );
+
+		$html = Html::rawElement( 'tr', array( 'class' => "mw-htmlform-field-$fieldType" ),
+							$html ) . "\n";
+
+		$helptext = null;
+		if ( isset( $this->mParams['help-message'] ) ) {
+			$msg = $this->mParams['help-message'];
+			$helptext = wfMsgExt( $msg, 'parseinline' );
+			if ( wfEmptyMsg( $msg, $helptext ) ) {
+				# Never mind
+				$helptext = null;
+			}
+		} elseif ( isset( $this->mParams['help'] ) ) {
+			$helptext = $this->mParams['help'];
+		}
+
+		if ( !is_null( $helptext ) ) {
+			$row = Html::rawElement( 'td', array( 'colspan' => 2, 'class' => 'htmlform-tip' ),
+				$helptext );
+			$row = Html::rawElement( 'tr', array(), $row );
+			$html .= "$row\n";
+		}
+
+		return $html;
+	}
+
+	function getLabel() {
+		return $this->mLabel;
+	}
+	function getLabelHtml() {
+		# Don't output a for= attribute for labels with no associated input.
+		# Kind of hacky here, possibly we don't want these to be <label>s at all.
+		$for = array();
+		if ( $this->needsLabel() ) {
+			$for['for'] = $this->mID;
+		}
+		return Html::rawElement( 'td', array( 'class' => 'mw-label' ),
+					Html::rawElement( 'label', $for, $this->getLabel() )
+				);		
+	}
+
+	function getDefault() {
+		if ( isset( $this->mDefault ) ) {
+			return $this->mDefault;
+		} else {
+			return null;
+		}
+	}
+	
+	/**
+	 * Returns the attributes required for the tooltip and accesskey.
+	 * 
+	 * @return array Attributes
+	 */
+	public function getTooltipAndAccessKey() {
+		if ( empty( $this->mParams['tooltip'] ) )
+			return array();
+
+		global $wgUser;
+		return $wgUser->getSkin()->tooltipAndAccessKeyAttribs();
+	}
+
+	/**
+	 * flatten an array of options to a single array, for instance,
+	 * a set of <options> inside <optgroups>.  
+	 * @param $options Associative Array with values either Strings
+	 *	 or Arrays
+	 * @return Array flattened input
+	 */
+	public static function flattenOptions( $options ) {
+		$flatOpts = array();
+
+		foreach( $options as $key => $value ) {
+			if ( is_array( $value ) ) {
+				$flatOpts = array_merge( $flatOpts, self::flattenOptions( $value ) );
+			} else {
+				$flatOpts[] = $value;
+			}
+		}
+
+		return $flatOpts;
+	}
+	
+}
+
+class HTMLTextField extends HTMLFormField {
+	
+	function getSize() {
+		return isset( $this->mParams['size'] ) 
+			? $this->mParams['size'] 
+			: 45;
+	}
+
+	function getInputHTML( $value ) {
+		$attribs = array(
+			'id' => $this->mID,
+			'name' => $this->mName,
+			'size' => $this->getSize(),
+			'value' => $value,
+		) + $this->getTooltipAndAccessKey();
+
+		if ( isset( $this->mParams['maxlength'] ) ) {
+			$attribs['maxlength'] = $this->mParams['maxlength'];
+		}
+		
+		if ( !empty( $this->mParams['disabled'] ) ) {
+			$attribs['disabled'] = 'disabled';
+		}
+
+		# TODO: Enforce pattern, step, required, readonly on the server side as
+		# well
+		foreach ( array( 'min', 'max', 'pattern', 'title', 'step',
+		'placeholder' ) as $param ) {
+			if ( isset( $this->mParams[$param] ) ) {
+				$attribs[$param] = $this->mParams[$param];
+			}
+		}
+		foreach ( array( 'required', 'autofocus', 'multiple', 'readonly' ) as
+		$param ) {
+			if ( isset( $this->mParams[$param] ) ) {
+				$attribs[$param] = '';
+			}
+		}
+			
+		# Implement tiny differences between some field variants
+		# here, rather than creating a new class for each one which
+		# is essentially just a clone of this one.
+		if ( isset( $this->mParams['type'] ) ) {
+			switch ( $this->mParams['type'] ) {
+				case 'email':
+					$attribs['type'] = 'email';
+					break;
+				case 'int':
+					$attribs['type'] = 'number';
+					break;
+				case 'float':
+					$attribs['type'] = 'number';
+					$attribs['step'] = 'any';
+					break;
+				# Pass through
+				case 'password':
+				case 'file':
+					$attribs['type'] = $this->mParams['type'];
+					break;
+			}
+		}
+
+		return Html::element( 'input', $attribs );
+	}
+}
+class HTMLTextAreaField extends HTMLFormField {
+	
+	function getCols() {
+		return isset( $this->mParams['cols'] ) 
+			? $this->mParams['cols'] 
+			: 80;
+	}
+	function getRows() {
+		return isset( $this->mParams['rows'] ) 
+			? $this->mParams['rows'] 
+			: 25;
+	}
+	
+	function getInputHTML( $value ) {
+		$attribs = array(
+			'id' => $this->mID,
+			'name' => $this->mName,
+			'cols' => $this->getCols(),
+			'rows' => $this->getRows(),
+		) + $this->getTooltipAndAccessKey();
+
+
+		if ( !empty( $this->mParams['disabled'] ) ) {
+			$attribs['disabled'] = 'disabled';
+		}
+		if ( !empty( $this->mParams['readonly'] ) ) {
+			$attribs['readonly'] = 'readonly';
+		}
+		
+		foreach ( array( 'required', 'autofocus' ) as $param ) {
+			if ( isset( $this->mParams[$param] ) ) {
+				$attribs[$param] = '';
 			}
 		}
-		return "<div><label>".wfMsg( $this->mName.'-'.$varname ).
-			"<textarea name=\"{$varname}\" rows=\"5\" cols=\"{$size}\">{$s}</textarea>\n";
+
+		return Html::element( 'textarea', $attribs, $value );
+	}
+}
+
+/**
+ * A field that will contain a numeric value
+ */
+class HTMLFloatField extends HTMLTextField {
+	
+	function getSize() {
+		return isset( $this->mParams['size'] ) 
+			? $this->mParams['size'] 
+			: 20;
+	}
+
+	function validate( $value, $alldata ) {
+		$p = parent::validate( $value, $alldata );
+
+		if ( $p !== true ) return $p;
+
+		if ( floatval( $value ) != $value ) {
+			return wfMsgExt( 'htmlform-float-invalid', 'parse' );
+		}
+
+		$in_range = true;
+
+		# The "int" part of these message names is rather confusing. 
+		# They make equal sense for all numbers.
+		if ( isset( $this->mParams['min'] ) ) {
+			$min = $this->mParams['min'];
+			if ( $min > $value )
+				return wfMsgExt( 'htmlform-int-toolow', 'parse', array( $min ) );
+		}
+
+		if ( isset( $this->mParams['max'] ) ) {
+			$max = $this->mParams['max'];
+			if( $max < $value )
+				return wfMsgExt( 'htmlform-int-toohigh', 'parse', array( $max ) );
+		}
+
+		return true;
+	}
+}
+
+/**
+ * A field that must contain a number
+ */
+class HTMLIntField extends HTMLFloatField {
+	function validate( $value, $alldata ) {
+		$p = parent::validate( $value, $alldata );
+
+		if ( $p !== true ) return $p;
+
+		if ( intval( $value ) != $value ) {
+			return wfMsgExt( 'htmlform-int-invalid', 'parse' );
+		}
+
+		return true;
+	}
+}
+
+/**
+ * A checkbox field
+ */
+class HTMLCheckField extends HTMLFormField {
+	function getInputHTML( $value ) {
+		if ( !empty( $this->mParams['invert'] ) )
+			$value = !$value;
+
+		$attr = $this->getTooltipAndAccessKey(); 
+		$attr['id'] = $this->mID;
+		if( !empty( $this->mParams['disabled'] ) ) {
+			$attr['disabled'] = 'disabled';
+		}
+
+		return Xml::check( $this->mName, $value, $attr ) . '&nbsp;' .
+				Html::rawElement( 'label', array( 'for' => $this->mID ), $this->mLabel );
+	}
+
+	/**
+	 * For a checkbox, the label goes on the right hand side, and is
+	 * added in getInputHTML(), rather than HTMLFormField::getRow()
+	 */
+	function getLabel() {
+		return '&nbsp;';
+	}
+
+	function loadDataFromRequest( $request ) {
+		$invert = false;
+		if ( isset( $this->mParams['invert'] ) && $this->mParams['invert'] ) {
+			$invert = true;
+		}
+
+		// GetCheck won't work like we want for checks.
+		if( $request->getCheck( 'wpEditToken' ) ) {
+			// XOR has the following truth table, which is what we want
+			// INVERT VALUE | OUTPUT
+			// true   true  | false
+			// false  true  | true
+			// false  false | false
+			// true   false | true
+			return $request->getBool( $this->mName ) xor $invert;
+		} else {
+			return $this->getDefault();
+		}
+	}
+}
+
+/**
+ * A select dropdown field.  Basically a wrapper for Xmlselect class
+ */
+class HTMLSelectField extends HTMLFormField {
+
+	function validate( $value, $alldata ) {
+		$p = parent::validate( $value, $alldata );
+		if( $p !== true ) return $p;
+
+		$validOptions = HTMLFormField::flattenOptions( $this->mParams['options'] );
+		if ( in_array( $value, $validOptions ) )
+			return true;
+		else
+			return wfMsgExt( 'htmlform-select-badoption', 'parseinline' );
+	}
+
+	function getInputHTML( $value ) {
+		$select = new XmlSelect( $this->mName, $this->mID, strval( $value ) );
+
+		# If one of the options' 'name' is int(0), it is automatically selected.
+		# because PHP sucks and things int(0) == 'some string'.
+		# Working around this by forcing all of them to strings.
+		$options = array_map( 'strval', $this->mParams['options'] );
+
+		if( !empty( $this->mParams['disabled'] ) ) {
+			$select->setAttribute( 'disabled', 'disabled' );
+		}
+
+		$select->addOptions( $options );
+
+		return $select->getHTML();
+	}
+}
+
+/**
+ * Select dropdown field, with an additional "other" textbox.
+ */
+class HTMLSelectOrOtherField extends HTMLTextField {
+	static $jsAdded = false;
+
+	function __construct( $params ) {
+		if( !in_array( 'other', $params['options'], true ) ) {
+			$params['options'][wfMsg( 'htmlform-selectorother-other' )] = 'other';
+		}
+
+		parent::__construct( $params );
+	}
+	
+	static function forceToStringRecursive( $array ) {
+		if ( is_array($array) ) {
+			return array_map( array( __CLASS__, 'forceToStringRecursive' ), $array);
+		} else {
+			return strval($array);
+		}
+	}
+
+	function getInputHTML( $value ) {
+		$valInSelect = false;
+
+		if( $value !== false )
+			$valInSelect = in_array( $value,
+							HTMLFormField::flattenOptions( $this->mParams['options'] ) );
+
+		$selected = $valInSelect ? $value : 'other';
+		
+		$opts = self::forceToStringRecursive( $this->mParams['options'] );
+
+		$select = new XmlSelect( $this->mName, $this->mID, $selected );
+		$select->addOptions( $opts );
+
+		$select->setAttribute( 'class', 'mw-htmlform-select-or-other' );
+
+		$tbAttribs = array( 'id' => $this->mID . '-other', 'size' => $this->getSize() );
+		if( !empty( $this->mParams['disabled'] ) ) {
+			$select->setAttribute( 'disabled', 'disabled' );
+			$tbAttribs['disabled'] = 'disabled';
+		}
+
+		$select = $select->getHTML();
+
+		if ( isset( $this->mParams['maxlength'] ) ) {
+			$tbAttribs['maxlength'] = $this->mParams['maxlength'];
+		}
+
+		$textbox = Html::input( $this->mName . '-other',
+							$valInSelect ? '' : $value,
+							'text',
+							$tbAttribs );
+
+		return "$select<br />\n$textbox";
+	}
+
+	function loadDataFromRequest( $request ) {
+		if( $request->getCheck( $this->mName ) ) {
+			$val = $request->getText( $this->mName );
+
+			if( $val == 'other' ) {
+				$val = $request->getText( $this->mName . '-other' );
+			}
+
+			return $val;
+		} else {
+			return $this->getDefault();
+		}
+	}
+}
+
+/**
+ * Multi-select field
+ */
+class HTMLMultiSelectField extends HTMLFormField {
+	
+	function validate( $value, $alldata ) {
+		$p = parent::validate( $value, $alldata );
+		if( $p !== true ) return $p;
+
+		if( !is_array( $value ) ) return false;
+
+		# If all options are valid, array_intersect of the valid options 
+		# and the provided options will return the provided options.
+		$validOptions = HTMLFormField::flattenOptions( $this->mParams['options'] );
+
+		$validValues = array_intersect( $value, $validOptions );
+		if ( count( $validValues ) == count( $value ) )
+			return true;
+		else
+			return wfMsgExt( 'htmlform-select-badoption', 'parseinline' );
+	}
+
+	function getInputHTML( $value ) {
+		$html = $this->formatOptions( $this->mParams['options'], $value );
+
+		return $html;
+	}
+
+	function formatOptions( $options, $value ) {
+		$html = '';
+
+		$attribs = array();
+		if ( !empty( $this->mParams['disabled'] ) ) {
+			$attribs['disabled'] = 'disabled';
+		}
+
+		foreach( $options as $label => $info ) {
+			if( is_array( $info ) ) {
+				$html .= Html::rawElement( 'h1', array(), $label ) . "\n";
+				$html .= $this->formatOptions( $info, $value );
+			} else {
+				$thisAttribs = array( 'id' => $this->mID . "-$info", 'value' => $info );
+				
+				$checkbox = Xml::check( $this->mName . '[]', in_array( $info, $value ),
+								$attribs + $thisAttribs );
+				$checkbox .= '&nbsp;' . Html::rawElement( 'label', array( 'for' => $this->mID . "-$info" ), $label );
+
+				$html .= $checkbox . '<br />';
+			}
+		}
+
+		return $html;
+	}
+
+	function loadDataFromRequest( $request ) {
+		# won't work with getCheck
+		if( $request->getCheck( 'wpEditToken' ) ) {
+			$arr = $request->getArray( $this->mName );
+
+			if( !$arr )
+				$arr = array();
+
+			return $arr;
+		} else {
+			return $this->getDefault();
+		}
+	}
+
+	function getDefault() {
+		if ( isset( $this->mDefault ) ) {
+			return $this->mDefault;
+		} else {
+			return array();
+		}
+	}
+
+	protected function needsLabel() {
+		return false;
+	}
+}
+
+/**
+ * Radio checkbox fields.
+ */
+class HTMLRadioField extends HTMLFormField {
+	function validate( $value, $alldata ) {
+		$p = parent::validate( $value, $alldata );
+		if( $p !== true ) return $p;
+
+		if( !is_string( $value ) && !is_int( $value ) )
+			return false;
+
+		$validOptions = HTMLFormField::flattenOptions( $this->mParams['options'] );
+
+		if ( in_array( $value, $validOptions ) )
+			return true;
+		else
+			return wfMsgExt( 'htmlform-select-badoption', 'parseinline' );
+	}
+
+	/**
+	 * This returns a block of all the radio options, in one cell.
+	 * @see includes/HTMLFormField#getInputHTML()
+	 */
+	function getInputHTML( $value ) {
+		$html = $this->formatOptions( $this->mParams['options'], $value );
+
+		return $html;
+	}
+	
+	function formatOptions( $options, $value ) {
+		$html = '';
+
+		$attribs = array();
+		if ( !empty( $this->mParams['disabled'] ) ) {
+			$attribs['disabled'] = 'disabled';
+		}
+
+		# TODO: should this produce an unordered list perhaps?
+		foreach( $options as $label => $info ) {
+			if( is_array( $info ) ) {
+				$html .= Html::rawElement( 'h1', array(), $label ) . "\n";
+				$html .= $this->formatOptions( $info, $value );
+			} else {
+				$id = Sanitizer::escapeId( $this->mID . "-$info" );
+				$html .= Xml::radio( $this->mName, $info, $info == $value,
+										$attribs + array( 'id' => $id ) );
+				$html .= '&nbsp;' .
+						Html::rawElement( 'label', array( 'for' => $id ), $label );
+
+				$html .= "<br />\n";
+			}
+		}
+
+		return $html;
+	}
+
+	protected function needsLabel() {
+		return false;
+	}
+}
+
+/**
+ * An information field (text blob), not a proper input.
+ */
+class HTMLInfoField extends HTMLFormField {
+	function __construct( $info ) {
+		$info['nodata'] = true;
+
+		parent::__construct( $info );
+	}
+
+	function getInputHTML( $value ) {
+		return !empty( $this->mParams['raw'] ) ? $value : htmlspecialchars( $value );
+	}
+
+	function getTableRow( $value ) {
+		if ( !empty( $this->mParams['rawrow'] ) ) {
+			return $value;
+		}
+
+		return parent::getTableRow( $value );
+	}
+
+	protected function needsLabel() {
+		return false;
+	}
+}
+
+class HTMLHiddenField extends HTMLFormField {
+	
+	public function getTableRow( $value ){
+		$this->mParent->addHiddenField( 
+			$this->mParams['name'],
+			$this->mParams['default']
+		);
+		return '';
+	}
+
+	public function getInputHTML( $value ){ return ''; }
+}
+
+class HTMLSubmitField extends HTMLFormField {
+	
+	public function getTableRow( $value ){
+		$this->mParent->addButton(
+			$this->mParams['name'],
+			$this->mParams['default'],
+			isset($this->mParams['id']) ? $this->mParams['id'] : null,
+			$this->getTooltipAndAccessKey()
+		);
+	}
+	
+	public function getInputHTML( $value ){ return ''; }
+}
+
+class HTMLEditTools extends HTMLFormField {
+	public function getInputHTML( $value ) {
+		return '';
+	}
+	public function getTableRow( $value ) {
+		return "<tr><td></td><td class=\"mw-input\">" 
+			. '<div class="mw-editTools">' 
+			. wfMsgExt( empty( $this->mParams['message'] ) 
+				? 'edittools' : $this->mParams['message'], 
+				array( 'parse', 'content' ) )
+			. "</div></td></tr>\n";
 	}
-} // end class
+}