jenkins-bot has submitted this change and it was merged.
Change subject: demo: Add button style showcase from PHP demo
......................................................................
demo: Add button style showcase from PHP demo
Change-Id: I73e78ccd3b02b329e698edc28e2c1edc9bdd582c
---
M demos/pages/widgets.js
1 file changed, 81 insertions(+), 1 deletion(-)
Approvals:
Esanders: Looks good to me, approved
jenkins-bot: Verified
diff --git a/demos/pages/widgets.js b/demos/pages/widgets.js
index 04ed3cf..f534545 100644
--- a/demos/pages/widgets.js
+++ b/demos/pages/widgets.js
@@ -1,5 +1,5 @@
OO.ui.Demo.static.pages.widgets = function ( demo ) {
- var fieldsets,
+ var styles, states, buttonStyleShowcaseWidget, fieldsets,
$demo = demo.$element;
/**
@@ -112,6 +112,75 @@
return items;
};
+
+ styles = [
+ {},
+ {
+ flags: [ 'progressive' ]
+ },
+ {
+ flags: [ 'constructive' ]
+ },
+ {
+ flags: [ 'destructive' ]
+ },
+ {
+ flags: [ 'primary', 'progressive' ]
+ },
+ {
+ flags: [ 'primary', 'constructive' ]
+ },
+ {
+ flags: [ 'primary', 'destructive' ]
+ }
+ ];
+ states = [
+ {
+ label: 'Button'
+ },
+ {
+ label: 'Button',
+ icon: 'picture'
+ },
+ {
+ label: 'Button',
+ icon: 'picture',
+ indicator: 'down'
+ },
+ {
+ icon: 'picture',
+ title: 'Title text'
+ },
+ {
+ indicator: 'down'
+ },
+ {
+ icon: 'picture',
+ indicator: 'down'
+ },
+ {
+ label: 'Button',
+ disabled: true
+ },
+ {
+ icon: 'picture',
+ title: 'Title text',
+ disabled: true
+ },
+ {
+ indicator: 'down',
+ disabled: true
+ }
+ ];
+ buttonStyleShowcaseWidget = new OO.ui.Widget();
+ $.each( styles, function ( i, style ) {
+ $.each( states, function ( j, state ) {
+ buttonStyleShowcaseWidget.$element.append(
+ new OO.ui.ButtonWidget( $.extend( {}, style,
state ) ).$element
+ );
+ } );
+ buttonStyleShowcaseWidget.$element.append( $( '<br>' ) );
+ } );
fieldsets = [
new OO.ui.FieldsetLayout( {
@@ -499,6 +568,17 @@
]
} ),
new OO.ui.FieldsetLayout( {
+ label: 'Button style showcase',
+ items: [
+ new OO.ui.FieldLayout(
+ buttonStyleShowcaseWidget,
+ {
+ align: 'top'
+ }
+ )
+ ]
+ } ),
+ new OO.ui.FieldsetLayout( {
label: 'Form widgets',
items: [
new OO.ui.FieldLayout(
--
To view, visit https://gerrit.wikimedia.org/r/189335
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: I73e78ccd3b02b329e698edc28e2c1edc9bdd582c
Gerrit-PatchSet: 2
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: Bartosz Dziewoński <[email protected]>
Gerrit-Reviewer: Esanders <[email protected]>
Gerrit-Reviewer: jenkins-bot <>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
