OOUIfy CheckMatrix in PHP and JS
[lhc/web/wiklou.git] / includes / htmlform / fields / HTMLCheckMatrix.php
1 <?php
2
3 /**
4 * A checkbox matrix
5 * Operates similarly to HTMLMultiSelectField, but instead of using an array of
6 * options, uses an array of rows and an array of columns to dynamically
7 * construct a matrix of options. The tags used to identify a particular cell
8 * are of the form "columnName-rowName"
9 *
10 * Options:
11 * - columns
12 * - Required list of columns in the matrix.
13 * - rows
14 * - Required list of rows in the matrix.
15 * - force-options-on
16 * - Accepts array of column-row tags to be displayed as enabled but unavailable to change
17 * - force-options-off
18 * - Accepts array of column-row tags to be displayed as disabled but unavailable to change.
19 * - tooltips
20 * - Optional array mapping row label to tooltip content
21 * - tooltip-class
22 * - Optional CSS class used on tooltip container span. Defaults to mw-icon-question.
23 */
24 class HTMLCheckMatrix extends HTMLFormField implements HTMLNestedFilterable {
25 static private $requiredParams = [
26 // Required by underlying HTMLFormField
27 'fieldname',
28 // Required by HTMLCheckMatrix
29 'rows',
30 'columns'
31 ];
32
33 public function __construct( $params ) {
34 $missing = array_diff( self::$requiredParams, array_keys( $params ) );
35 if ( $missing ) {
36 throw new HTMLFormFieldRequiredOptionsException( $this, $missing );
37 }
38 parent::__construct( $params );
39 }
40
41 public function validate( $value, $alldata ) {
42 $rows = $this->mParams['rows'];
43 $columns = $this->mParams['columns'];
44
45 // Make sure user-defined validation callback is run
46 $p = parent::validate( $value, $alldata );
47 if ( $p !== true ) {
48 return $p;
49 }
50
51 // Make sure submitted value is an array
52 if ( !is_array( $value ) ) {
53 return false;
54 }
55
56 // If all options are valid, array_intersect of the valid options
57 // and the provided options will return the provided options.
58 $validOptions = [];
59 foreach ( $rows as $rowTag ) {
60 foreach ( $columns as $columnTag ) {
61 $validOptions[] = $columnTag . '-' . $rowTag;
62 }
63 }
64 $validValues = array_intersect( $value, $validOptions );
65 if ( count( $validValues ) == count( $value ) ) {
66 return true;
67 } else {
68 return $this->msg( 'htmlform-select-badoption' );
69 }
70 }
71
72 /**
73 * Build a table containing a matrix of checkbox options.
74 * The value of each option is a combination of the row tag and column tag.
75 * mParams['rows'] is an array with row labels as keys and row tags as values.
76 * mParams['columns'] is an array with column labels as keys and column tags as values.
77 *
78 * @param array $value Array of the options that should be checked
79 *
80 * @return string
81 */
82 public function getInputHTML( $value ) {
83 $html = '';
84 $tableContents = '';
85 $rows = $this->mParams['rows'];
86 $columns = $this->mParams['columns'];
87
88 $attribs = $this->getAttributes( [ 'disabled', 'tabindex' ] );
89
90 // Build the column headers
91 $headerContents = Html::rawElement( 'td', [], "\u{00A0}" );
92 foreach ( $columns as $columnLabel => $columnTag ) {
93 $headerContents .= Html::rawElement( 'td', [], $columnLabel );
94 }
95 $tableContents .= Html::rawElement( 'tr', [], "\n$headerContents\n" );
96
97 $tooltipClass = 'mw-icon-question';
98 if ( isset( $this->mParams['tooltip-class'] ) ) {
99 $tooltipClass = $this->mParams['tooltip-class'];
100 }
101
102 // Build the options matrix
103 foreach ( $rows as $rowLabel => $rowTag ) {
104 // Append tooltip if configured
105 if ( isset( $this->mParams['tooltips'][$rowLabel] ) ) {
106 $tooltipAttribs = [
107 'class' => "mw-htmlform-tooltip $tooltipClass",
108 'title' => $this->mParams['tooltips'][$rowLabel],
109 'aria-label' => $this->mParams['tooltips'][$rowLabel]
110 ];
111 $rowLabel .= ' ' . Html::element( 'span', $tooltipAttribs, '' );
112 }
113 $rowContents = Html::rawElement( 'td', [], $rowLabel );
114 foreach ( $columns as $columnTag ) {
115 $thisTag = "$columnTag-$rowTag";
116 // Construct the checkbox
117 $thisAttribs = [
118 'id' => "{$this->mID}-$thisTag",
119 'value' => $thisTag,
120 ];
121 $checked = in_array( $thisTag, (array)$value, true );
122 if ( $this->isTagForcedOff( $thisTag ) ) {
123 $checked = false;
124 $thisAttribs['disabled'] = 1;
125 $thisAttribs['class'] = 'checkmatrix-forced checkmatrix-forced-off';
126 } elseif ( $this->isTagForcedOn( $thisTag ) ) {
127 $checked = true;
128 $thisAttribs['disabled'] = 1;
129 $thisAttribs['class'] = 'checkmatrix-forced checkmatrix-forced-on';
130 }
131
132 $checkbox = $this->getOneCheckboxHTML( $checked, $attribs + $thisAttribs );
133
134 $rowContents .= Html::rawElement(
135 'td',
136 [],
137 $checkbox
138 );
139 }
140 $tableContents .= Html::rawElement( 'tr', [], "\n$rowContents\n" );
141 }
142
143 // Put it all in a table
144 $html .= Html::rawElement( 'table',
145 [ 'class' => 'mw-htmlform-matrix' ],
146 Html::rawElement( 'tbody', [], "\n$tableContents\n" ) ) . "\n";
147
148 return $html;
149 }
150
151 public function getInputOOUI( $value ) {
152 $attribs = $this->getAttributes( [ 'disabled', 'tabindex' ] );
153
154 return new MediaWiki\Widget\CheckMatrixWidget(
155 [
156 'name' => $this->mName,
157 'infusable' => true,
158 'id' => $this->mID,
159 'rows' => $this->mParams['rows'],
160 'columns' => $this->mParams['columns'],
161 'tooltips' => $this->mParams['tooltips'],
162 'forcedOff' => isset( $this->mParams['force-options-off'] ) ?
163 $this->mParams['force-options-off'] : [],
164 'forcedOn' => isset( $this->mParams['force-options-on'] ) ?
165 $this->mParams['force-options-on'] : [],
166 'values' => $value
167 ] + OOUI\Element::configFromHtmlAttributes( $attribs )
168 );
169 }
170
171 protected function getOneCheckboxHTML( $checked, $attribs ) {
172 $checkbox = Xml::check( "{$this->mName}[]", $checked, $attribs );
173 if ( $this->mParent->getConfig()->get( 'UseMediaWikiUIEverywhere' ) ) {
174 $checkbox = Html::openElement( 'div', [ 'class' => 'mw-ui-checkbox' ] ) .
175 $checkbox .
176 Html::element( 'label', [ 'for' => $attribs['id'] ] ) .
177 Html::closeElement( 'div' );
178 }
179 return $checkbox;
180 }
181
182 protected function isTagForcedOff( $tag ) {
183 return isset( $this->mParams['force-options-off'] )
184 && in_array( $tag, $this->mParams['force-options-off'] );
185 }
186
187 protected function isTagForcedOn( $tag ) {
188 return isset( $this->mParams['force-options-on'] )
189 && in_array( $tag, $this->mParams['force-options-on'] );
190 }
191
192 /**
193 * Get the complete table row for the input, including help text,
194 * labels, and whatever.
195 * We override this function since the label should always be on a separate
196 * line above the options in the case of a checkbox matrix, i.e. it's always
197 * a "vertical-label".
198 *
199 * @param string $value The value to set the input to
200 *
201 * @return string Complete HTML table row
202 */
203 public function getTableRow( $value ) {
204 list( $errors, $errorClass ) = $this->getErrorsAndErrorClass( $value );
205 $inputHtml = $this->getInputHTML( $value );
206 $fieldType = static::class;
207 $helptext = $this->getHelpTextHtmlTable( $this->getHelpText() );
208 $cellAttributes = [ 'colspan' => 2 ];
209
210 $hideClass = '';
211 $hideAttributes = [];
212 if ( $this->mHideIf ) {
213 $hideAttributes['data-hide-if'] = FormatJson::encode( $this->mHideIf );
214 $hideClass = 'mw-htmlform-hide-if';
215 }
216
217 $label = $this->getLabelHtml( $cellAttributes );
218
219 $field = Html::rawElement(
220 'td',
221 [ 'class' => 'mw-input' ] + $cellAttributes,
222 $inputHtml . "\n$errors"
223 );
224
225 $html = Html::rawElement( 'tr',
226 [ 'class' => "mw-htmlform-vertical-label $hideClass" ] + $hideAttributes,
227 $label );
228 $html .= Html::rawElement( 'tr',
229 [ 'class' => "mw-htmlform-field-$fieldType {$this->mClass} $errorClass $hideClass" ] +
230 $hideAttributes,
231 $field );
232
233 return $html . $helptext;
234 }
235
236 /**
237 * @param WebRequest $request
238 *
239 * @return array
240 */
241 public function loadDataFromRequest( $request ) {
242 if ( $this->isSubmitAttempt( $request ) ) {
243 // Checkboxes are just not added to the request arrays if they're not checked,
244 // so it's perfectly possible for there not to be an entry at all
245 return $request->getArray( $this->mName, [] );
246 } else {
247 // That's ok, the user has not yet submitted the form, so show the defaults
248 return $this->getDefault();
249 }
250 }
251
252 public function getDefault() {
253 return $this->mDefault ?? [];
254 }
255
256 public function filterDataForSubmit( $data ) {
257 $columns = HTMLFormField::flattenOptions( $this->mParams['columns'] );
258 $rows = HTMLFormField::flattenOptions( $this->mParams['rows'] );
259 $res = [];
260 foreach ( $columns as $column ) {
261 foreach ( $rows as $row ) {
262 // Make sure option hasn't been forced
263 $thisTag = "$column-$row";
264 if ( $this->isTagForcedOff( $thisTag ) ) {
265 $res[$thisTag] = false;
266 } elseif ( $this->isTagForcedOn( $thisTag ) ) {
267 $res[$thisTag] = true;
268 } else {
269 $res[$thisTag] = in_array( $thisTag, $data );
270 }
271 }
272 }
273
274 return $res;
275 }
276
277 protected function getOOUIModules() {
278 return [ 'mediawiki.widgets.CheckMatrixWidget' ];
279 }
280
281 protected function shouldInfuseOOUI() {
282 return true;
283 }
284 }