diff options
Diffstat (limited to 'vendor/oojs/oojs-ui/src/layouts/ActionFieldLayout.js')
-rw-r--r-- | vendor/oojs/oojs-ui/src/layouts/ActionFieldLayout.js | 81 |
1 files changed, 0 insertions, 81 deletions
diff --git a/vendor/oojs/oojs-ui/src/layouts/ActionFieldLayout.js b/vendor/oojs/oojs-ui/src/layouts/ActionFieldLayout.js deleted file mode 100644 index 59640ed9..00000000 --- a/vendor/oojs/oojs-ui/src/layouts/ActionFieldLayout.js +++ /dev/null @@ -1,81 +0,0 @@ -/** - * ActionFieldLayouts are used with OO.ui.FieldsetLayout. The layout consists of a field-widget, a button, - * and an optional label and/or help text. The field-widget (e.g., a {@link OO.ui.TextInputWidget TextInputWidget}), - * is required and is specified before any optional configuration settings. - * - * Labels can be aligned in one of four ways: - * - * - **left**: The label is placed before the field-widget and aligned with the left margin. - * A left-alignment is used for forms with many fields. - * - **right**: The label is placed before the field-widget and aligned to the right margin. - * A right-alignment is used for long but familiar forms which users tab through, - * verifying the current field with a quick glance at the label. - * - **top**: The label is placed above the field-widget. A top-alignment is used for brief forms - * that users fill out from top to bottom. - * - **inline**: The label is placed after the field-widget and aligned to the left. - * An inline-alignment is best used with checkboxes or radio buttons. - * - * Help text is accessed via a help icon that appears in the upper right corner of the rendered field layout when help - * text is specified. - * - * @example - * // Example of an ActionFieldLayout - * var actionFieldLayout = new OO.ui.ActionFieldLayout( - * new OO.ui.TextInputWidget( { - * placeholder: 'Field widget' - * } ), - * new OO.ui.ButtonWidget( { - * label: 'Button' - * } ), - * { - * label: 'An ActionFieldLayout. This label is aligned top', - * align: 'top', - * help: 'This is help text' - * } - * ); - * - * $( 'body' ).append( actionFieldLayout.$element ); - * - * - * @class - * @extends OO.ui.FieldLayout - * - * @constructor - * @param {OO.ui.Widget} fieldWidget Field widget - * @param {OO.ui.ButtonWidget} buttonWidget Button widget - * @param {Object} [config] Configuration options - * @cfg {string} [align='left'] Alignment of the label: 'left', 'right', 'top' or 'inline' - * @cfg {string} [help] Help text. When help text is specified, a help icon will appear in the - * upper-right corner of the rendered field. - */ -OO.ui.ActionFieldLayout = function OoUiActionFieldLayout( fieldWidget, buttonWidget, config ) { - // Allow passing positional parameters inside the config object - if ( OO.isPlainObject( fieldWidget ) && config === undefined ) { - config = fieldWidget; - fieldWidget = config.fieldWidget; - buttonWidget = config.buttonWidget; - } - - // Configuration initialization - config = $.extend( { align: 'left' }, config ); - - // Parent constructor - OO.ui.ActionFieldLayout.super.call( this, fieldWidget, config ); - - // Properties - this.fieldWidget = fieldWidget; - this.buttonWidget = buttonWidget; - this.$button = $( '<div>' ) - .addClass( 'oo-ui-actionFieldLayout-button' ) - .append( this.buttonWidget.$element ); - this.$input = $( '<div>' ) - .addClass( 'oo-ui-actionFieldLayout-input' ) - .append( this.fieldWidget.$element ); - this.$field - .addClass( 'oo-ui-actionFieldLayout' ) - .append( this.$input, this.$button ); -}; - -/* Setup */ - -OO.inheritClass( OO.ui.ActionFieldLayout, OO.ui.FieldLayout ); |