Bartosz Dziewoński has uploaded a new change for review. https://gerrit.wikimedia.org/r/189337
Change subject: PHP demo: Resynchronize with JS demo
......................................................................
PHP demo: Resynchronize with JS demo
Change-Id: Idc1aa710255fddd32c7c7a316c0b892bc2102b5c
---
M demos/pages/widgets.js
M demos/widgets.php
2 files changed, 492 insertions(+), 251 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/37/189337/1
diff --git a/demos/pages/widgets.js b/demos/pages/widgets.js
index f534545..a5440b5 100644
--- a/demos/pages/widgets.js
+++ b/demos/pages/widgets.js
@@ -419,16 +419,19 @@
new OO.ui.FieldLayout(
new OO.ui.ButtonGroupWidget( {
items: [
- new OO.ui.ButtonWidget(
{ icon: 'picture', indicator: 'down' } ),
- new
OO.ui.ToggleButtonWidget( {
+ new OO.ui.ButtonWidget(
{
+ icon: 'picture',
+ indicator:
'down'
+ } ),
+ new OO.ui.ButtonWidget(
{
label: 'One',
flags: [
'progressive' ]
} ),
- new
OO.ui.ToggleButtonWidget( {
+ new OO.ui.ButtonWidget(
{
label: 'Two',
flags: [
'constructive' ]
} ),
- new
OO.ui.ToggleButtonWidget( {
+ new OO.ui.ButtonWidget(
{
label: 'Three',
flags: [
'destructive' ]
} )
@@ -442,13 +445,13 @@
new OO.ui.FieldLayout(
new OO.ui.ButtonGroupWidget( {
items: [
- new
OO.ui.ToggleButtonWidget( {
+ new OO.ui.ButtonWidget(
{
label: 'One'
} ),
- new
OO.ui.ToggleButtonWidget( {
+ new OO.ui.ButtonWidget(
{
label: 'Two'
} ),
- new
OO.ui.ToggleButtonWidget( {
+ new OO.ui.ButtonWidget(
{
label: 'Three'
} )
]
@@ -933,7 +936,7 @@
} ),
{
align: 'top',
- label: 'ButtonInputWidget
(type: submit)\u200E'
+ label: 'ButtonInputWidget'
}
),
new OO.ui.FieldLayout(
@@ -944,7 +947,7 @@
} ),
{
align: 'top',
- label: 'ButtonInputWidget
(type: submit, using <input/>)\u200E'
+ label: 'ButtonInputWidget
(using <input/>)\u200E'
}
)
]
diff --git a/demos/widgets.php b/demos/widgets.php
index f583fec..32780eb 100644
--- a/demos/widgets.php
+++ b/demos/widgets.php
@@ -100,85 +100,518 @@
'disabled' => true,
),
);
-
- $buttons = new OOUI\Widget();
+ $buttonStyleShowcaseWidget = new OOUI\Widget();
foreach ( $styles as $style ) {
foreach ( $states as $state ) {
- $buttons->appendContent( new
OOUI\ButtonWidget( array_merge( $style, $state ) ) );
+
$buttonStyleShowcaseWidget->appendContent( new OOUI\ButtonWidget( array_merge(
$style, $state ) ) );
}
- $buttons->appendContent( new
OOUI\HtmlSnippet( '<br />' ) );
+
$buttonStyleShowcaseWidget->appendContent( new OOUI\HtmlSnippet( '<br />' ) );
}
echo new OOUI\FieldsetLayout( array(
- 'label' => 'Regular buttons',
+ 'label' => 'Simple buttons',
'items' => array(
new OOUI\FieldLayout(
- $buttons,
- array( 'align' => 'top'
)
- ),
- ),
- ) );
- ?>
-
- <?php
- class ButtonWidgetTitled extends
OOUI\ButtonWidget {
- public static $title = "Title from a
static property";
- }
-
- echo new OOUI\FieldsetLayout( array(
- 'label' => 'Random stuff',
- 'items' => array(
- new OOUI\FieldLayout(
- new ButtonWidgetTitled(
array(
- 'label' =>
"Hover me!\xE2\x80\x8E",
- ) ),
+ new OOUI\ButtonWidget(
array( 'label' => 'Normal' ) ),
array(
- 'label' =>
'Titled button',
- 'align' =>
'top',
+ 'label' =>
"ButtonWidget (normal)\xE2\x80\x8E",
+ 'align' => 'top'
)
),
new OOUI\FieldLayout(
new OOUI\ButtonWidget(
array(
- 'label' =>
"Click me!\xE2\x80\x8E",
- 'href' =>
'http://example.com/',
+ 'label' =>
'Progressive',
+ 'flags' =>
array( 'progressive' )
) ),
array(
- 'label' =>
'Hyperlink button',
- 'align' =>
'top',
+ 'label' =>
"ButtonWidget (progressive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Constructive',
+ 'flags' =>
array( 'constructive' )
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (constructive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Destructive',
+ 'flags' =>
array( 'destructive' )
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (destructive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Primary progressive',
+ 'flags' =>
array( 'primary', 'progressive' )
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (primary, progressive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Primary constructive',
+ 'flags' =>
array( 'primary', 'constructive' )
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (primary, constructive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Primary destructive',
+ 'flags' =>
array( 'primary', 'destructive' )
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (primary, destructive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Disabled',
+ 'disabled' =>
true
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (disabled)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Constructive',
+ 'flags' =>
array( 'constructive' ),
+ 'disabled' =>
true
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (constructive, disabled)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Constructive',
+ 'icon' =>
'picture',
+ 'flags' =>
array( 'constructive' ),
+ 'disabled' =>
true
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (constructive, icon, disabled)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Icon',
+ 'icon' =>
'picture'
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (icon)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Icon',
+ 'icon' =>
'picture',
+ 'flags' =>
array( 'progressive' )
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (icon, progressive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Indicator',
+ 'indicator' =>
'down'
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (indicator)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Indicator',
+ 'indicator' =>
'down',
+ 'flags' =>
array( 'constructive' )
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (indicator, constructive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'framed' =>
false,
+ 'icon' =>
'help',
+ 'title' =>
'Icon only'
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (icon only)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'framed' =>
false,
+ 'icon' =>
'picture',
+ 'label' =>
'Labeled'
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (frameless)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'framed' =>
false,
+ 'flags' =>
array( 'progressive' ),
+ 'icon' =>
'check',
+ 'label' =>
'Progressive'
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (frameless, progressive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'framed' =>
false,
+ 'flags' =>
array( 'destructive' ),
+ 'icon' =>
'remove',
+ 'label' =>
'Destructive'
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (frameless, destructive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'framed' =>
false,
+ 'flags' =>
array( 'constructive' ),
+ 'icon' => 'add',
+ 'label' =>
'Constructive'
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (frameless, constructive)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'framed' =>
false,
+ 'icon' =>
'picture',
+ 'label' =>
'Disabled',
+ 'disabled' =>
true
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (frameless, disabled)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'framed' =>
false,
+ 'flags' =>
array( 'constructive' ),
+ 'icon' =>
'picture',
+ 'label' =>
'Constructive',
+ 'disabled' =>
true
+ ) ),
+ array(
+ 'label' =>
"ButtonWidget (frameless, constructive, disabled)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ )
+ )
+ ) );
+ echo new OOUI\FieldsetLayout( array(
+ 'label' => 'Button sets',
+ 'items' => array(
+ new OOUI\FieldLayout(
+ new
OOUI\ButtonGroupWidget( array(
+ 'items' =>
array(
+ new
OOUI\ButtonWidget( array(
+
'icon' => 'picture',
+
'indicator' => 'down'
+ ) ),
+ new
OOUI\ButtonWidget( array(
+
'label' => 'One',
+
'flags' => array( 'progressive' )
+ ) ),
+ new
OOUI\ButtonWidget( array(
+
'label' => 'Two',
+
'flags' => array( 'constructive' )
+ ) ),
+ new
OOUI\ButtonWidget( array(
+
'label' => 'Three',
+
'flags' => array( 'destructive' )
+ ) )
+ )
+ ) ),
+ array(
+ 'label' =>
"ButtonGroupWidget (colors)\xE2\x80\x8E",
+ 'align' => 'top'
)
),
new OOUI\FieldLayout(
new
OOUI\ButtonGroupWidget( array(
'items' =>
array(
new
OOUI\ButtonWidget( array(
-
'icon' => 'picture',
-
'indicator' => 'down',
+
'label' => 'One'
) ),
new
OOUI\ButtonWidget( array(
-
'label' => 'One',
-
'flags' => array( 'progressive' ),
+
'label' => 'Two'
) ),
new
OOUI\ButtonWidget( array(
-
'label' => 'Two',
-
'flags' => array( 'constructive' ),
- ) ),
- new
OOUI\ButtonWidget( array(
-
'label' => 'Three',
-
'flags' => array( 'destructive' ),
+
'label' => 'Three'
) )
)
) ),
array(
- 'label' =>
'Button group',
- 'align' =>
'top',
+ 'label' =>
'ButtonGroupWidget',
+ 'align' => 'top'
+ )
+ )
+ )
+ ) );
+ echo new OOUI\FieldsetLayout( array(
+ 'label' => 'Button style showcase',
+ 'items' => array(
+ new OOUI\FieldLayout(
+
$buttonStyleShowcaseWidget,
+ array(
+ 'align' => 'top'
+ )
+ )
+ )
+ ) );
+ echo new OOUI\FieldsetLayout( array(
+ 'label' => 'Form widgets',
+ 'items' => array(
+ new OOUI\FieldLayout(
+ new
OOUI\CheckboxInputWidget( array(
+ 'selected' =>
true
+ ) ),
+ array(
+ 'align' =>
'inline',
+ 'label' =>
'CheckboxInputWidget'
)
),
+ new OOUI\FieldLayout(
+ new
OOUI\CheckboxInputWidget( array(
+ 'selected' =>
true,
+ 'disabled' =>
true
+ ) ),
+ array(
+ 'align' =>
'inline',
+ 'label' =>
"CheckboxInputWidget (disabled)\xE2\x80\x8E" )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\RadioInputWidget( array(
+ 'name' =>
'oojs-ui-radio-demo'
+ ) ),
+ array(
+ 'align' =>
'inline',
+ 'label' =>
'Connected RadioInputWidget #1'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\RadioInputWidget( array(
+ 'name' =>
'oojs-ui-radio-demo',
+ 'selected' =>
true
+ ) ),
+ array(
+ 'align' =>
'inline',
+ 'label' =>
'Connected RadioInputWidget #2'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\TextInputWidget( array( 'value' => 'Text input' ) ),
+ array(
+ 'label' =>
"TextInputWidget\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\TextInputWidget( array( 'icon' => 'search' ) ),
+ array(
+ 'label' =>
"TextInputWidget (icon)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\TextInputWidget( array(
+ 'indicator' =>
'required',
+ 'required' =>
true
+ ) ),
+ array(
+ 'label' =>
"TextInputWidget (indicator, required)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\TextInputWidget( array( 'placeholder' => 'Placeholder' ) ),
+ array(
+ 'label' =>
"TextInputWidget (placeholder)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\TextInputWidget( array(
+ 'value' =>
'Readonly',
+ 'readOnly' =>
true
+ ) ),
+ array(
+ 'label' =>
"TextInputWidget (readonly)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\TextInputWidget( array(
+ 'value' =>
'Disabled',
+ 'disabled' =>
true
+ ) ),
+ array(
+ 'label' =>
"TextInputWidget (disabled)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\TextInputWidget( array(
+ 'multiline' =>
true,
+ 'value' =>
"Multiline\nMultiline"
+ ) ),
+ array(
+ 'label' =>
"TextInputWidget (multiline)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\DropdownInputWidget( array(
+ 'options' =>
array(
+ array(
+
'data' => 'a',
+
'label' => 'First'
+ ),
+ array(
+
'data' => 'b',
+
'label' => 'Second'
+ ),
+ array(
+
'data' => 'c',
+
'label' => 'Third'
+ )
+ ),
+ 'value' => 'b'
+ ) ),
+ array(
+ 'label' =>
'DropdownInputWidget',
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\ButtonInputWidget( array(
+ 'label' =>
'Submit the form',
+ 'type' =>
'submit'
+ ) ),
+ array(
+ 'align' =>
'top',
+ 'label' =>
"ButtonInputWidget\xE2\x80\x8E"
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\ButtonInputWidget( array(
+ 'label' =>
'Submit the form',
+ 'type' =>
'submit',
+ 'useInputTag'
=> true
+ ) ),
+ array(
+ 'align' =>
'top',
+ 'label' =>
"ButtonInputWidget (using <input/>)\xE2\x80\x8E"
+ )
+ )
+ )
+ ) );
+ echo new OOUI\FieldsetLayout( array(
+ 'label' => 'Other widgets',
+ 'items' => array(
+ new OOUI\FieldLayout(
+ new OOUI\IconWidget(
array(
+ 'icon' =>
'picture',
+ 'title' =>
'Picture icon'
+ ) ),
+ array(
+ 'label' =>
"IconWidget (normal)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new OOUI\IconWidget(
array(
+ 'icon' =>
'picture',
+ 'title' =>
'Picture icon',
+ 'disabled' =>
true
+ ) ),
+ array(
+ 'label' =>
"IconWidget (disabled)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\IndicatorWidget( array(
+ 'indicator' =>
'required',
+ 'title' =>
'Required indicator'
+ ) ),
+ array(
+ 'label' =>
"IndicatorWidget (normal)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ ),
+ new OOUI\FieldLayout(
+ new
OOUI\IndicatorWidget( array(
+ 'indicator' =>
'required',
+ 'title' =>
'Required indicator',
+ 'disabled' =>
true
+ ) ),
+ array(
+ 'label' =>
"IndicatorWidget (disabled)\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ )
+ )
+ ) );
+ echo new OOUI\FieldsetLayout( array(
+ 'label' => 'Field layouts',
+ 'help' => 'I am an additional, helpful
information. Lorem ipsum dolor sit amet, cibo pri ' .
+ "in, duo ex inimicus perpetua
complectitur, mel periculis similique at.\xE2\x80\x8E",
+ 'items' => array(
+ new OOUI\FieldLayout(
+ new OOUI\ButtonWidget(
array(
+ 'label' =>
'Button'
+ ) ),
+ array(
+ 'label' =>
'FieldLayout with help',
+ 'help' => 'I am
an additional, helpful information. Lorem ipsum dolor sit amet, cibo pri ' .
+ "in,
duo ex inimicus perpetua complectitur, mel periculis similique at.\xE2\x80\x8E",
+ 'align' => 'top'
+ )
+ )
)
) );
- ?>
-
- <?php
$form = new OOUI\FormLayout( array(
'method' => 'GET',
'action' => 'widgets.php',
@@ -186,7 +619,7 @@
$form->appendContent(
new OOUI\FieldsetLayout( array(
- 'label' => 'FormLayout that is
a real HTML form',
+ 'label' => 'Form layout',
'items' => array(
new OOUI\FieldLayout(
new
OOUI\TextInputWidget( array(
@@ -236,210 +669,15 @@
echo $form;
- ?>
-
- <?php
echo new OOUI\FieldsetLayout( array(
- 'label' => 'Super simple widgets',
+ 'label' => 'PHP-specific',
'items' => array(
- new OOUI\FieldLayout(
- new OOUI\IconWidget(
array(
- 'icon' =>
'picture',
- 'title' =>
'Picture icon'
- ) ),
- array(
- 'label' =>
"IconWidget (normal)\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new OOUI\IconWidget(
array(
- 'icon' =>
'picture',
- 'title' =>
'Picture icon',
- 'disabled' =>
true
- ) ),
- array(
- 'label' =>
"IconWidget (disabled)\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\IndicatorWidget( array(
- 'indicator' =>
'required',
- 'title' =>
'Required icon'
- ) ),
- array(
- 'label' =>
"IndicatorWidget (normal)\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\IndicatorWidget( array(
- 'indicator' =>
'required',
- 'title' =>
'Required icon',
- 'disabled' =>
true
- ) ),
- array(
- 'label' =>
"IndicatorWidget (disabled)\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new OOUI\ButtonWidget(
array(
- 'label' =>
'Button'
- ) ),
- array(
- 'label' =>
"FieldLayout with help",
- 'help' => "I am
an additional, helpful information.\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\ButtonInputWidget( array(
- 'label' =>
'Submit the form',
- 'type' =>
'submit'
- ) ),
- array(
- 'align' =>
'top',
- 'label' =>
"ButtonInputWidget (type: submit)\xE2\x80\x8E"
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\ButtonInputWidget( array(
- 'label' =>
'Submit the form',
- 'type' =>
'submit',
- 'useInputTag'
=> true
- ) ),
- array(
- 'align' =>
'top',
- 'label' =>
"ButtonInputWidget (type: submit, using <input/>)\xE2\x80\x8E"
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\CheckboxInputWidget( array(
- 'selected' =>
true
- ) ),
- array(
- 'align' =>
'inline',
- 'label' =>
'CheckboxInputWidget'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\CheckboxInputWidget( array(
- 'selected' =>
true,
- 'disabled' =>
true
- ) ),
- array(
- 'align' =>
'inline',
- 'label' =>
"CheckboxInputWidget (disabled)\xE2\x80\x8E"
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\RadioInputWidget( array(
- 'name' =>
'oojs-ui-radio-demo',
- ) ),
- array(
- 'align' =>
'inline',
- 'label' =>
'Connected RadioInputWidget #1'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\RadioInputWidget( array(
- 'name' =>
'oojs-ui-radio-demo',
- 'selected' =>
true
- ) ),
- array(
- 'align' =>
'inline',
- 'label' =>
'Connected RadioInputWidget #2'
- )
- ),
new OOUI\FieldLayout(
new OOUI\LabelWidget(
array(
'label' => new
OOUI\HtmlSnippet( '<b>Fancy</b> <i>text</i> <u>formatting</u>!' ),
) ),
array(
'label' =>
'LabelWidget with HtmlSnippet',
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\TextInputWidget( array( 'value' => 'Text input' ) ),
- array(
- 'label' =>
'TextInputWidget',
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\TextInputWidget( array( 'icon' => 'search' ) ),
- array(
- 'label' =>
"TextInputWidget (icon)\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\TextInputWidget( array( 'indicator' => 'required' ) ),
- array(
- 'label' =>
"TextInputWidget (indicator)\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\TextInputWidget( array( 'placeholder' => 'Placeholder' ) ),
- array(
- 'label' =>
"TextInputWidget (placeholder)\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\TextInputWidget( array(
- 'value' =>
'Readonly',
- 'readOnly' =>
true
- ) ),
- array(
- 'label' =>
"TextInputWidget (readonly)\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\TextInputWidget( array(
- 'value' =>
'Disabled',
- 'disabled' =>
true
- ) ),
- array(
- 'label' =>
"TextInputWidget (disabled)\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\TextInputWidget( array(
- 'multiline' =>
true,
- 'value' =>
'Multiline'
- ) ),
- array(
- 'label' =>
"TextInputWidget (multiline)\xE2\x80\x8E",
- 'align' => 'top'
- )
- ),
- new OOUI\FieldLayout(
- new
OOUI\DropdownInputWidget( array(
- 'options' =>
array(
- array(
-
'data' => 'a',
-
'label' => 'First'
- ),
- array(
-
'data' => 'b',
-
'label' => 'Second'
- ),
- array(
-
'data' => 'c',
-
'label' => 'Third'
- ),
- ),
- 'value' => 'b',
- ) ),
- array(
- 'label' =>
'DropdownInputWidget',
'align' => 'top'
)
),
--
To view, visit https://gerrit.wikimedia.org/r/189337
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: Idc1aa710255fddd32c7c7a316c0b892bc2102b5c
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: Bartosz Dziewoński <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
