wikimedia/mediawiki-extensions-InputBox
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/InputBox synced 2024-11-23 14:46:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "InputBox uses Codex instead of mediawiki ui"

Browse source
This commit is contained in:
jenkins-bot 2024-06-26 07:13:38 +00:00 committed by Gerrit Code Review
parent e05a2a6a0c 0d8dcb2f4e
commit 5b948c75ad
4 changed files with 119 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
extension.json
View file

@ -25,6 +25,13 @@
},
"ResourceModules": {
"ext.inputBox.styles": {
"class": "MediaWiki\\ResourceLoader\\CodexModule",
"codexStyleOnly": true,
"codexComponents": [
"CdxButton",
"CdxCheckbox",
"CdxTextInput"
],
"styles": {
"ext.inputBox.styles.less": {
"media": "screen"

50
includes/InputBox.php
View file

@ -103,9 +103,6 @@ class InputBox {
$this->mParser->getOptions()->getUserLangObj();
$this->mParser->getOutput()->addModuleStyles( [
'ext.inputBox.styles',
'mediawiki.ui.input',
'mediawiki.ui.checkbox',
'mediawiki.ui.button',
] );
}
@ -159,6 +156,16 @@ class InputBox {
return $args;
}
/**
* Get common classes, that could be added and depend on, if
* a line break between a button and an input field is added or not.
*
* @return string
*/
private function getFormLinebreakClasses() {
return strtolower( $this->mBR ) === '<br />' ? ' mw-inputbox-form' : ' mw-inputbox-form-inline';
}
/**
* Get common classes, that could be added and depend on, if
* a line break between a button and an input field is added or not.
@ -201,7 +208,7 @@ class InputBox {
$htmlOut .= Html::openElement( 'form',
[
'name' => 'searchbox',
'class' => 'searchbox',
'class' => 'searchbox' . $this->getFormLinebreakClasses(),
'action' => SpecialPage::getTitleFor( 'Search' )->getLocalUrl(),
] + $idArray
);
@ -352,7 +359,9 @@ class InputBox {
$id = Sanitizer::escapeIdForAttribute( $unescapedID );
$htmlLabel = '';
if ( strlen( trim( $this->mLabelText ) ) ) {
$htmlLabel = Html::openElement( 'label', [ 'for' => 'bodySearchInput' . $id ] );
$htmlLabel = Html::openElement( 'label', [ 'for' => 'bodySearchInput' . $id,
'class' => 'mw-inputbox-label'
] );
$htmlLabel .= $this->mParser->recursiveTagParse( $this->mLabelText );
$htmlLabel .= Html::closeElement( 'label' );
}
@ -360,7 +369,8 @@ class InputBox {
[
'name' => 'bodySearch' . $id,
'id' => 'bodySearch' . $id,
'class' => 'bodySearch' . ( $this->mInline ? ' mw-inputbox-inline' : '' ),
'class' => 'bodySearch' .
( $this->mInline ? ' mw-inputbox-inline' : '' ) . $this->getFormLinebreakClasses(),
'action' => SpecialPage::getTitleFor( 'Search' )->getLocalUrl(),
]
);
@ -432,7 +442,7 @@ class InputBox {
);
$createBoxParams = [
'name' => 'createbox',
'class' => 'createbox',
'class' => 'createbox' . $this->getFormLinebreakClasses(),
'action' => $this->config->get( MainConfigNames::Script ),
'method' => 'get'
];
@ -520,7 +530,7 @@ class InputBox {
);
$moveBoxParams = [
'name' => 'movebox',
'class' => 'mw-movebox',
'class' => 'mw-movebox' . $this->getFormLinebreakClasses(),
'action' => $this->config->get( MainConfigNames::Script ),
'method' => 'get'
];
@ -575,7 +585,7 @@ class InputBox {
);
$commentFormParams = [
'name' => 'commentbox',
'class' => 'commentbox',
'class' => 'commentbox' . $this->getFormLinebreakClasses(),
'action' => $this->config->get( MainConfigNames::Script ),
'method' => 'get'
];
@ -753,9 +763,13 @@ REGEX;
}
$class = $defaultAttr[ 'class' ] ?? '';
$class .= ' mw-ui-input mw-ui-input-inline';
$class .= ' cdx-text-input__input';
$defaultAttr[ 'class' ] = $class;
return Html::element( 'input', $defaultAttr );
return Html::openElement( 'div', [
'class' => 'cdx-text-input',
] )
. Html::element( 'input', $defaultAttr )
. Html::closeElement( 'div' );
}
/**
@ -769,18 +783,22 @@ REGEX;
* @return string
*/
private function buildCheckboxInput( $label, $name, $id, $value, $defaultAttr = [] ) {
$htmlOut = ' <div class="mw-inputbox-element mw-ui-checkbox">';
$htmlOut = ' <span class="cdx-checkbox cdx-checkbox--inline">';
$htmlOut .= Html::element( 'input',
[
'type' => 'checkbox',
'name' => $name,
'value' => $value,
'id' => $id,
'class' => 'cdx-checkbox__input',
] + $defaultAttr
);
$htmlOut .= '<span class="cdx-checkbox__icon"></span>';
// Label
$htmlOut .= Html::label( $label, $id );
$htmlOut .= '</div> ';
$htmlOut .= Html::label( $label, $id, [
'class' => 'cdx-checkbox__label',
] );
$htmlOut .= '</span> ';
return $htmlOut;
}
@ -793,9 +811,9 @@ REGEX;
*/
private function buildSubmitInput( $defaultAttr, $isProgressive = false ) {
$defaultAttr[ 'class' ] ??= '';
$defaultAttr[ 'class' ] .= ' mw-ui-button';
$defaultAttr[ 'class' ] .= ' cdx-button';
if ( $isProgressive ) {
$defaultAttr[ 'class' ] .= ' mw-ui-progressive';
$defaultAttr[ 'class' ] .= ' cdx-button--action-progressive cdx-button--weight-primary';
}
$defaultAttr[ 'class' ] = trim( $defaultAttr[ 'class' ] );
return Html::element( 'input', $defaultAttr );

62
resources/ext.inputBox.styles.less
View file

@ -4,10 +4,19 @@
margin-left: auto;
margin-right: auto;
text-align: center;
.cdx-checkbox__icon {
text-align: initial;
}
}
.bodySearchWrap {
display: flex;
}
.mw-inputbox-inline {
display: inline;
display: inline-flex;
min-width: auto;
}
.mw-inputbox-element.mw-inputbox-element {
@ -19,10 +28,49 @@
margin-bottom: 0.5em;
}
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button {
// appear like .mw-ui-input:disabled
background-color: @background-color-disabled;
color: @color-inverted;
border-color: @border-color-disabled;
cursor: @cursor-base--disabled;
/* Allow support for the size attribute if it was set */
.mw-inputbox-input[ size ],
.mw-inputbox-createbox[ size ] {
width: auto !important;
}
form.mw-inputbox-form-inline {
display: flex;
justify-content: center;
column-gap: 4px;
.cdx-text-input {
min-width: auto !important;
}
}
form.mw-inputbox-form {
line-height: 0.6;
.cdx-text-input {
display: flex;
justify-content: center;
}
.mw-inputbox-label {
display: flex;
align-items: center;
}
.mw-inputbox-inline {
.cdx-text-input {
display: inline-flex;
min-width: auto;
}
}
}
form.createbox {
&:invalid .cdx-button {
// appear like .mw-ui-input:disabled
background-color: @background-color-disabled !important;
color: @color-inverted !important;
border-color: @border-color-disabled !important;
cursor: @cursor-base--disabled !important;
}
}

46
tests/parser/inputBoxParserTests.txt
View file

@ -11,7 +11,7 @@ InputBox type=search
type=search
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="searchbox" class="searchbox" action="/wiki/Special:Search"><input class="mw-inputbox-input mw-searchInput searchboxInput mw-ui-input mw-ui-input-inline" name="search" placeholder="" size="50" dir="ltr" /><br /><input type="submit" name="go" value="Try exact match" class="mw-ui-button" />&#160;<input type="submit" name="fulltext" value="Search full text" class="mw-ui-button" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="searchbox" class="searchbox mw-inputbox-form" action="/wiki/Special:Search"><div class="cdx-text-input"><input class="mw-inputbox-input mw-searchInput searchboxInput cdx-text-input__input" name="search" placeholder="" size="50" dir="ltr" /></div><br /><input type="submit" name="go" value="Try exact match" class="cdx-button" />&#160;<input type="submit" name="fulltext" value="Search full text" class="cdx-button" /></form></div>
!! end
!! test
@ -21,7 +21,7 @@ InputBox type=create
type=create
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -32,7 +32,7 @@ type=create
minor=1
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="1" name="minor" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="1" name="minor" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -43,7 +43,7 @@ type=create
minor=0
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="0" name="minor" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="0" name="minor" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -55,7 +55,7 @@ preloadparams[]=param1
preloadparams[]=param2
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="param1" name="preloadparams[]" /><input type="hidden" value="param2" name="preloadparams[]" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="param1" name="preloadparams[]" /><input type="hidden" value="param2" name="preloadparams[]" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -67,7 +67,7 @@ preloadparams[]=
preloadparams[]=
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" name="preloadparams[]" /><input type="hidden" name="preloadparams[]" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" name="preloadparams[]" /><input type="hidden" name="preloadparams[]" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -78,7 +78,7 @@ type=create
editintro=MediaWiki:Test
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="MediaWiki:Test" name="editintro" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="MediaWiki:Test" name="editintro" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -89,7 +89,7 @@ type=create
editintro=
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" name="editintro" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" name="editintro" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -100,7 +100,7 @@ type=create
summary=Summary test
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="Summary test" name="summary" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="Summary test" name="summary" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -111,7 +111,7 @@ type=create
summary=
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" name="summary" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" name="summary" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -122,7 +122,7 @@ type=create
nosummary=true
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="true" name="nosummary" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="true" name="nosummary" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -133,7 +133,7 @@ type=create
nosummary=
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" name="nosummary" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" name="nosummary" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -144,7 +144,7 @@ type=create
prefix=Test/
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="Test/" name="prefix" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="Test/" name="prefix" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -155,7 +155,7 @@ type=create
prefix=
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -166,7 +166,7 @@ type=create
preload=test
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="test" name="preload" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="test" name="preload" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -177,7 +177,7 @@ type=create
preload=
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" name="preload" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Create page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" name="preload" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Create page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -187,7 +187,7 @@ InputBox type=comment
type=comment
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="new" name="section" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" placeholder="" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="New section" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input type="hidden" value="new" name="section" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" placeholder="" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="New section" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -197,7 +197,7 @@ InputBox type=commenttitle
type=commenttitle
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="commentbox" class="commentbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input name="preloadtitle" class="mw-inputbox-input commentboxInput mw-ui-input mw-ui-input-inline" placeholder="" size="50" dir="ltr" /><input type="hidden" value="new" name="section" /><input type="hidden" name="title" /><br /><input type="submit" name="create" value="New section" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="commentbox" class="commentbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><div class="cdx-text-input"><input name="preloadtitle" class="mw-inputbox-input commentboxInput cdx-text-input__input" placeholder="" size="50" dir="ltr" /></div><input type="hidden" value="new" name="section" /><input type="hidden" name="title" /><br /><input type="submit" name="create" value="New section" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -207,7 +207,7 @@ InputBox type=fulltext
type=fulltext
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="searchbox" class="searchbox" action="/wiki/Special:Search"><input class="mw-inputbox-input mw-searchInput searchboxInput mw-ui-input mw-ui-input-inline" name="search" placeholder="" size="50" dir="ltr" /><br /><input type="submit" name="fulltext" value="Search full text" class="mw-ui-button" /><input type="hidden" value="Search" name="fulltext" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="searchbox" class="searchbox mw-inputbox-form" action="/wiki/Special:Search"><div class="cdx-text-input"><input class="mw-inputbox-input mw-searchInput searchboxInput cdx-text-input__input" name="search" placeholder="" size="50" dir="ltr" /></div><br /><input type="submit" name="fulltext" value="Search full text" class="cdx-button" /><input type="hidden" value="Search" name="fulltext" /></form></div>
!! end
!! test
@ -217,7 +217,7 @@ InputBox type=move
type=move
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="movebox" class="mw-movebox" action="/index.php" method="get"><input type="hidden" value="Special:MovePage/" name="title" /><input type="hidden" name="wpReason" /><input type="hidden" name="prefix" /><input name="wpNewTitle" class="mw-inputbox-input mw-moveboxInput mw-ui-input mw-ui-input-inline" placeholder="" size="50" dir="ltr" /><br /><input type="submit" value="Move page" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="movebox" class="mw-movebox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="Special:MovePage/" name="title" /><input type="hidden" name="wpReason" /><input type="hidden" name="prefix" /><div class="cdx-text-input"><input name="wpNewTitle" class="mw-inputbox-input mw-moveboxInput cdx-text-input__input" placeholder="" size="50" dir="ltr" /></div><br /><input type="submit" value="Move page" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -228,7 +228,7 @@ type=search
tour=test
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="searchbox" class="searchbox" action="/wiki/Special:Search"><input class="mw-inputbox-input mw-searchInput searchboxInput mw-ui-input mw-ui-input-inline" name="search" placeholder="" size="50" dir="ltr" /><input type="hidden" value="test" name="tour" /><br /><input type="submit" name="go" value="Try exact match" class="mw-ui-button" />&#160;<input type="submit" name="fulltext" value="Search full text" class="mw-ui-button" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="searchbox" class="searchbox mw-inputbox-form" action="/wiki/Special:Search"><div class="cdx-text-input"><input class="mw-inputbox-input mw-searchInput searchboxInput cdx-text-input__input" name="search" placeholder="" size="50" dir="ltr" /></div><input type="hidden" value="test" name="tour" /><br /><input type="submit" name="go" value="Try exact match" class="cdx-button" />&#160;<input type="submit" name="fulltext" value="Search full text" class="cdx-button" /></form></div>
!! end
!! test
@ -242,7 +242,7 @@ default=-{sr-Latn: Some latin; sr-Cyrl: Not latin }-
placeholder=-{sr-Latn: Latn; sr-Cyrl: Cyrl}-
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><input name="title" class="mw-inputbox-input mw-inputbox-createbox mw-ui-input mw-ui-input-inline" value="Some latin" placeholder="Latn" required="" size="50" dir="ltr" /><br /><input type="submit" name="create" value="Napravi stranicu" class="mw-ui-button mw-ui-progressive" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/index.php" method="get"><input type="hidden" value="edit" name="action" /><div class="cdx-text-input"><input name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" value="Some latin" placeholder="Latn" required="" size="50" dir="ltr" /></div><br /><input type="submit" name="create" value="Napravi stranicu" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary" /></form></div>
!! end
!! test
@ -253,5 +253,5 @@ type=search
arialabel=Search this wiki
</inputbox>
!! html
<div class="mw-inputbox-centered" style=""><form name="searchbox" class="searchbox" action="/wiki/Special:Search"><input class="mw-inputbox-input mw-searchInput searchboxInput mw-ui-input mw-ui-input-inline" name="search" placeholder="" size="50" dir="ltr" aria-label="Search this wiki" /><br /><input type="submit" name="go" value="Try exact match" class="mw-ui-button" />&#160;<input type="submit" name="fulltext" value="Search full text" class="mw-ui-button" /></form></div>
<div class="mw-inputbox-centered" style=""><form name="searchbox" class="searchbox mw-inputbox-form" action="/wiki/Special:Search"><div class="cdx-text-input"><input class="mw-inputbox-input mw-searchInput searchboxInput cdx-text-input__input" name="search" placeholder="" size="50" dir="ltr" aria-label="Search this wiki" /></div><br /><input type="submit" name="go" value="Try exact match" class="cdx-button" />&#160;<input type="submit" name="fulltext" value="Search full text" class="cdx-button" /></form></div>
!! end