<?php
+/**
+ * Object handling generic submission, CSRF protection, layout and
+ * other logic for UI forms. in a reusable manner.
+ *
+ * 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 {
-
static $jsAdded = false;
- /* The descriptor is an array of arrays.
- i.e. array(
- 'fieldname' => array( 'section' => 'section/subsection',
- properties... ),
- ...
- )
- */
-
- static $typeMappings = array(
- 'text' => 'HTMLTextField',
- 'select' => 'HTMLSelectField',
- 'radio' => 'HTMLRadioField',
- 'multiselect' => 'HTMLMultiSelectField',
- 'check' => 'HTMLCheckField',
- 'toggle' => 'HTMLCheckField',
- 'int' => 'HTMLIntField',
- 'info' => 'HTMLInfoField',
- 'selectorother' => 'HTMLSelectOrOtherField',
- );
-
- function __construct( $descriptor, $messagePrefix ) {
- $this->mMessagePrefix = $messagePrefix;
+ # 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 HTML5 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;
-
- $field = $this->loadInputFromParameters( $info );
+
+ if ( isset( $info['type'] ) && $info['type'] == 'file' )
+ $this->mUseMultipart = true;
+
+ $field = self::loadInputFromParameters( $info );
$field->mParent = $this;
-
+
$setSection =& $loadedDescriptor;
- if ($section) {
+ if( $section ) {
$sectionParts = explode( '/', $section );
-
- while( count($sectionParts) ) {
+
+ while( count( $sectionParts ) ) {
$newName = array_shift( $sectionParts );
-
- if ( !isset($setSection[$newName]) ) {
+
+ if ( !isset( $setSection[$newName] ) ) {
$setSection[$newName] = array();
}
-
+
$setSection =& $setSection[$newName];
}
}
-
+
$setSection[$fieldname] = $field;
$this->mFlatFields[$fieldname] = $field;
}
-
+
$this->mFieldTree = $loadedDescriptor;
-
- $this->mShowReset = true;
}
-
+
+ /**
+ * Add the HTMLForm-specific JavaScript, if it hasn't been
+ * done already.
+ */
static function addJS() {
- if (self::$jsAdded) return;
-
+ 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'];
$class = self::$typeMappings[$descriptor['type']];
$descriptor['class'] = $class;
}
-
- if (!$class) {
- throw new MWException( "Descriptor with no class: ".print_r( $descriptor, true ) );
+
+ 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.
+
+ # Load data from the request.
$this->loadData();
-
- // Try a submission
+
+ # Try a submission
global $wgUser, $wgRequest;
$editToken = $wgRequest->getVal( 'wpEditToken' );
-
+
$result = false;
if ( $wgUser->matchEditToken( $editToken ) )
$result = $this->trySubmit();
-
- if ($result === true)
+
+ if( $result === true )
return $result;
-
- // Display form.
+
+ # Display form.
$this->displayForm( $result );
+ return false;
}
-
- /** Return values:
- * TRUE == Successful submission
- * FALSE == No submission attempted
- * Anything else == Error to display.
- */
+
+ /**
+ * 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
+ # 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' );
+ 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' );
}
}
-
+
$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->getBody();
-
- // Hidden fields
- $html .= $this->getHiddenFields();
-
- // Buttons
- $html .= $this->getButtons();
-
+
+ $html = ''
+ . $this->mHeader
+ . $this->getBody()
+ . $this->getHiddenFields()
+ . $this->getButtons()
+ ;
+
$html = $this->wrapForm( $html );
-
- $wgOut->addHTML( $html );
+
+ $wgOut->addHTML( ''
+ . $this->mPre
+ . $html
+ . $this->mPost
+ );
}
-
+
+ /**
+ * Wrap the form innards in an actual <form> element
+ * @param $html String HTML contents to wrap.
+ * @return String wrapped HTML.
+ */
function wrapForm( $html ) {
- return Xml::tags( 'form',
- array(
- 'action' => $this->getTitle()->getFullURL(),
- 'method' => 'post',
- ),
- $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 );
}
-
+
+ /**
+ * Get the hidden fields that should go inside the form.
+ * @return String HTML.
+ */
function getHiddenFields() {
global $wgUser;
$html = '';
+
+ $html .= Html::hidden( 'wpEditToken', $wgUser->editToken(), array( 'id' => 'wpEditToken' ) ) . "\n";
+ $html .= Html::hidden( 'title', $this->getTitle()->getPrefixedText() ) . "\n";
- $html .= Xml::hidden( 'wpEditToken', $wgUser->editToken() ) . "\n";
- $html .= Xml::hidden( 'title', $this->getTitle() ) . "\n";
-
+ foreach( $this->mHiddenFields as $name => $value ){
+ $html .= Html::hidden( $name, $value ) . "\n";
+ }
+
return $html;
}
-
+
+ /**
+ * Get the submit and (potentially) reset buttons.
+ * @return String HTML.
+ */
function getButtons() {
$html = '';
-
+
$attribs = array();
-
- if ( isset($this->mSubmitID) )
+
+ 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";
+ }
- if ($this->mShowReset) {
- $html .= Xml::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 );
}
return $html;
}
-
+
+ /**
+ * Get the whole body of the form.
+ */
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 );
$errorstr = $errors;
}
- $errorstr = Xml::tags( 'div', array( 'class' => 'error' ), $errorstr );
-
+ $errorstr = Html::rawElement( 'div', array( 'class' => 'error' ), $errorstr );
+
global $wgOut;
$wgOut->addHTML( $errorstr );
}
-
+
+ /**
+ * 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
+ */
static function formatErrors( $errors ) {
$errorstr = '';
foreach ( $errors as $error ) {
- if (is_array($error)) {
- $msg = array_shift($error);
+ if( is_array( $error ) ) {
+ $msg = array_shift( $error );
} else {
$msg = $error;
$error = array();
}
- $errorstr .= Xml::tags( 'li',
- null,
- wfMsgExt( $msg, array( 'parseinline' ), $error )
- );
+ $errorstr .= Html::rawElement(
+ 'li',
+ null,
+ wfMsgExt( $msg, array( 'parseinline' ), $error )
+ );
}
-
- $errorstr = Xml::tags( 'ul', null, $errorstr );
-
+
+ $errorstr = Html::rawElement( 'ul', array(), $errorstr );
+
return $errorstr;
}
-
+
+ /**
+ * Set the text for the submit button
+ * @param $t String plaintext.
+ */
function setSubmitText( $t ) {
$this->mSubmitText = $t;
}
-
+
+ /**
+ * Get the text for the submit button, either customised or a default.
+ * @return unknown_type
+ */
function getSubmitText() {
- return isset($this->mSubmitText) ? $this->mSubmitText : wfMsg('htmlform-submit');
+ 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;
}
-
- function displaySection( $fields ) {
+
+ /**
+ * 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();
+ $v = empty( $value->mParams['nodata'] )
+ ? $this->mFieldData[$key]
+ : $value->getDefault();
$tableHtml .= $value->getTableRow( $v );
-
- if ($value->getLabel() != ' ')
+
+ if( $value->getLabel() != ' ' )
$hasLeftColumn = true;
} elseif ( is_array( $value ) ) {
- $section = $this->displaySection( $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
+ if( !$hasLeftColumn ) // Avoid strange spacing when no labels exist
$classes[] = 'mw-htmlform-nolabel';
- $classes = implode( ' ', $classes );
-
- $tableHtml = "<table class='$classes'><tbody>\n$tableHtml\n</tbody></table>\n";
-
+ $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']) ) {
+ 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;
- }
-
- function importData( $fieldData ) {
- // Filter data.
+
+ # Filter data.
foreach( $fieldData as $name => &$value ) {
$field = $this->mFlatFields[$name];
$value = $field->filter( $value, $this->mFlatFields );
}
-
- foreach( $this->mFlatFields as $fieldname => $field ) {
- if ( !isset($fieldData[$fieldname]) )
- $fieldData[$fieldname] = $field->getDefault();
- }
-
+
$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 {
- abstract function getInputHTML( $value );
+ 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) ) {
+ 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 ) ) {
+ 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;
-
- if (isset( $params['label-message'] ) ) {
+
+ # 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']) ) {
+ } elseif ( isset( $params['label'] ) ) {
$this->mLabel = $params['label'];
}
-
+
if ( isset( $params['name'] ) ) {
- $this->mName = 'wp'.$params['name'];
- $this->mID = 'mw-input-'.$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'] ) ) {
- $this->mID = $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.
+ # Check for invalid data.
global $wgRequest;
-
+
$errors = $this->validate( $value, $this->mParent->mFieldData );
if ( $errors === true || !$wgRequest->wasPosted() ) {
$errors = '';
} else {
- $errors = Xml::tags( 'span', array( 'class' => 'error' ), $errors );
+ $errors = Html::rawElement( 'span', array( 'class' => 'error' ), $errors );
}
-
- $html = '';
-
- $html .= Xml::tags( 'td', array( 'class' => 'mw-label' ),
- Xml::tags( 'label', array( 'for' => $this->mID ), $this->getLabel() )
- );
- $html .= Xml::tags( 'td', array( 'class' => 'mw-input' ),
+
+ $html = $this->getLabelHtml();
+ $html .= Html::rawElement( 'td', array( 'class' => 'mw-input' ),
$this->getInputHTML( $value ) ."\n$errors" );
-
- $fieldType = get_class($this);
-
- $html = Xml::tags( 'tr', array( 'class' => "mw-htmlform-field-$fieldType" ),
+
+ $fieldType = get_class( $this );
+
+ $html = Html::rawElement( 'tr', array( 'class' => "mw-htmlform-field-$fieldType" ),
$html ) . "\n";
-
- // Help text
- if ( isset($this->mParams['help-message']) ) {
+
+ $helptext = null;
+ if ( isset( $this->mParams['help-message'] ) ) {
$msg = $this->mParams['help-message'];
-
- $text = wfMsgExt( $msg, 'parseinline' );
-
- if (!wfEmptyMsg( $msg, $text ) ) {
- $row = Xml::tags( 'td', array( 'colspan' => 2, 'class' => 'htmlform-tip' ),
- $text );
-
- $row = Xml::tags( 'tr', null, $row );
-
- $html .= "$row\n";
+ $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;
}
}
- static function flattenOptions( $options ) {
+ /**
+ * 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 ) );
$flatOpts[] = $value;
}
}
-
+
return $flatOpts;
}
+
}
class HTMLTextField extends HTMLFormField {
-
+
function getSize() {
- return isset($this->mParams['size']) ? $this->mParams['size'] : 45;
+ return isset( $this->mParams['size'] )
+ ? $this->mParams['size']
+ : 45;
}
function getInputHTML( $value ) {
- $attribs = array( 'id' => $this->mID );
-
- if ( isset($this->mParams['maxlength']) ) {
+ $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'])) {
+ if ( !empty( $this->mParams['disabled'] ) ) {
$attribs['disabled'] = 'disabled';
}
-
- return Xml::input( $this->mName,
- $this->getSize(),
- $value,
- $attribs ) ;
+
+ # 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 Html::element( 'textarea', $attribs, $value );
+ }
}
-class HTMLIntField extends HTMLTextField {
+/**
+ * A field that will contain a numeric value
+ */
+class HTMLFloatField extends HTMLTextField {
+
function getSize() {
- return isset($this->mParams['size']) ? $this->mParams['size'] : 20;
+ return isset( $this->mParams['size'] )
+ ? $this->mParams['size']
+ : 20;
}
-
+
function validate( $value, $alldata ) {
- $p = parent::validate($value, $alldata);
-
- if ($p !== true) return $p;
-
- if ( intval($value) != $value ) {
- return wfMsgExt( 'htmlform-int-invalid', 'parse' );
+ $p = parent::validate( $value, $alldata );
+
+ if ( $p !== true ) return $p;
+
+ if ( floatval( $value ) != $value ) {
+ return wfMsgExt( 'htmlform-float-invalid', 'parse' );
}
-
+
$in_range = true;
-
- if ( isset($this->mParams['min']) ) {
+
+ # 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) );
+ return wfMsgExt( 'htmlform-int-toolow', 'parse', array( $min ) );
}
-
- if ( isset($this->mParams['max']) ) {
+
+ if ( isset( $this->mParams['max'] ) ) {
$max = $this->mParams['max'];
- if ($max < $value)
- return wfMsgExt( 'htmlform-int-toohigh', 'parse', array($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 = array( 'id' => $this->mID );
- if (!empty($this->mParams['disabled'])) {
+
+ $attr = $this->getTooltipAndAccessKey();
+ $attr['id'] = $this->mID;
+ if( !empty( $this->mParams['disabled'] ) ) {
$attr['disabled'] = 'disabled';
}
-
+
return Xml::check( $this->mName, $value, $attr ) . ' ' .
- Xml::tags( 'label', array( 'for' => $this->mID ), $this->mLabel );
+ Html::rawElement( 'label', array( 'for' => $this->mID ), $this->mLabel );
}
-
- function getLabel( ) {
- return ' '; // In the right-hand column.
+
+ /**
+ * For a checkbox, the label goes on the right hand side, and is
+ * added in getInputHTML(), rather than HTMLFormField::getRow()
+ */
+ function getLabel() {
+ return ' ';
}
-
+
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' ) ) {
+ if( $request->getCheck( 'wpEditToken' ) ) {
// XOR has the following truth table, which is what we want
// INVERT VALUE | OUTPUT
// true true | false
}
}
+/**
+ * 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;
-
+ 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, $value );
-
- if (!empty($this->mParams['disabled'])) {
+
+ 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( $this->mParams['options'] );
-
+
+ $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 (! array_key_exists('other', $params['options']) ) {
+ 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)
+
+ if( $value !== false )
$valInSelect = in_array( $value,
- HTMLFormField::flattenOptions($this->mParams['options']) );
-
+ 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( $this->mParams['options'] );
-
+ $select->addOptions( $opts );
+
$select->setAttribute( 'class', 'mw-htmlform-select-or-other' );
-
- $tbAttribs = array( 'id' => $this->mID.'-other' );
- if (!empty($this->mParams['disabled'])) {
+
+ $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']) ) {
+
+ if ( isset( $this->mParams['maxlength'] ) ) {
$tbAttribs['maxlength'] = $this->mParams['maxlength'];
}
-
- $textbox = Xml::input( $this->mName.'-other',
- $this->getSize(),
+
+ $textbox = Html::input( $this->mName . '-other',
$valInSelect ? '' : $value,
+ 'text',
$tbAttribs );
-
- return "$select<br/>\n$textbox";
+
+ return "$select<br />\n$textbox";
}
-
+
function loadDataFromRequest( $request ) {
- if ($request->getCheck( $this->mName ) ) {
+ if( $request->getCheck( $this->mName ) ) {
$val = $request->getText( $this->mName );
-
- if ($val == 'other') {
- $val = $request->getText( $this->mName.'-other' );
+
+ 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.
+ 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) )
+ 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 .= Xml::tags( 'h1', null, $label ) . "\n";
+ 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 );
+ $thisAttribs = array( 'id' => $this->mID . "-$info", 'value' => $info );
- $checkbox = Xml::check( $this->mName.'[]', in_array( $info, $value ),
+ $checkbox = Xml::check( $this->mName . '[]', in_array( $info, $value ),
$attribs + $thisAttribs );
- $checkbox .= ' ' . Xml::tags( 'label', array( 'for' => $this->mID."-$info" ), $label );
-
+ $checkbox .= ' ' . 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' ) ) {
+ # won't work with getCheck
+ if( $request->getCheck( 'wpEditToken' ) ) {
$arr = $request->getArray( $this->mName );
-
- if (!$arr)
+
+ if( !$arr )
$arr = array();
-
+
return $arr;
} else {
return $this->getDefault();
}
}
-
+
function getDefault() {
if ( isset( $this->mDefault ) ) {
return $this->mDefault;
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))
+ 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 .= Xml::tags( 'h1', null, $label ) . "\n";
+ 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' => $this->mID."-$info" ) );
+ $attribs + array( 'id' => $id ) );
$html .= ' ' .
- Xml::tags( 'label', array( 'for' => $this->mID."-$info" ), $label );
-
- $html .= "<br/>\n";
+ 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);
+
+ parent::__construct( $info );
}
-
+
function getInputHTML( $value ) {
- return !empty($this->mParams['raw']) ? $value : htmlspecialchars($value);
+ return !empty( $this->mParams['raw'] ) ? $value : htmlspecialchars( $value );
}
-
+
function getTableRow( $value ) {
- if ( !empty($this->mParams['rawrow']) ) {
+ 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";
+ }
}