X-Git-Url: https://scripts.mit.edu/gitweb/autoinstallsdev/mediawiki.git/blobdiff_plain/19e297c21b10b1b8a3acad5e73fc71dcb35db44a..6932310fd58ebef145fa01eb76edf7150284d8ea:/vendor/oojs/oojs-ui/demos/pages/icons.js

diff --git a/vendor/oojs/oojs-ui/demos/pages/icons.js b/vendor/oojs/oojs-ui/demos/pages/icons.js
new file mode 100644
index 00000000..b990a086
--- /dev/null
+++ b/vendor/oojs/oojs-ui/demos/pages/icons.js
@@ -0,0 +1,304 @@
+Demo.static.pages.icons = function ( demo ) {
+	var i, len, iconSet, iconsFieldset, iconWidget, selector,
+		icons = {
+			movement: [
+				'arrowLast',
+				'arrowNext',
+				'downTriangle',
+				'upTriangle',
+				'first',
+				'previous',
+				'next',
+				'last',
+				'expand',
+				'collapse',
+				'move',
+				'draggable'
+			],
+			content: [
+				'article',
+				'articles',
+				'articleCheck',
+				'articleSearch',
+				'articleRedirect',
+				'citeArticle',
+				'book',
+				'history',
+				'info',
+				'journal',
+				'newspaper',
+				'folderPlaceholder',
+				'die',
+				'download',
+				'tag',
+				'upload',
+				'window'
+			],
+			alerts: [
+				'alert',
+				'bell',
+				'bellOn',
+				'comment',
+				'message',
+				'notice',
+				'speechBubble',
+				'speechBubbleAdd',
+				'speechBubbles',
+				'tray'
+			],
+			interactions: [
+				'add',
+				'advanced',
+				'browser',
+				'cancel',
+				'check',
+				'clear',
+				'clock',
+				'close',
+				'ellipsis',
+				'feedback',
+				'funnel',
+				'heart',
+				'help',
+				'key',
+				'keyboard',
+				'logOut',
+				'newWindow',
+				'printer',
+				'search',
+				'settings',
+				'subtract',
+				'sun',
+				'watchlist'
+			],
+			moderation: [
+				'block',
+				'unBlock',
+				'clip',
+				'unClip',
+				'flag',
+				'unFlag',
+				'lock',
+				'unLock',
+				'star',
+				'halfStar',
+				'unStar',
+				'trash',
+				'unTrash',
+				'pushPin',
+				'ongoingConversation'
+			],
+			'editing-core': [
+				'edit',
+				'editLock',
+				'editUndo',
+				'link',
+				'linkExternal',
+				'linkSecure',
+				'redo',
+				'undo'
+			],
+			'editing-styling': [
+				'bigger',
+				'smaller',
+				'subscript',
+				'superscript',
+				'bold',
+				'highlight',
+				'italic',
+				'strikethrough',
+				'underline',
+				'textDirLTR',
+				'textDirRTL',
+				'textStyle'
+			],
+			'editing-list': [
+				'indent',
+				'listBullet',
+				'listNumbered',
+				'outdent'
+			],
+			'editing-advanced': [
+				'alignCentre',
+				'alignLeft',
+				'alignRight',
+				'attachment',
+				'calendar',
+				'code',
+				'find',
+				'language',
+				'layout',
+				'markup',
+				'newline',
+				'noWikiText',
+				'outline',
+				'puzzle',
+				'quotes',
+				'quotesAdd',
+				'searchCaseSensitive',
+				'searchDiacritics',
+				'searchRegularExpression',
+				'signature',
+				'specialCharacter',
+				'table',
+				'tableAddColumnAfter',
+				'tableAddColumnBefore',
+				'tableAddRowAfter',
+				'tableAddRowBefore',
+				'tableCaption',
+				'tableMergeCells',
+				'templateAdd',
+				'wikiText'
+			],
+			media: [
+				'fullScreen',
+				'image',
+				'imageAdd',
+				'imageLock',
+				'imageGallery',
+				'play',
+				'stop'
+			],
+			location: [
+				'map',
+				'mapPin',
+				'mapPinAdd',
+				'mapTrail'
+			],
+			user: [
+				'userActive',
+				'userAvatar',
+				'userInactive',
+				'userTalk'
+			],
+			layout: [
+				'menu',
+				'stripeFlow',
+				'stripeSummary',
+				'stripeToC',
+				'viewCompact',
+				'viewDetails'
+			],
+			accessibility: [
+				'bright',
+				'halfBright',
+				'notBright',
+				'eye',
+				'eyeClosed',
+				'moon',
+				'largerText',
+				'smallerText',
+				'visionSimulator'
+			],
+			wikimedia: [
+				'logoCC',
+				'logoWikimediaCommons',
+				'logoWikimediaDiscovery',
+				'logoWikipedia'
+			]
+		},
+		indicators = [
+			'alert',
+			'clear',
+			'down',
+			'next',
+			'previous',
+			'required',
+			'search',
+			'up'
+		],
+		iconsFieldsets = [],
+		iconsWidgets = [],
+		indicatorsFieldset = new OO.ui.FieldsetLayout( { label: 'Indicators' } );
+
+	for ( i = 0, len = indicators.length; i < len; i++ ) {
+		indicatorsFieldset.addItems( [
+			new OO.ui.FieldLayout(
+				new OO.ui.IndicatorWidget( {
+					indicator: indicators[ i ],
+					title: indicators[ i ]
+				} ),
+				{
+					align: 'inline',
+					label: indicators[ i ]
+				}
+			)
+		] );
+	}
+	for ( iconSet in icons ) {
+		iconsFieldset = new OO.ui.FieldsetLayout( { label: 'Icons – ' + iconSet } );
+		iconsFieldsets.push( iconsFieldset );
+
+		for ( i = 0, len = icons[ iconSet ].length; i < len; i++ ) {
+			iconWidget = new OO.ui.IconWidget( {
+				icon: icons[ iconSet ][ i ],
+				title: icons[ iconSet ][ i ]
+			} );
+			iconsWidgets.push( iconWidget );
+			iconsFieldset.addItems( [
+				new OO.ui.FieldLayout( iconWidget, {
+					label: icons[ iconSet ][ i ],
+					align: 'inline'
+				} )
+			] );
+		}
+	}
+
+	selector = new OO.ui.ButtonSelectWidget( {
+		items: [
+			new OO.ui.ButtonOptionWidget( {
+				label: 'None',
+				flags: [],
+				data: {
+					progressive: false,
+					constructive: false,
+					destructive: false
+				}
+			} ),
+			new OO.ui.ButtonOptionWidget( {
+				label: 'Progressive',
+				flags: [ 'progressive' ],
+				data: {
+					progressive: true,
+					constructive: false,
+					destructive: false
+				}
+			} ),
+			new OO.ui.ButtonOptionWidget( {
+				label: 'Destructive',
+				flags: [ 'destructive' ],
+				data: {
+					progressive: false,
+					constructive: false,
+					destructive: true
+				}
+			} )
+		]
+	} );
+
+	selector
+		.on( 'select', function ( selected ) {
+			iconsWidgets.forEach( function ( iconWidget ) {
+				iconWidget.setFlags( selected.getData() );
+			} );
+		} )
+		.selectItemByData( {
+			progressive: false,
+			constructive: false,
+			destructive: false
+		} );
+
+	demo.$element.append(
+		new OO.ui.PanelLayout( {
+			expanded: false,
+			framed: true
+		} ).$element
+			.addClass( 'demo-container demo-icons' )
+			.attr( 'role', 'main' )
+			.append(
+				selector.$element,
+				indicatorsFieldset.$element,
+				iconsFieldsets.map( function ( item ) { return item.$element[ 0 ]; } )
+			)
+	);
+};