<?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... ),
- ...
- )
- */
-
+ # A mapping of 'type' inputs onto standard HTMLFormField subclasses
static $typeMappings = array(
'text' => 'HTMLTextField',
+ 'textarea' => 'HTMLTextAreaField',
'select' => 'HTMLSelectField',
'radio' => 'HTMLRadioField',
'multiselect' => 'HTMLMultiSelectField',
'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;
- function __construct( $descriptor, $messagePrefix ) {
+ /**
+ * 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.
$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;
}
$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;
$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'];
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' );
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' );
}
}
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; }
- function setIntro( $msg ) {
- $this->mIntro = $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;
$this->displayErrors( $submitResult );
}
- if ( isset( $this->mIntro ) ) {
- $wgOut->addHTML( $this->mIntro );
- }
-
- $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 .= Xml::hidden( 'wpEditToken', $wgUser->editToken() ) . "\n";
- $html .= Xml::hidden( 'title', $this->getTitle() ) . "\n";
+ $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 $html;
}
+ /**
+ * Get the submit and (potentially) reset buttons.
+ * @return String HTML.
+ */
function getButtons() {
$html = '';
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 .= Xml::element(
+ $html .= Html::element(
'input',
array(
'type' => '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 ) {
$msg = $error;
$error = array();
}
- $errorstr .= Xml::tags(
+ $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();
+ ? $this->mFieldData[$key]
+ : $value->getDefault();
$tableHtml .= $value->getTableRow( $v );
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
$classes[] = 'mw-htmlform-nolabel';
- $classes = implode( ' ', $classes );
+ $attribs = array(
+ 'classes' => implode( ' ', $classes ),
+ );
+ if ( $sectionName )
+ $attribs['id'] = Sanitizer::escapeId( "mw-htmlform-$sectionName" );
- $tableHtml = "<table class='$classes'><tbody>\n$tableHtml\n</tbody></table>\n";
+ $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;
}
}
- // Filter data.
+ # 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.
- 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 {
+
+ 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 $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 );
}
}
+ /**
+ * 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'];
}
}
+ /**
+ * 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" ),
+ $html = Html::rawElement( 'tr', array( 'class' => "mw-htmlform-field-$fieldType" ),
$html ) . "\n";
- // Help text
+ $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 null;
}
}
+
+ /**
+ * Returns the attributes required for the tooltip and accesskey.
+ *
+ * @return array Attributes
+ */
+ public function getTooltipAndAccessKey() {
+ if ( empty( $this->mParams['tooltip'] ) )
+ return array();
- static function flattenOptions( $options ) {
+ 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 ) {
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 );
+ $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 );
+ }
}
+/**
+ * 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 ) {
$in_range = true;
- # The "int" part of these message names is rather confusing. They make
- # equal sense for all numbers.
+ # 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 )
}
}
+/**
+ * A field that must contain a number
+ */
class HTMLIntField extends HTMLFloatField {
function validate( $value, $alldata ) {
$p = parent::validate( $value, $alldata );
}
}
+/**
+ * A checkbox field
+ */
class HTMLCheckField extends HTMLFormField {
function getInputHTML( $value ) {
if ( !empty( $this->mParams['invert'] ) )
$value = !$value;
- $attr = array( 'id' => $this->mID );
+ $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 );
}
+ /**
+ * For a checkbox, the label goes on the right hand side, and is
+ * added in getInputHTML(), rather than HTMLFormField::getRow()
+ */
function getLabel() {
- return ' '; // In the right-hand column.
+ return ' ';
}
function loadDataFromRequest( $request ) {
}
}
+/**
+ * A select dropdown field. Basically a wrapper for Xmlselect class
+ */
class HTMLSelectField extends HTMLFormField {
function validate( $value, $alldata ) {
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.
+ # 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 dropdown field, with an additional "other" textbox.
+ */
class HTMLSelectOrOtherField extends HTMLTextField {
static $jsAdded = false;
function __construct( $params ) {
- if( !in_array( '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;
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( array_map( 'strval', $this->mParams['options'] ) );
+ $select->addOptions( $opts );
$select->setAttribute( 'class', 'mw-htmlform-select-or-other' );
- $tbAttribs = array( 'id' => $this->mID . '-other' );
+ $tbAttribs = array( 'id' => $this->mID . '-other', 'size' => $this->getSize() );
if( !empty( $this->mParams['disabled'] ) ) {
$select->setAttribute( 'disabled', 'disabled' );
$tbAttribs['disabled'] = 'disabled';
$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 ) {
}
}
+/**
+ * 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 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 );
foreach( $options as $label => $info ) {
if( is_array( $info ) ) {
- $html .= Xml::tags( 'h1', null, $label ) . "\n";
+ $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 .= ' ' . Xml::tags( 'label', array( 'for' => $this->mID . "-$info" ), $label );
+ $checkbox .= ' ' . Html::rawElement( 'label', array( 'for' => $this->mID . "-$info" ), $label );
$html .= $checkbox . '<br />';
}
}
function loadDataFromRequest( $request ) {
- // won't work with getCheck
+ # won't work with getCheck
if( $request->getCheck( 'wpEditToken' ) ) {
$arr = $request->getArray( $this->mName );
return array();
}
}
+
+ protected function needsLabel() {
+ return false;
+ }
}
+/**
+ * Radio checkbox fields.
+ */
class HTMLRadioField extends HTMLFormField {
function validate( $value, $alldata ) {
$p = parent::validate( $value, $alldata );
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 );
$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";
+ $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 .= ' ' .
- Xml::tags( 'label', array( 'for' => $id ), $label );
+ Html::rawElement( 'label', array( 'for' => $id ), $label );
- $html .= "<br/>\n";
+ $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;
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";
+ }
}