Файловый менеджер - Редактировать - /var/www/html/mediawiki.widgets.zip
Ðазад
PK ! �0��� � ( mw.widgets.NamespacesMenuOptionWidget.jsnu �Iw�� /*! * MediaWiki Widgets - NamespacesMenuOptionWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Returns an item match text that includes both the label * and the data, so the menu can filter on either. * * @class * @extends OO.ui.MenuOptionWidget * * @constructor * @description Create an mw.widgets.NamespacesMenuOptionWidget object. * @param {Object} [config] Configuration options */ mw.widgets.NamespacesMenuOptionWidget = function MwWidgetsNamespacesMenuOptionWidget( config ) { // Parent mw.widgets.NamespacesMenuOptionWidget.super.call( this, config ); }; /* Setup */ OO.inheritClass( mw.widgets.NamespacesMenuOptionWidget, OO.ui.MenuOptionWidget ); /** * @inheritdoc */ mw.widgets.NamespacesMenuOptionWidget.prototype.getMatchText = function () { return this.getData() + ' ' + this.getLabel(); }; }() ); PK ! y���� � mw.widgets.TitleOptionWidget.jsnu �Iw�� /*! * MediaWiki Widgets - TitleOptionWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Title option widget. * * @class * @extends OO.ui.MenuOptionWidget * * @constructor * @description Create a mw.widgets.TitleOptionWidget object. * @param {Object} config Configuration options * @param {string} config.data Label to display * @param {string} config.url URL of page * @param {boolean} [config.showImages] Whether to attempt to show images * @param {string} [config.imageUrl] Thumbnail image URL with URL encoding * @param {string} [config.description] Page description * @param {boolean} [config.missing] Page doesn't exist * @param {boolean} [config.redirect] Page is a redirect * @param {boolean} [config.disambiguation] Page is a disambiguation page * @param {string} [config.query] Matching query string to highlight * @param {Function} [config.compare] String comparison function for query highlighting */ mw.widgets.TitleOptionWidget = function MwWidgetsTitleOptionWidget( config ) { let icon; if ( !config.showImages ) { icon = null; } else if ( config.missing ) { icon = 'articleNotFound'; } else if ( config.redirect ) { icon = 'articleRedirect'; } else if ( config.disambiguation ) { icon = 'articleDisambiguation'; } else { icon = 'article'; } // Config initialization config = Object.assign( { icon: icon, label: config.data, autoFitLabel: false, $label: $( '<a>' ) }, config ); // Parent constructor mw.widgets.TitleOptionWidget.super.call( this, config ); // Remove check icon this.checkIcon.$element.remove(); // Initialization this.$label.attr( 'href', config.url ); this.$element.addClass( 'mw-widget-titleOptionWidget' ); // OOUI OptionWidgets make an effort to not be tab accessible, but // adding a link inside them would undo that. So, explicitly make it // not tabbable. this.$label.attr( 'tabindex', '-1' ); // Allow opening the link in new tab, but not regular navigation. this.$label.on( 'click', ( e ) => { // Don't interfere with special clicks (e.g. to open in new tab) if ( !( e.which !== 1 || e.altKey || e.ctrlKey || e.shiftKey || e.metaKey ) ) { e.preventDefault(); } } ); // Highlight matching parts of link suggestion if ( config.query ) { this.setHighlightedQuery( config.data, config.query, config.compare, true ); } this.$label.attr( 'title', config.data ); if ( config.missing ) { this.$label.addClass( 'new' ); } else if ( config.redirect ) { this.$label.addClass( 'mw-redirect' ); } else if ( config.disambiguation ) { this.$label.addClass( 'mw-disambig' ); } if ( config.showImages && config.imageUrl ) { this.$icon .addClass( 'mw-widget-titleOptionWidget-hasImage mw-no-invert' ) .css( 'background-image', 'url(' + config.imageUrl + ')' ); } if ( config.description ) { this.$element.append( $( '<span>' ) .addClass( 'mw-widget-titleOptionWidget-description' ) .text( config.description ) .attr( 'title', config.description ) ); } }; /* Setup */ OO.inheritClass( mw.widgets.TitleOptionWidget, OO.ui.MenuOptionWidget ); }() ); PK ! F� �8V 8V mw.widgets.DateInputWidget.jsnu �Iw�� /*! * MediaWiki Widgets – DateInputWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /* global moment */ ( function () { /** * @classdesc Date input widget. * * @example * // Date input widget showcase * let fieldset = new OO.ui.FieldsetLayout( { * items: [ * new OO.ui.FieldLayout( * new mw.widgets.DateInputWidget(), * { * align: 'top', * label: 'Select date' * } * ), * new OO.ui.FieldLayout( * new mw.widgets.DateInputWidget( { precision: 'month' } ), * { * align: 'top', * label: 'Select month' * } * ), * new OO.ui.FieldLayout( * new mw.widgets.DateInputWidget( { * inputFormat: 'DD.MM.YYYY', * displayFormat: 'Do [of] MMMM [anno Domini] YYYY' * } ), * { * align: 'top', * label: 'Select date (custom formats)' * } * ) * ] * } ); * $( document.body ).append( fieldset.$element ); * * // The value is stored in 'YYYY-MM-DD' or 'YYYY-MM' format * * @example * // Accessing values in a date input widget * let dateInput = new mw.widgets.DateInputWidget(); * let $label = $( '<p>' ); * $( document.body ).append( $label, dateInput.$element ); * dateInput.on( 'change', function () { * // The value will always be a valid date or empty string, malformed input is ignored * let date = dateInput.getValue(); * $label.text( 'Selected date: ' + ( date || '(none)' ) ); * } ); * * @class * @extends OO.ui.TextInputWidget * @mixes OO.ui.mixin.IndicatorElement * * @constructor * @description Create an mw.widgets.DateInputWidget object. * @param {Object} [config] Configuration options * @param {string} [config.precision='day'] Date precision to use, 'day' or 'month' * @param {string} [config.value] Day or month date (depending on `precision`), in the format 'YYYY-MM-DD' * or 'YYYY-MM'. If not given or empty string, no date is selected. * @param {string} [config.inputFormat] Date format string to use for the textual input field. Displayed * while the widget is active, and the user can type in a date in this format. Should be short * and easy to type. When not given, defaults to 'YYYY-MM-DD' or 'YYYY-MM', depending on * `precision`. * @param {string} [config.displayFormat] Date format string to use for the clickable label. Displayed * while the widget is inactive. Should be as unambiguous as possible (for example, prefer to * spell out the month, rather than rely on the order), even if that makes it longer. When not * given, the default is language-specific. * @param {boolean} [config.longDisplayFormat=false] If a custom displayFormat is not specified, use * unabbreviated day of the week and month names in the default language-specific displayFormat. * @param {string} [config.placeholderLabel=No date selected] Placeholder text shown when the widget is not * selected. Default text taken from message `mw-widgets-dateinput-no-date`. * @param {string} [config.placeholderDateFormat] User-visible date format string displayed in the textual input * field when it's empty. Should be the same as `inputFormat`, but translated to the user's * language. When not given, defaults to a translated version of 'YYYY-MM-DD' or 'YYYY-MM', * depending on `precision`. * @param {boolean} [config.required=false] Mark the field as required. Implies `indicator: 'required'`. * @param {string} [config.mustBeAfter] Validates the date to be after this. In the 'YYYY-MM-DD' format. * @param {string} [config.mustBeBefore] Validates the date to be before this. In the 'YYYY-MM-DD' format. * @param {jQuery} [config.$overlay] Render the calendar into a separate layer. This configuration is * useful in cases where the expanded calendar is larger than its container. The specified * overlay layer is usually on top of the container and has a larger area. By default, the * calendar uses relative positioning. * @param {Object} [config.calendar] Configuration options for the this input's * {@link mw.widgets.CalendarWidget CalendarWidget}. */ mw.widgets.DateInputWidget = function MWWDateInputWidget( config ) { // Config initialization config = Object.assign( { precision: 'day', longDisplayFormat: false, required: false, placeholderLabel: mw.msg( 'mw-widgets-dateinput-no-date' ) }, config ); if ( config.required ) { if ( config.indicator === undefined ) { config.indicator = 'required'; } } let placeholderDateFormat; if ( config.placeholderDateFormat ) { placeholderDateFormat = config.placeholderDateFormat; } else if ( config.inputFormat ) { // We have no way to display a translated placeholder for custom formats placeholderDateFormat = ''; } else { // The following messages are used here: // * mw-widgets-dateinput-placeholder-day // * mw-widgets-dateinput-placeholder-month placeholderDateFormat = mw.msg( 'mw-widgets-dateinput-placeholder-' + config.precision ); } // Properties (must be set before parent constructor, which calls #setValue) this.$handle = $( '<div>' ); this.innerLabel = new OO.ui.LabelWidget(); this.textInput = new OO.ui.TextInputWidget( { required: config.required, placeholder: placeholderDateFormat, validate: this.validateDate.bind( this ) } ); this.calendar = new mw.widgets.CalendarWidget( Object.assign( { lazyInitOnToggle: true, // Can't pass `$floatableContainer: this.$element` here, the latter is not set yet. // Instead we call setFloatableContainer() below. precision: config.precision }, config.calendar ) ); this.inCalendar = 0; this.inTextInput = 0; this.closing = false; this.inputFormat = config.inputFormat; this.displayFormat = config.displayFormat; this.longDisplayFormat = config.longDisplayFormat; this.required = config.required; this.placeholderLabel = config.placeholderLabel; // Validate and set min and max dates as properties if ( config.mustBeAfter !== undefined ) { const mustBeAfter = moment( config.mustBeAfter, 'YYYY-MM-DD' ); if ( mustBeAfter.isValid() ) { this.mustBeAfter = mustBeAfter; } } if ( config.mustBeBefore !== undefined ) { const mustBeBefore = moment( config.mustBeBefore, 'YYYY-MM-DD' ); if ( mustBeBefore.isValid() ) { this.mustBeBefore = mustBeBefore; } } // Parent constructor mw.widgets.DateInputWidget.super.call( this, config ); // Mixin constructors OO.ui.mixin.IndicatorElement.call( this, config ); // Events this.calendar.connect( this, { change: 'onCalendarChange' } ); this.textInput.connect( this, { enter: 'onEnter', change: 'onTextInputChange' } ); this.$element.on( { focusout: this.onBlur.bind( this ) } ); this.calendar.$element.on( { focusout: this.onBlur.bind( this ), click: this.onCalendarClick.bind( this ), keypress: this.onCalendarKeyPress.bind( this ) } ); this.$handle.on( { click: this.onClick.bind( this ), keypress: this.onKeyPress.bind( this ), focus: this.onFocus.bind( this ) } ); // Initialization // Move 'tabindex' from this.$input (which is invisible) to the visible handle if ( !this.isDisabled() ) { this.setTabIndexedElement( this.$handle ); } this.$handle .append( this.innerLabel.$element, this.$indicator ) .addClass( 'mw-widget-dateInputWidget-handle' ); this.calendar.$element .addClass( 'mw-widget-dateInputWidget-calendar' ); this.$element .addClass( 'mw-widget-dateInputWidget' ) .append( this.$handle, this.textInput.$element, this.calendar.$element ); const $overlay = config.$overlay === true ? OO.ui.getDefaultOverlay() : config.$overlay; if ( $overlay ) { this.calendar.setFloatableContainer( this.$element ); $overlay.append( this.calendar.$element ); // The text input and calendar are not in DOM order, so fix up focus transitions. this.textInput.$input.on( 'keydown', ( e ) => { if ( e.which === OO.ui.Keys.TAB ) { if ( e.shiftKey ) { // Tabbing backward from text input: normal browser behavior } else { // Tabbing forward from text input: just focus the calendar this.calendar.$element.trigger( 'focus' ); return false; } } } ); this.calendar.$element.on( 'keydown', ( e ) => { if ( e.which === OO.ui.Keys.TAB ) { if ( e.shiftKey ) { // Tabbing backward from calendar: just focus the text input this.textInput.$input.trigger( 'focus' ); return false; } else { // Tabbing forward from calendar: focus the text input, then allow normal browser // behavior to move focus to next focusable after it this.textInput.$input.trigger( 'focus' ); } } } ); } // Set handle label and hide stuff this.updateUI(); this.textInput.toggle( false ); this.calendar.toggle( false ); // Hide unused <input> from PHP after infusion is done // See InputWidget#reusePreInfuseDOM about config.$input if ( config.$input ) { config.$input.addClass( 'oo-ui-element-hidden' ); } }; /* Inheritance */ OO.inheritClass( mw.widgets.DateInputWidget, OO.ui.TextInputWidget ); OO.mixinClass( mw.widgets.DateInputWidget, OO.ui.mixin.IndicatorElement ); /* Events */ /** * Fired when the widget is deactivated (when the calendar is closed). This can happen because * the user selected a value, or because the user blurred the widget. * * @event mw.widgets.DateInputWidget.deactivate * @param {boolean} userSelected Whether the deactivation happened because the user selected a value */ /* Methods */ /** * @inheritdoc * @protected */ mw.widgets.DateInputWidget.prototype.getInputElement = function () { return $( '<input>' ).attr( 'type', 'hidden' ); }; /** * Respond to calendar date change events. * * @private */ mw.widgets.DateInputWidget.prototype.onCalendarChange = function () { this.inCalendar++; if ( !this.inTextInput ) { // If this is caused by user typing in the input field, do not set anything. // The value may be invalid (see #onTextInputChange), but displayable on the calendar. this.setValue( this.calendar.getDate() ); } this.inCalendar--; }; /** * Respond to text input value change events. * * @private */ mw.widgets.DateInputWidget.prototype.onTextInputChange = function () { const widget = this, value = this.textInput.getValue(), mom = moment( value, this.getInputFormat() ), valid = this.isValidDate( value ); this.inTextInput++; if ( value === '' ) { // No date selected widget.setValue( '' ); } else if ( valid ) { // Well-formed date value, parse and set it // Use English locale to avoid number formatting widget.setValue( mom.locale( 'en' ).format( widget.getInternalFormat() ) ); } else { // Not well-formed, but possibly partial? Try updating the calendar, but do not set the // internal value. Generally this only makes sense when 'inputFormat' is little-endian (e.g. // 'YYYY-MM-DD'), but that's hard to check for, and might be difficult to handle the parsing // right for weird formats. So limit this trick to only when we're using the default // 'inputFormat', which is the same as the internal format, 'YYYY-MM-DD'. if ( widget.getInputFormat() === widget.getInternalFormat() ) { widget.calendar.setMoment( mom ); } } widget.inTextInput--; }; /** * @inheritdoc */ mw.widgets.DateInputWidget.prototype.setValue = function ( value ) { const oldValue = this.value; if ( !moment( value, this.getInternalFormat() ).isValid() ) { value = ''; } mw.widgets.DateInputWidget.super.prototype.setValue.call( this, value ); if ( this.value !== oldValue ) { this.updateUI(); this.setValidityFlag(); } return this; }; /** * Handle text input and calendar blur events. * * @private */ mw.widgets.DateInputWidget.prototype.onBlur = function () { setTimeout( () => { const $focussed = $( ':focus' ); // Deactivate unless the focus moved to something else inside this widget if ( !OO.ui.contains( this.$element[ 0 ], $focussed[ 0 ], true ) && // Calendar might be in an $overlay !OO.ui.contains( this.calendar.$element[ 0 ], $focussed[ 0 ], true ) ) { this.deactivate(); } }, 0 ); }; /** * @inheritdoc */ mw.widgets.DateInputWidget.prototype.focus = function () { this.activate(); return this; }; /** * @inheritdoc */ mw.widgets.DateInputWidget.prototype.blur = function () { this.deactivate(); return this; }; /** * Update the contents of the label, text input and status of calendar to reflect selected value. * * @private */ mw.widgets.DateInputWidget.prototype.updateUI = function () { if ( this.getValue() === '' ) { this.textInput.setValue( '' ); this.calendar.setDate( null ); this.innerLabel.setLabel( this.placeholderLabel ); this.$element.addClass( 'mw-widget-dateInputWidget-empty' ); } else { const moment = this.getMoment(); if ( !this.inTextInput ) { this.textInput.setValue( moment.format( this.getInputFormat() ) ); } if ( !this.inCalendar ) { this.calendar.setDate( this.getValue() ); } this.innerLabel.setLabel( moment.format( this.getDisplayFormat() ) ); this.$element.removeClass( 'mw-widget-dateInputWidget-empty' ); } }; /** * Deactivate this input field for data entry. Closes the calendar and hides the text field. * * @private * @param {boolean} [userSelected] Whether we are deactivating because the user selected a value */ mw.widgets.DateInputWidget.prototype.deactivate = function ( userSelected ) { this.$element.removeClass( 'mw-widget-dateInputWidget-active' ); this.$handle.show(); this.textInput.toggle( false ); this.calendar.toggle( false ); this.setValidityFlag(); if ( userSelected ) { // Prevent focusing the handle from reopening the calendar this.closing = true; this.$handle.trigger( 'focus' ); this.closing = false; } this.emit( 'deactivate', !!userSelected ); }; /** * Activate this input field for data entry. Opens the calendar and shows the text field. * * @private */ mw.widgets.DateInputWidget.prototype.activate = function () { this.calendar.resetUI(); this.$element.addClass( 'mw-widget-dateInputWidget-active' ); this.$handle.hide(); this.textInput.toggle( true ); this.calendar.toggle( true ); this.textInput.$input.trigger( 'focus' ); }; /** * Get the date format to be used for handle label when the input is inactive. * * @private * @return {string} Format string */ mw.widgets.DateInputWidget.prototype.getDisplayFormat = function () { if ( this.displayFormat !== undefined ) { return this.displayFormat; } if ( this.calendar.getPrecision() === 'month' ) { return 'MMMM YYYY'; } else { // The formats Moment.js provides: // * ll: Month name, day of month, year // * lll: Month name, day of month, year, time // * llll: Month name, day of month, day of week, year, time // // The format we want: // * ????: Month name, day of month, day of week, year // // We try to construct it as 'llll - (lll - ll)' and hope for the best. // This seems to work well for many languages (maybe even all?). const localeData = moment.localeData( moment.locale() ); const llll = localeData.longDateFormat( 'llll' ); const lll = localeData.longDateFormat( 'lll' ); const ll = localeData.longDateFormat( 'll' ); let format = llll.replace( lll.replace( ll, '' ), '' ); if ( this.longDisplayFormat ) { // Replace MMM to MMMM and ddd to dddd but don't change MMMM and dddd format = format.replace( /MMMM?/, 'MMMM' ).replace( /dddd?/, 'dddd' ); } return format; } }; /** * Get the date format to be used for the text field when the input is active. * * @private * @return {string} Format string */ mw.widgets.DateInputWidget.prototype.getInputFormat = function () { if ( this.inputFormat !== undefined ) { return this.inputFormat; } return { day: 'YYYY-MM-DD', month: 'YYYY-MM' }[ this.calendar.getPrecision() ]; }; /** * Get the date format to be used internally for the value. This is not configurable in any way, * and always either 'YYYY-MM-DD' or 'YYYY-MM'. * * @private * @return {string} Format string */ mw.widgets.DateInputWidget.prototype.getInternalFormat = function () { return { day: 'YYYY-MM-DD', month: 'YYYY-MM' }[ this.calendar.getPrecision() ]; }; /** * Get the Moment object for current value. * * @return {Object} Moment object */ mw.widgets.DateInputWidget.prototype.getMoment = function () { return moment( this.getValue(), this.getInternalFormat() ); }; /** * Handle mouse click events. * * @private * @param {jQuery.Event} e Mouse click event * @return {boolean} False to cancel the default event */ mw.widgets.DateInputWidget.prototype.onClick = function ( e ) { if ( !this.isDisabled() && !this.isReadOnly() && e.which === 1 ) { this.activate(); } return false; }; /** * Handle key press events. * * @private * @param {jQuery.Event} e Key press event * @return {boolean|undefined} False to cancel the default event */ mw.widgets.DateInputWidget.prototype.onKeyPress = function ( e ) { if ( !this.isDisabled() && !this.isReadOnly() && ( e.which === OO.ui.Keys.SPACE || e.which === OO.ui.Keys.ENTER ) ) { this.activate(); return false; } }; /** * Handle focus events. * * @private */ mw.widgets.DateInputWidget.prototype.onFocus = function () { if ( !this.isDisabled() && !this.isReadOnly() && !this.closing ) { this.activate(); } }; /** * Handle calendar key press events. * * @private * @param {jQuery.Event} e Key press event * @return {boolean|undefined} False to cancel the default event */ mw.widgets.DateInputWidget.prototype.onCalendarKeyPress = function ( e ) { if ( !this.isDisabled() && e.which === OO.ui.Keys.ENTER ) { this.deactivate( true ); return false; } }; /** * Handle calendar click events. * * @private * @param {jQuery.Event} e Mouse click event * @return {boolean|undefined} False to cancel the default event */ mw.widgets.DateInputWidget.prototype.onCalendarClick = function ( e ) { const targetClass = this.calendar.getPrecision() === 'month' ? 'mw-widget-calendarWidget-month' : 'mw-widget-calendarWidget-day'; if ( !this.isDisabled() && e.which === 1 && // eslint-disable-next-line no-jquery/no-class-state $( e.target ).hasClass( targetClass ) ) { this.deactivate( true ); return false; } }; /** * Handle text input enter events. * * @private */ mw.widgets.DateInputWidget.prototype.onEnter = function () { this.deactivate( true ); }; /** * @private * @param {string} date Date string, to be valid, must be in 'YYYY-MM-DD' or 'YYYY-MM' format or * (unless the field is required) empty * @return {boolean} */ mw.widgets.DateInputWidget.prototype.validateDate = function ( date ) { let isValid; if ( date === '' ) { isValid = !this.required; } else { isValid = this.isValidDate( date ) && this.isInRange( date ); } return isValid; }; /** * @private * @param {string} date Date string, to be valid, must be in 'YYYY-MM-DD' or 'YYYY-MM' format * @return {boolean} */ mw.widgets.DateInputWidget.prototype.isValidDate = function ( date ) { // "Half-strict mode": for example, for the format 'YYYY-MM-DD', 2015-1-3 instead of 2015-01-03 // is okay, but 2015-01 isn't, and neither is 2015-01-foo. Use Moment's "fuzzy" mode and check // parsing flags for the details (stolen from implementation of moment#isValid). const mom = moment( date, this.getInputFormat() ), flags = mom.parsingFlags(); return mom.isValid() && flags.charsLeftOver === 0 && flags.unusedTokens.length === 0; }; /** * Validates if the date is within the range configured with {@link #cfg-mustBeAfter} * and {@link #cfg-mustBeBefore}. * * @private * @param {string} date Date string, to be valid, must be empty (no date selected) or in * 'YYYY-MM-DD' or 'YYYY-MM' format to be valid * @return {boolean} */ mw.widgets.DateInputWidget.prototype.isInRange = function ( date ) { if ( this.mustBeAfter === undefined && this.mustBeBefore === undefined ) { return true; } const momentDate = moment( date, 'YYYY-MM-DD' ); const isAfter = ( this.mustBeAfter === undefined || momentDate.isAfter( this.mustBeAfter ) ); const isBefore = ( this.mustBeBefore === undefined || momentDate.isBefore( this.mustBeBefore ) ); return isAfter && isBefore; }; /** * Get the validity of current value. * * This method returns a promise that resolves if the value is valid and rejects if * it isn't. Uses {@link #validateDate}. * * @return {jQuery.Promise} A promise that resolves if the value is valid, rejects if not. */ mw.widgets.DateInputWidget.prototype.getValidity = function () { const isValid = this.validateDate( this.getValue() ); if ( isValid ) { return $.Deferred().resolve().promise(); } else { return $.Deferred().reject().promise(); } }; /** * Sets the 'invalid' flag appropriately. * * @param {boolean} [isValid] Optionally override validation result */ mw.widgets.DateInputWidget.prototype.setValidityFlag = function ( isValid ) { const widget = this, setFlag = function ( valid ) { if ( !valid ) { widget.$input.attr( 'aria-invalid', 'true' ); } else { widget.$input.removeAttr( 'aria-invalid' ); } widget.setFlags( { invalid: !valid } ); }; if ( isValid !== undefined ) { setFlag( isValid ); } else { this.getValidity().then( () => { setFlag( true ); }, () => { setFlag( false ); } ); } }; }() ); PK ! '��= = mw.widgets.CalendarWidget.lessnu �Iw�� /*! * MediaWiki Widgets – CalendarWidget styles. * * @copyright 2011-2023 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /* stylelint-disable no-duplicate-selectors */ @import 'mediawiki.skin.variables.less'; @import 'mediawiki.mixins.less'; @calendarWidth: 21em; @calendarHeight: 14em; .mw-widget-calendarWidget { width: @calendarWidth; } .mw-widget-calendarWidget-header { position: relative; line-height: 2.5; // Overwrite OOUI's `.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child` .oo-ui-buttonWidget.oo-ui-iconElement { margin-left: 0; margin-right: 0; } .mw-widget-calendarWidget-labelButton { margin: 0 auto; display: block; width: @calendarWidth - 2 * 3em; .oo-ui-buttonElement-button { width: @calendarWidth - 2 * 3em; text-align: center; } } } .mw-widget-calendarWidget-upButton { position: absolute; top: 0; right: 3em; pointer-events: none; } .mw-widget-calendarWidget-prevButton { float: left; } .mw-widget-calendarWidget-nextButton { float: right; } .mw-widget-calendarWidget-body-outer-wrapper { clear: both; position: relative; overflow: hidden; // Fit 7 days, 3em each width: @calendarWidth; // Fit 6 weeks + heading line, 2em each height: @calendarHeight; } .mw-widget-calendarWidget-body-wrapper { .mw-widget-calendarWidget-body { display: inline-block; display: inline-grid; // Fit 7 days, 3em each width: @calendarWidth; // Fit 6 weeks + heading line, 2em each height: @calendarHeight; } .mw-widget-calendarWidget-body:not( .mw-widget-calendarWidget-old-body ):first-child { margin-top: -@calendarHeight; margin-left: -@calendarWidth; } .mw-widget-calendarWidget-body:not( .mw-widget-calendarWidget-old-body ):last-child { margin-top: 0; margin-left: 0; } } .mw-widget-calendarWidget-body-wrapper-fade-previous { width: @calendarWidth * 2; height: @calendarHeight; .mw-widget-calendarWidget-body:first-child { margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ transition: margin-left 500ms; } } .mw-widget-calendarWidget-body-wrapper-fade-next { width: @calendarWidth * 2; height: @calendarHeight; .mw-widget-calendarWidget-body:first-child { margin-left: -@calendarWidth !important; /* stylelint-disable-line declaration-no-important */ margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */ transition: margin-left 500ms; } } .mw-widget-calendarWidget-body-wrapper-fade-up { width: @calendarWidth; height: @calendarHeight * 2; .mw-widget-calendarWidget-body { display: block; display: grid; } .mw-widget-calendarWidget-body:first-child { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */ transition: margin-top 500ms; } } .mw-widget-calendarWidget-body-wrapper-fade-down { width: @calendarWidth; height: @calendarHeight * 2; .mw-widget-calendarWidget-body { display: block; display: grid; } .mw-widget-calendarWidget-body:first-child { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ margin-top: -@calendarHeight !important; /* stylelint-disable-line declaration-no-important */ transition: margin-top 500ms; } } // Support: Browsers that render CSS Grid. All others ignore unknown `grid-*` properties. // This avoids any calculation issues pushing items to next line. .mw-widget-calendarWidget-body-month { grid-template-columns: auto auto auto auto auto auto auto; } .mw-widget-calendarWidget-body-year { grid-template-columns: auto auto; } .mw-widget-calendarWidget-body-duodecade { grid-template-columns: auto auto auto auto auto; } .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-day-heading { // 7x7 grid width: (@calendarWidth / 7); line-height: (@calendarHeight / 7); // Don't overlap the hacked-up fake box-shadow border we get when focussed &:nth-child( 7n ) { width: (@calendarWidth / 7 - 0.2em); margin-right: 0.2em; } &:nth-child( 7n+1 ) { width: (@calendarWidth / 7 - 0.2em); margin-left: 0.2em; } &:nth-child( 42 ) ~ & { line-height: (@calendarHeight / 7 - 0.2em); margin-bottom: 0.2em; } } .mw-widget-calendarWidget-month { // 2x6 grid width: (@calendarWidth / 2); line-height: (@calendarHeight / 6); // Don't overlap the hacked-up fake box-shadow border we get when focussed &:nth-child( 2n ) { width: (@calendarWidth / 2 - 0.2em); margin-right: 0.2em; } &:nth-child( 2n+1 ) { width: (@calendarWidth / 2 - 0.2em); margin-left: 0.2em; } &:nth-child( 10 ) ~ & { line-height: (@calendarHeight / 6 - 0.2em); margin-bottom: 0.2em; } } .mw-widget-calendarWidget-year { // 5x4 grid width: (@calendarWidth / 5); line-height: (@calendarHeight / 4); // Don't overlap the hacked-up fake box-shadow border we get when focussed &:nth-child( 5n ) { width: (@calendarWidth / 5 - 0.2em); margin-right: 0.2em; } &:nth-child( 5n+1 ) { width: (@calendarWidth / 5 - 0.2em); margin-left: 0.2em; } &:nth-child( 15 ) ~ & { line-height: (@calendarHeight / 4 - 0.2em); margin-bottom: 0.2em; } } .mw-widget-calendarWidget-item { cursor: pointer; } /* Theme-specific */ .mw-widget-calendarWidget { box-sizing: border-box; border: @border-base; transition: border-color 100ms, box-shadow 100ms; &:focus { border-color: @border-color-progressive--focus; box-shadow: @box-shadow-inset-small @box-shadow-color-progressive--focus; outline: @outline-base--focus; } &-day { color: @color-base; border-radius: @border-radius-base; } &-day-heading { color: @color-subtle; font-weight: bold; } &-day-additional { color: #a2a9b1; &:hover { color: #202122; } } &-day-today { box-shadow: @box-shadow-inset-small @box-shadow-color-progressive-selected; } &-item { transition: background-color 250ms, color 250ms; &:hover { background-color: #36c; color: #fff; } &-selected { background-color: #2a4b8d; color: #fff; } } } PK ! B ��� � ) mw.widgets.ComplexNamespaceInputWidget.jsnu �Iw�� /*! * MediaWiki Widgets - ComplexNamespaceInputWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Displays a dropdown box with the choice of available namespaces, * plus two checkboxes to include associated namespace or to invert selection. * * @class * @extends OO.ui.Widget * * @constructor * @description Create an instance of `mw.widgets.ComplexNamespaceInputWidget`. * @param {Object} [config] Configuration options * @param {Object} config.namespace Configuration for the NamespaceInputWidget dropdown with list * of namespaces * @param {string} config.namespace.includeAllValue If specified, add a "all namespaces" * option to the dropdown, and use this as the input value for it * @param {Object} config.invert Configuration for the "invert selection" CheckboxInputWidget. If * null, the checkbox will not be generated. * @param {Object} config.associated Configuration for the "include associated namespace" * CheckboxInputWidget. If null, the checkbox will not be generated. * @param {Object} config.invertLabel Configuration for the FieldLayout with label wrapping the * "invert selection" checkbox * @param {string} config.invertLabel.label Label text for the label * @param {Object} config.associatedLabel Configuration for the FieldLayout with label wrapping * the "include associated namespace" checkbox * @param {string} config.associatedLabel.label Label text for the label */ mw.widgets.ComplexNamespaceInputWidget = function MwWidgetsComplexNamespaceInputWidget( config ) { // Configuration initialization config = Object.assign( { // Config options for nested widgets namespace: {}, invert: {}, invertLabel: {}, associated: {}, associatedLabel: {} }, config ); // Parent constructor mw.widgets.ComplexNamespaceInputWidget.super.call( this, config ); // Properties this.config = config; this.namespace = new mw.widgets.NamespaceInputWidget( config.namespace ); if ( config.associated !== null ) { this.associated = new OO.ui.CheckboxInputWidget( Object.assign( { value: '1' }, config.associated ) ); // TODO Should use a LabelWidget? But they don't work like HTML <label>s yet this.associatedLabel = new OO.ui.FieldLayout( this.associated, Object.assign( { align: 'inline' }, config.associatedLabel ) ); } if ( config.invert !== null ) { this.invert = new OO.ui.CheckboxInputWidget( Object.assign( { value: '1' }, config.invert ) ); // TODO Should use a LabelWidget? But they don't work like HTML <label>s yet this.invertLabel = new OO.ui.FieldLayout( this.invert, Object.assign( { align: 'inline' }, config.invertLabel ) ); } // Events this.namespace.connect( this, { change: 'updateCheckboxesState' } ); // Initialization this.$element .addClass( 'mw-widget-complexNamespaceInputWidget' ) .append( this.namespace.$element, this.invert ? this.invertLabel.$element : '', this.associated ? this.associatedLabel.$element : '' ); this.updateCheckboxesState(); }; /* Setup */ OO.inheritClass( mw.widgets.ComplexNamespaceInputWidget, OO.ui.Widget ); /* Methods */ /** * Update the disabled state of checkboxes when the value of namespace dropdown changes. * * @private */ mw.widgets.ComplexNamespaceInputWidget.prototype.updateCheckboxesState = function () { const disabled = this.namespace.getValue() === this.namespace.allValue; if ( this.invert ) { this.invert.setDisabled( disabled ); } if ( this.associated ) { this.associated.setDisabled( disabled ); } }; /** * @inheritdoc */ mw.widgets.ComplexNamespaceInputWidget.prototype.setDisabled = function ( disabled ) { mw.widgets.ComplexNamespaceInputWidget.super.prototype.setDisabled.call( this, disabled ); if ( this.namespace ) { this.namespace.setDisabled( disabled ); } if ( this.invert ) { this.invert.setDisabled( disabled ); } if ( this.associated ) { this.associated.setDisabled( disabled ); } return this; }; }() ); PK ! 3�\� � mw.widgets.SizeFilterWidget.jsnu �Iw�� /*! * MediaWiki Widgets - SizeFilterWidget class. * * @copyright 2011-2018 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Size filter widget. * * @example * mw.loader.using( 'mediawiki.widgets.SizeFilterWidget', function () { * let sf = new mw.widgets.SizeFilterWidget(); * $( document.body ).append( sf.$element ); * } ); * * @class mw.widgets.SizeFilterWidget * @extends OO.ui.Widget * @uses OO.ui.RadioSelectInputWidget * @uses OO.ui.TextInputWidget * * @constructor * @description Use a RadioSelectInputWidget and a TextInputWidget to set minimum or maximum byte size. * @param {Object} [config] Configuration options * @param {Object} [config.radioselectinput] Config for the radio select input * @param {Object} [config.textinput] Config for the text input * @param {boolean} [config.selectMin=true] Whether to select 'min', false would select 'max' */ mw.widgets.SizeFilterWidget = function MwWidgetsSizeFilterWidget( config ) { // Config initialization config = Object.assign( { selectMin: true }, config ); config.textinput = Object.assign( { type: 'number' }, config.textinput ); config.radioselectinput = Object.assign( { options: [ { data: 'min', label: mw.msg( 'minimum-size' ) }, { data: 'max', label: mw.msg( 'maximum-size' ) } ] }, config.radioselectinput ); // Properties this.radioselectinput = new OO.ui.RadioSelectInputWidget( config.radioselectinput ); this.textinput = new OO.ui.TextInputWidget( config.textinput ); this.label = new OO.ui.LabelWidget( { label: mw.msg( 'pagesize' ) } ); // Parent constructor mw.widgets.SizeFilterWidget.super.call( this, config ); // Initialization this.radioselectinput.setValue( config.selectMin ? 'min' : 'max' ); this.$element .addClass( 'mw-widget-sizeFilterWidget' ) .append( this.radioselectinput.$element, this.textinput.$element, this.label.$element ); }; /* Setup */ OO.inheritClass( mw.widgets.SizeFilterWidget, OO.ui.Widget ); /* Static Methods */ /** * @inheritdoc */ mw.widgets.SizeFilterWidget.static.reusePreInfuseDOM = function ( node, config ) { config = mw.widgets.SizeFilterWidget.super.static.reusePreInfuseDOM( node, config ); config.radioselectinput = OO.ui.RadioSelectInputWidget.static.reusePreInfuseDOM( $( node ).find( '.oo-ui-radioSelectInputWidget' ), config.radioselectinput ); config.textinput = OO.ui.TextInputWidget.static.reusePreInfuseDOM( $( node ).find( '.oo-ui-textInputWidget' ), config.textinput ); return config; }; /** * @inheritdoc */ mw.widgets.SizeFilterWidget.static.gatherPreInfuseState = function ( node, config ) { const state = mw.widgets.SizeFilterWidget.super.static.gatherPreInfuseState( node, config ); state.radioselectinput = OO.ui.RadioSelectInputWidget.static.gatherPreInfuseState( $( node ).find( '.oo-ui-radioSelectInputWidget' ), config.radioselectinput ); state.textinput = OO.ui.TextInputWidget.static.gatherPreInfuseState( $( node ).find( '.oo-ui-textInputWidget' ), config.textinput ); return state; }; /* Methods */ /** * @inheritdoc */ mw.widgets.SizeFilterWidget.prototype.restorePreInfuseState = function ( state ) { mw.widgets.SizeFilterWidget.super.prototype.restorePreInfuseState.call( this, state ); this.radioselectinput.restorePreInfuseState( state.radioselectinput ); this.textinput.restorePreInfuseState( state.textinput ); }; }() ); PK ! ��� � mw.widgets.TitleSearchWidget.jsnu �Iw�� /*! * MediaWiki Widgets - TitleSearchWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Title search widget. * * @class * @extends OO.ui.SearchWidget * @mixes OO.ui.mixin.RequestManager * @mixes mw.widgets.TitleWidget * * @constructor * @description Create an mw.widgets.TitleSearchWidget object. * @param {Object} [config] Configuration options */ mw.widgets.TitleSearchWidget = function MwWidgetsTitleSearchWidget( config ) { config = config || {}; // Parent constructor mw.widgets.TitleSearchWidget.super.call( this, config ); // Mixin constructors mw.widgets.TitleWidget.call( this, config ); OO.ui.mixin.RequestManager.call( this, config ); this.query.setValidation( this.isQueryValid.bind( this ) ); // Events this.results.connect( this, { choose: 'onTitleSearchResultsChoose' } ); // Initialization this.$element.addClass( 'mw-widget-titleSearchWidget' ); this.results.$element.addClass( 'mw-widget-titleWidget-menu' ); if ( this.showImages ) { this.results.$element.addClass( 'mw-widget-titleWidget-menu-withImages' ); } if ( this.showDescriptions ) { this.results.$element.addClass( 'mw-widget-titleWidget-menu-withDescriptions' ); } if ( this.maxLength !== undefined ) { this.getQuery().$input.attr( 'maxlength', this.maxLength ); } }; /* Setup */ OO.inheritClass( mw.widgets.TitleSearchWidget, OO.ui.SearchWidget ); OO.mixinClass( mw.widgets.TitleSearchWidget, OO.ui.mixin.RequestManager ); OO.mixinClass( mw.widgets.TitleSearchWidget, mw.widgets.TitleWidget ); /* Methods */ /** * @inheritdoc */ mw.widgets.TitleSearchWidget.prototype.getQueryValue = function () { return this.getQuery().getValue(); }; /** * Handle choose events from the result widget. * * @param {OO.ui.OptionWidget} item Chosen item */ mw.widgets.TitleSearchWidget.prototype.onTitleSearchResultsChoose = function ( item ) { this.getQuery().setValue( item.getData() ); }; /** * @inheritdoc */ mw.widgets.TitleSearchWidget.prototype.onQueryChange = function () { this.getRequestData().done( ( data ) => { if ( this.query.isReadOnly() ) { // The request object is always abortable, so just // prevent the results from displaying return; } // Parent method mw.widgets.TitleSearchWidget.super.prototype.onQueryChange.call( this ); this.results.addItems( this.getOptionsFromData( data ) ); } ); }; /** * @inheritdoc */ mw.widgets.TitleSearchWidget.prototype.getRequestQuery = function () { return this.getQueryValue(); }; /** * @inheritdoc */ mw.widgets.TitleSearchWidget.prototype.getRequest = function () { return this.getSuggestionsPromise(); }; /** * @inheritdoc */ mw.widgets.TitleSearchWidget.prototype.getRequestCacheDataFromResponse = function ( response ) { return response.query || {}; }; /** * Check if the widget is read-only. * * @return {boolean} */ mw.widgets.TitleSearchWidget.prototype.isReadOnly = function () { return this.query.isReadOnly(); }; /** * Set the read-only state of the widget. * * @param {boolean} readOnly Make input read-only * @chainable * @return {mw.widgets.TitleSearchWidget} The widget, for chaining */ mw.widgets.TitleSearchWidget.prototype.setReadOnly = function ( readOnly ) { this.query.setReadOnly( readOnly ); if ( readOnly ) { // Hide results this.results.clearItems(); } return this; }; }() ); PK ! �fb�- - % mw.widgets.ComplexTitleInputWidget.jsnu �Iw�� /*! * MediaWiki Widgets - ComplexTitleInputWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Like TitleInputWidget, but the namespace has to be input through a separate dropdown field. * * @class * @extends OO.ui.Widget * * @constructor * @description Create an instance of `mw.widgets.ComplexTitleInputWidget`. * @param {Object} [config] Configuration options * @param {Object} config.namespace Configuration for the NamespaceInputWidget dropdown with list of * namespaces * @param {Object} config.title Configuration for the TitleInputWidget text field */ mw.widgets.ComplexTitleInputWidget = function MwWidgetsComplexTitleInputWidget( config ) { // Parent constructor mw.widgets.ComplexTitleInputWidget.super.call( this, config ); // Properties this.namespace = new mw.widgets.NamespaceInputWidget( config.namespace ); this.title = new mw.widgets.TitleInputWidget( Object.assign( {}, config.title, { relative: true, namespace: config.namespace.value || null } ) ); // Events this.namespace.connect( this, { change: 'updateTitleNamespace' } ); // Initialization this.$element .addClass( 'mw-widget-complexTitleInputWidget' ) .append( this.namespace.$element, this.title.$element ); this.updateTitleNamespace(); }; /* Setup */ OO.inheritClass( mw.widgets.ComplexTitleInputWidget, OO.ui.Widget ); /* Static Methods */ /** * @inheritdoc */ mw.widgets.ComplexTitleInputWidget.static.reusePreInfuseDOM = function ( node, config ) { config = mw.widgets.ComplexTitleInputWidget.super.static.reusePreInfuseDOM( node, config ); config.namespace = mw.widgets.NamespaceInputWidget.static.reusePreInfuseDOM( $( node ).find( '.mw-widget-namespaceInputWidget' ), config.namespace ); config.title = mw.widgets.TitleInputWidget.static.reusePreInfuseDOM( $( node ).find( '.mw-widget-titleInputWidget' ), config.title ); return config; }; /** * @inheritdoc */ mw.widgets.ComplexTitleInputWidget.static.gatherPreInfuseState = function ( node, config ) { const state = mw.widgets.ComplexTitleInputWidget.super.static.gatherPreInfuseState( node, config ); state.namespace = mw.widgets.NamespaceInputWidget.static.gatherPreInfuseState( $( node ).find( '.mw-widget-namespaceInputWidget' ), config.namespace ); state.title = mw.widgets.TitleInputWidget.static.gatherPreInfuseState( $( node ).find( '.mw-widget-titleInputWidget' ), config.title ); return state; }; /* Methods */ /** * Update the namespace to use for search suggestions of the title when the value of namespace * dropdown changes. */ mw.widgets.ComplexTitleInputWidget.prototype.updateTitleNamespace = function () { this.title.setNamespace( Number( this.namespace.getValue() ) ); }; /** * @inheritdoc */ mw.widgets.ComplexTitleInputWidget.prototype.restorePreInfuseState = function ( state ) { mw.widgets.ComplexTitleInputWidget.super.prototype.restorePreInfuseState.call( this, state ); this.namespace.restorePreInfuseState( state.namespace ); this.title.restorePreInfuseState( state.title ); }; /** * @inheritdoc */ mw.widgets.ComplexTitleInputWidget.prototype.setDisabled = function ( disabled ) { mw.widgets.ComplexTitleInputWidget.super.prototype.setDisabled.call( this, disabled ); if ( this.namespace ) { this.namespace.setDisabled( disabled ); } if ( this.title ) { this.title.setDisabled( disabled ); } return this; }; }() ); PK ! ��i7� � 0 mw.widgets.ComplexNamespaceInputWidget.base.lessnu �Iw�� /*! * MediaWiki Widgets - base ComplexNamespaceInputWidget styles. * * @copyright 2011-2024 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ .mw-widget-complexNamespaceInputWidget { .mw-widget-namespaceInputWidget, .oo-ui-fieldLayout { display: inline-block; margin-right: 1em; } /* TODO FieldLayout is not supposed to be used the way we use it here */ .oo-ui-fieldLayout { vertical-align: middle; margin-bottom: 0; &.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { padding-left: 0.5em; } } .mw-widget-namespaceInputWidget { max-width: 20em; } } PK ! l� { { mw.widgets.UserInputWidget.jsnu �Iw�� /*! * MediaWiki Widgets - UserInputWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc User input widget. * * @class * @extends OO.ui.TextInputWidget * @mixes OO.ui.mixin.LookupElement * * @constructor * @description Create a mw.widgets.UserInputWidget object. * @param {Object} [config] Configuration options * @param {number} [config.limit=10] Number of results to show * @param {boolean} [config.excludenamed] Whether to exclude named users or not * @param {boolean} [config.excludetemp] Whether to exclude temporary users or not * @param {mw.Api} [config.api] API object to use, creates a default mw.Api instance if not specified */ mw.widgets.UserInputWidget = function MwWidgetsUserInputWidget( config ) { // Config initialization config = config || {}; // Parent constructor mw.widgets.UserInputWidget.super.call( this, Object.assign( {}, config, { autocomplete: false } ) ); // Mixin constructors OO.ui.mixin.LookupElement.call( this, config ); // Properties this.limit = config.limit || 10; this.excludeNamed = config.excludenamed || false; this.excludeTemp = config.excludetemp || false; this.api = config.api || new mw.Api(); // Initialization this.$element.addClass( 'mw-widget-userInputWidget' ); this.lookupMenu.$element.addClass( 'mw-widget-userInputWidget-menu' ); }; /* Setup */ OO.inheritClass( mw.widgets.UserInputWidget, OO.ui.TextInputWidget ); OO.mixinClass( mw.widgets.UserInputWidget, OO.ui.mixin.LookupElement ); /* Methods */ /** * Handle menu item 'choose' event, updating the text input value to the value of the clicked item. * * @param {OO.ui.MenuOptionWidget} item Selected item */ mw.widgets.UserInputWidget.prototype.onLookupMenuChoose = function ( item ) { this.closeLookupMenu(); this.setLookupsDisabled( true ); this.setValue( item.getData() ); this.setLookupsDisabled( false ); }; /** * @inheritdoc */ mw.widgets.UserInputWidget.prototype.focus = function () { // Prevent programmatic focus from opening the menu this.setLookupsDisabled( true ); // Parent method const retval = mw.widgets.UserInputWidget.super.prototype.focus.apply( this, arguments ); this.setLookupsDisabled( false ); return retval; }; /** * @inheritdoc */ mw.widgets.UserInputWidget.prototype.getLookupRequest = function () { return this.api.get( { action: 'query', list: 'allusers', auprefix: this.value, aulimit: this.limit, auexcludenamed: this.excludeNamed, auexcludetemp: this.excludeTemp } ); }; /** * Get lookup cache item from server response data. * * @method * @param {any} response Response from server * @return {Object} */ mw.widgets.UserInputWidget.prototype.getLookupCacheDataFromResponse = function ( response ) { return response.query.allusers || {}; }; /** * Get list of menu items from a server response. * * @param {Object} data Query result * @return {OO.ui.MenuOptionWidget[]} Menu items */ mw.widgets.UserInputWidget.prototype.getLookupMenuOptionsFromData = function ( data ) { const items = []; for ( let i = 0, len = data.length; i < len; i++ ) { const user = data[ i ] || {}; items.push( new OO.ui.MenuOptionWidget( { label: user.name, data: user.name } ) ); } return items; }; }() ); PK ! ^���� � mw.widgets.DateInputWidget.lessnu �Iw�� /*! * MediaWiki Widgets – JS DateInputWidget styles. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ @import 'mediawiki.skin.variables.less'; @import 'mediawiki.mixins.less'; .oo-ui-unselectable() { -webkit-touch-callout: none; .user-select( none ); } @size-indicator: unit( 12 / 16 / 0.8, em ); .mw-widget-dateInputWidget { &-handle { .oo-ui-unselectable(); > .oo-ui-indicatorElement-indicator { display: none; } } &.oo-ui-indicatorElement .mw-widget-dateInputWidget-handle > .oo-ui-indicatorElement-indicator { display: block; position: absolute; top: 0; right: 0; width: @size-indicator; height: 100%; margin: 0 0.775em; } > .oo-ui-textInputWidget { z-index: 2; } &-calendar { background-color: @background-color-base; position: absolute; margin-top: -2px; border-radius: @border-radius-base; box-shadow: @box-shadow-drop-medium; z-index: 1; &:focus { box-shadow: @box-shadow-inset-small @box-shadow-color-progressive--focus, @box-shadow-drop-medium; z-index: 3; } } &-empty { .mw-widget-dateInputWidget-handle { color: @color-subtle; outline: 0; } } &.oo-ui-flaggedElement-invalid { .mw-widget-dateInputWidget-handle { border-color: @border-color-error; box-shadow: none; } } &.oo-ui-widget-enabled { .mw-widget-dateInputWidget-handle:hover { border-color: @border-color-interactive; } .oo-ui-inputWidget-input[ readonly ]:not( .oo-ui-pendingElement-pending ) ~ .mw-widget-dateInputWidget-handle { background-color: @background-color-interactive-subtle; } } &.oo-ui-widget-disabled { .mw-widget-dateInputWidget-handle { background-color: @background-color-disabled-subtle; color: @color-disabled; border-color: @border-color-disabled; text-shadow: 0 1px 1px #fff; cursor: @cursor-base--disabled; > .oo-ui-indicatorElement-indicator { opacity: @opacity-icon-base--disabled; } } } } PK ! �D� � index.jsnu �Iw�� require( './mw.widgets.NamespaceInputWidget.js' ); require( './mw.widgets.ComplexNamespaceInputWidget.js' ); require( './mw.widgets.CopyTextLayout.js' ); require( './mw.widgets.TitleWidget.js' ); require( './mw.widgets.TitleInputWidget.js' ); require( './mw.widgets.TitleSearchWidget.js' ); require( './mw.widgets.ComplexTitleInputWidget.js' ); require( './mw.widgets.TitleOptionWidget.js' ); PK ! ��� � mw.widgets.CopyTextLayout.jsnu �Iw�� /*! * MediaWiki Widgets - CopyTextLayout class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /** * @classdesc Extends CopyTextLayout with MediaWiki notifications. * * @class * @extends OO.ui.CopyTextLayout * * @constructor * @description Create an instance of `mw.widgets.CopyTextLayout`. * @param {Object} [config] Configuration options * @param {string} [config.successMessage] Success message, * defaults to the {@link mw.Message} 'mw-widgets-copytextlayout-copy-success'. * @param {string} [config.failMessage] Failure message, * defaults to the {@link mw.Message} 'mw-widgets-copytextlayout-copy-fail'. */ mw.widgets.CopyTextLayout = function MwWidgetsCopyTextLayout( config ) { // Parent constructor mw.widgets.CopyTextLayout.super.apply( this, arguments ); this.successMessage = config.successMessage || mw.msg( 'mw-widgets-copytextlayout-copy-success' ); this.failMessage = config.failMessage || mw.msg( 'mw-widgets-copytextlayout-copy-fail' ); this.connect( this, { copy: 'onMwCopy' } ); }; /* Inheritence */ OO.inheritClass( mw.widgets.CopyTextLayout, OO.ui.CopyTextLayout ); /* Methods */ /** * Handle copy events. * * @param {boolean} copied */ mw.widgets.CopyTextLayout.prototype.onMwCopy = function ( copied ) { if ( copied ) { mw.notify( this.successMessage ); } else { mw.notify( this.failMessage, { type: 'error' } ); } }; PK ! �D%=# =# " Table/mw.widgets.RowWidgetModel.jsnu �Iw�� /*! * MediaWiki Widgets RowWidgetModel class * * @license The MIT License (MIT); see LICENSE.txt */ /** * @classdesc RowWidget model. * * @class * @mixes OO.EventEmitter * * @constructor * @description Create an instance of `mw.widgets.RowWidgetModel`. * @param {Object} [config] Configuration options * @param {Array} [config.data] An array containing all values of the row * @param {Array} [config.keys] An array of keys for easy cell selection * @param {RegExp|Function|string} [config.validate] Validation pattern to apply on every cell * @param {string} [config.label=''] Row label. Defaults to empty string. * @param {boolean} [config.showLabel=true] Show row label. Defaults to true. * @param {boolean} [config.deletable=true] Allow row to be deleted. Defaults to true. */ mw.widgets.RowWidgetModel = function MwWidgetsRowWidgetModel( config ) { config = config || {}; // Mixin constructors OO.EventEmitter.call( this, config ); this.data = config.data || []; this.validate = config.validate; this.index = ( config.index !== undefined ) ? config.index : -1; this.label = ( config.label !== undefined ) ? config.label : ''; this.showLabel = ( config.showLabel !== undefined ) ? !!config.showLabel : true; this.isDeletable = ( config.deletable !== undefined ) ? !!config.deletable : true; this.initializeProps( config.keys ); }; /* Inheritance */ OO.mixinClass( mw.widgets.RowWidgetModel, OO.EventEmitter ); /* Events */ /** * Fired when a value inside the row has changed. * * @event mw.widgets.RowWidgetModel.valueChange * @param {number} index The column index of the updated cell * @param {number} value The new value */ /** * Fired when a new cell is inserted into the row. * * @event mw.widgets.RowWidgetModel.insertCell * @param {Array} data The initial data * @param {number} index The index in which to insert the new cell */ /** * Fired when a cell is removed from the row. * * @event mw.widgets.RowWidgetModel.removeCell * @param {number} index The removed cell index */ /** * Fired when the row is cleared. * * @event mw.widgets.RowWidgetModel.clear * @param {boolean} clear Clear cell properties */ /** * Fired when the row label might need to be updated. * * @event mw.widgets.RowWidgetModel.labelUpdate */ /* Methods */ /** * Initializes and ensures the proper creation of the cell property array. * If data exceeds the number of cells given, new ones will be created. * * @private * @param {Array} props The initial cell props */ mw.widgets.RowWidgetModel.prototype.initializeProps = function ( props ) { let i, len; this.cells = []; if ( Array.isArray( props ) ) { for ( i = 0, len = props.length; i < len; i++ ) { this.cells.push( { index: i, key: props[ i ] } ); } } }; /** * Triggers the initialization process and builds the initial row. * * @fires mw.widgets.RowWidgetModel.insertCell */ mw.widgets.RowWidgetModel.prototype.setupRow = function () { this.verifyData(); this.buildRow(); }; /** * Verifies if the table data is complete and synced with * cell properties, and adds empty strings as cell data if * cells are missing * * @private */ mw.widgets.RowWidgetModel.prototype.verifyData = function () { let i, len; for ( i = 0, len = this.cells.length; i < len; i++ ) { if ( this.data[ i ] === undefined ) { this.data.push( '' ); } } }; /** * Build initial row * * @private * @fires mw.widgets.RowWidgetModel.insertCell */ mw.widgets.RowWidgetModel.prototype.buildRow = function () { let i, len; for ( i = 0, len = this.cells.length; i < len; i++ ) { this.emit( 'insertCell', this.data[ i ], i ); } }; /** * Refresh the entire row with new data * * @private * @fires mw.widgets.RowWidgetModel.insertCell */ mw.widgets.RowWidgetModel.prototype.refreshRow = function () { // TODO: Clear existing table this.buildRow(); }; /** * Set the value of a particular cell. * * @param {number|string} handle The index or key of the cell * @param {any} value The new value * @fires mw.widgets.RowWidgetModel.valueChange */ mw.widgets.RowWidgetModel.prototype.setValue = function ( handle, value ) { let index; if ( typeof handle === 'number' ) { index = handle; } else if ( typeof handle === 'string' ) { index = this.getCellProperties( handle ).index; } if ( typeof index === 'number' && this.data[ index ] !== undefined && this.data[ index ] !== value ) { this.data[ index ] = value; this.emit( 'valueChange', index, value ); } }; /** * Set the row data. * * @param {Array} data The new row data */ mw.widgets.RowWidgetModel.prototype.setData = function ( data ) { if ( Array.isArray( data ) ) { this.data = data; this.verifyData(); this.refreshRow(); } }; /** * Set the row index. * * @param {number} index The new row index * @fires mw.widgets.RowWidgetModel.labelUpdate */ mw.widgets.RowWidgetModel.prototype.setIndex = function ( index ) { this.index = index; this.emit( 'labelUpdate' ); }; /** * Set the row label. * * @param {number} label The new row label * @fires mw.widgets.RowWidgetModel.labelUpdate */ mw.widgets.RowWidgetModel.prototype.setLabel = function ( label ) { this.label = label; this.emit( 'labelUpdate' ); }; /** * Inserts a row into the table. If the row isn't added at the end of the table, * all the following data will be shifted back one row. * * @param {number|string} [data] The data to insert to the cell. * @param {number} [index] The index in which to insert the new cell. * If unset or set to null, the cell will be added at the end of the row. * @param {string} [key] A key to quickly select this cell. * If unset or set to null, no key will be set. * @fires mw.widgets.RowWidgetModel.insertCell */ mw.widgets.RowWidgetModel.prototype.insertCell = function ( data, index, key ) { const insertIndex = ( typeof index === 'number' ) ? index : this.cells.length; // Add the new cell metadata this.cells.splice( insertIndex, 0, { index: insertIndex, key: key || undefined } ); // Add the new row data const insertData = ( typeof data === 'string' || typeof data === 'number' ) ? data : ''; this.data.splice( insertIndex, 0, insertData ); // Update all indexes in following cells for ( let i = insertIndex + 1, len = this.cells.length; i < len; i++ ) { this.cells[ i ].index++; } this.emit( 'insertCell', data, insertIndex ); }; /** * Removes a cell from the table. If the cell removed isn't at the end of the table, * all the following cells will be shifted back one cell. * * @param {number|string} handle The key or numerical index of the cell to remove * @fires mw.widgets.RowWidgetModel.removeCell */ mw.widgets.RowWidgetModel.prototype.removeCell = function ( handle ) { const cellProps = this.getCellProperties( handle ); // Exit early if the row couldn't be found if ( cellProps === null ) { return; } this.cells.splice( cellProps.index, 1 ); this.data.splice( cellProps.index, 1 ); // Update all indexes in following cells for ( let i = cellProps.index, len = this.cells.length; i < len; i++ ) { this.cells[ i ].index--; } this.emit( 'removeCell', cellProps.index ); }; /** * Clears the row data. * * @fires mw.widgets.RowWidgetModel.clear */ mw.widgets.RowWidgetModel.prototype.clear = function () { this.data = []; this.verifyData(); this.emit( 'clear', false ); }; /** * Clears the row data, as well as all cell properties. * * @fires mw.widgets.RowWidgetModel.clear */ mw.widgets.RowWidgetModel.prototype.clearWithProperties = function () { this.data = []; this.cells = []; this.emit( 'clear', true ); }; /** * Get the validation pattern to test cells against. * * @return {RegExp|Function|string} */ mw.widgets.RowWidgetModel.prototype.getValidationPattern = function () { return this.validate; }; /** * Get all row properties. * * @return {Object} */ mw.widgets.RowWidgetModel.prototype.getRowProperties = function () { return { index: this.index, label: this.label, showLabel: this.showLabel, isDeletable: this.isDeletable }; }; /** * Get properties of a given cell. * * @param {string|number} handle The key (or numeric index) of the cell * @return {Object|null} An object containing the `key` and `index` properties of the cell. * Returns `null` if the cell can't be found. */ mw.widgets.RowWidgetModel.prototype.getCellProperties = function ( handle ) { let cell = null, i, len; if ( typeof handle === 'string' ) { for ( i = 0, len = this.cells.length; i < len; i++ ) { if ( this.cells[ i ].key === handle ) { cell = this.cells[ i ]; break; } } } else if ( typeof handle === 'number' ) { if ( handle < this.cells.length ) { cell = this.cells[ handle ]; } } return cell; }; /** * Get properties of all cells. * * @return {Array} An array of objects containing `key` and `index` properties for each cell */ mw.widgets.RowWidgetModel.prototype.getAllCellProperties = function () { return this.cells.slice(); }; PK ! u���: �: $ Table/mw.widgets.TableWidgetModel.jsnu �Iw�� /*! * MediaWiki Widgets TableWidgetModel class. * * @license The MIT License (MIT); see LICENSE.txt */ /** * Configuration options. * * @typedef {Object} mw.widgets.TableWidgetModel~Config * @property {Array} [rows] An array of objects containing `key` and `label` properties for every row * @property {Array} [cols] An array of objects containing `key` and `label` properties for every column * @property {Array} [data] An array containing all values of the table * @property {RegExp|Function|string} [validate] Validation pattern to apply on every cell * @property {boolean} [showHeaders=true] Show table header row. Defaults to true. * @property {boolean} [showRowLabels=true] Show row labels. Defaults to true. * @property {boolean} [allowRowInsertion=true] Allow row insertion. Defaults to true. * @property {boolean} [allowRowDeletion=true] Allow row deletion. Defaults to true. */ /** * @classdesc TableWidget model. * * @class * @mixes OO.EventEmitter * * @constructor * @description Create an instance of `mw.widgets.TableWidgetModel`. * @param {mw.widgets.TableWidgetModel~Config} [config] Configuration options */ mw.widgets.TableWidgetModel = function MwWidgetsTableWidgetModel( config ) { config = config || {}; // Mixin constructors OO.EventEmitter.call( this, config ); this.data = config.data || []; this.validate = config.validate; this.showHeaders = ( config.showHeaders !== undefined ) ? !!config.showHeaders : true; this.showRowLabels = ( config.showRowLabels !== undefined ) ? !!config.showRowLabels : true; this.allowRowInsertion = ( config.allowRowInsertion !== undefined ) ? !!config.allowRowInsertion : true; this.allowRowDeletion = ( config.allowRowDeletion !== undefined ) ? !!config.allowRowDeletion : true; this.initializeProps( config.rows, config.cols ); }; /* Inheritance */ OO.mixinClass( mw.widgets.TableWidgetModel, OO.EventEmitter ); /* Static Methods */ /** * Get an entry from a props table * * @static * @private * @param {string|number} handle The key (or numeric index) of the row/column * @param {Array} table Props table * @return {Object|null} An object containing the `key`, `index` and `label` * properties of the row/column. Returns `null` if the row/column can't be found. */ mw.widgets.TableWidgetModel.static.getEntryFromPropsTable = function ( handle, table ) { let row = null, i, len; if ( typeof handle === 'string' ) { for ( i = 0, len = table.length; i < len; i++ ) { if ( table[ i ].key === handle ) { row = table[ i ]; break; } } } else if ( typeof handle === 'number' ) { if ( handle < table.length ) { row = table[ handle ]; } } return row; }; /* Events */ /** * Fired when a value inside the table has changed. * * @event mw.widgets.TableWidgetModel.valueChange * @param {number} row The row index of the updated cell * @param {number} column The column index of the updated cell * @param {any} value The new value */ /** * Fired when a new row is inserted into the table. * * @event mw.widgets.TableWidgetModel.insertRow * @param {Array} data The initial data * @param {number} index The index in which to insert the new row * @param {string} key The row key * @param {string} label The row label */ /** * Fired when a new row is inserted into the table. * * @event mw.widgets.TableWidgetModel.insertColumn * @param {Array} data The initial data * @param {number} index The index in which to insert the new column * @param {string} key The column key * @param {string} label The column label */ /** * Fired when a row is removed from the table. * * @event mw.widgets.TableWidgetModel.removeRow * @param {number} index The removed row index * @param {string} key The removed row key */ /** * Fired when a column is removed from the table. * * @event mw.widgets.TableWidgetModel.removeColumn * @param {number} index The removed column index * @param {string} key The removed column key */ /** * Fired when the table data is wiped. * * @event mw.widgets.TableWidgetModel.clear * @param {boolean} clear Clear row/column properties */ /* Methods */ /** * Initializes and ensures the proper creation of the rows and cols property arrays. * If data exceeds the number of rows and cols given, new ones will be created. * * @private * @param {Array} rowProps The initial row props * @param {Array} colProps The initial column props */ mw.widgets.TableWidgetModel.prototype.initializeProps = function ( rowProps, colProps ) { // FIXME: Account for extra data with missing row/col metadata let i, len; this.rows = []; this.cols = []; if ( Array.isArray( rowProps ) ) { for ( i = 0, len = rowProps.length; i < len; i++ ) { this.rows.push( { index: i, key: rowProps[ i ].key, label: rowProps[ i ].label } ); } } if ( Array.isArray( colProps ) ) { for ( i = 0, len = colProps.length; i < len; i++ ) { this.cols.push( { index: i, key: colProps[ i ].key, label: colProps[ i ].label } ); } } }; /** * Triggers the initialization process and builds the initial table. * * @fires mw.widgets.TableWidgetModel.insertRow */ mw.widgets.TableWidgetModel.prototype.setupTable = function () { this.verifyData(); this.buildTable(); }; /** * Verifies if the table data is complete and synced with * row and column properties, and adds empty strings as * cell data if cells are missing * * @private */ mw.widgets.TableWidgetModel.prototype.verifyData = function () { let i, j, rowLen, colLen; for ( i = 0, rowLen = this.rows.length; i < rowLen; i++ ) { if ( this.data[ i ] === undefined ) { this.data.push( [] ); } for ( j = 0, colLen = this.cols.length; j < colLen; j++ ) { if ( this.data[ i ][ j ] === undefined ) { this.data[ i ].push( '' ); } } } }; /** * Build initial table * * @private * @fires mw.widgets.TableWidgetModel.insertRow */ mw.widgets.TableWidgetModel.prototype.buildTable = function () { let i, len; for ( i = 0, len = this.rows.length; i < len; i++ ) { this.emit( 'insertRow', this.data[ i ], i, this.rows[ i ].key, this.rows[ i ].label ); } }; /** * Refresh the entire table with new data * * @private * @fires mw.widgets.TableWidgetModel.insertRow */ mw.widgets.TableWidgetModel.prototype.refreshTable = function () { // TODO: Clear existing table this.buildTable(); }; /** * Set the value of a particular cell. * * @param {number|string} row The index or key of the row * @param {number|string} col The index or key of the column * @param {any} value The new value * @fires mw.widgets.TableWidgetModel.valueChange */ mw.widgets.TableWidgetModel.prototype.setValue = function ( row, col, value ) { let rowIndex, colIndex; if ( typeof row === 'number' ) { rowIndex = row; } else if ( typeof row === 'string' ) { rowIndex = this.getRowProperties( row ).index; } if ( typeof col === 'number' ) { colIndex = col; } else if ( typeof col === 'string' ) { colIndex = this.getColumnProperties( col ).index; } if ( typeof rowIndex === 'number' && typeof colIndex === 'number' && this.data[ rowIndex ] !== undefined && this.data[ rowIndex ][ colIndex ] !== undefined && this.data[ rowIndex ][ colIndex ] !== value ) { this.data[ rowIndex ][ colIndex ] = value; this.emit( 'valueChange', rowIndex, colIndex, value ); } }; /** * Set the table data. * * @param {Array} data The new table data */ mw.widgets.TableWidgetModel.prototype.setData = function ( data ) { if ( Array.isArray( data ) ) { this.data = data; this.verifyData(); this.refreshTable(); } }; /** * Inserts a row into the table. If the row isn't added at the end of the table, * all the following data will be shifted back one row. * * @param {Array} [data] The data to insert to the row. * @param {number} [index] The index in which to insert the new row. * If unset or set to null, the row will be added at the end of the table. * @param {string} [key] A key to quickly select this row. * If unset or set to null, no key will be set. * @param {string} [label] A label to display next to the row. * If unset or set to null, the key will be used if there is one. * @fires mw.widgets.TableWidgetModel.insertRow */ mw.widgets.TableWidgetModel.prototype.insertRow = function ( data, index, key, label ) { const insertIndex = ( typeof index === 'number' ) ? index : this.rows.length; // Add the new row metadata this.rows.splice( insertIndex, 0, { index: insertIndex, key: key || undefined, label: label || undefined } ); const newRowData = []; let insertDataCell; // Add the new row data const insertData = ( Array.isArray( data ) ) ? data : []; // Ensure that all columns of data for this row have been supplied, // otherwise fill the remaining data with empty strings for ( let i = 0, len = this.cols.length; i < len; i++ ) { insertDataCell = ''; if ( typeof insertData[ i ] === 'string' || typeof insertData[ i ] === 'number' ) { insertDataCell = insertData[ i ]; } newRowData.push( insertDataCell ); } this.data.splice( insertIndex, 0, newRowData ); // Update all indexes in following rows for ( let i = insertIndex + 1, len = this.rows.length; i < len; i++ ) { this.rows[ i ].index++; } this.emit( 'insertRow', data, insertIndex, key, label ); }; /** * Inserts a column into the table. If the column isn't added at the end of the table, * all the following data will be shifted back one column. * * @param {Array} [data] The data to insert to the column. * @param {number} [index] The index in which to insert the new column. * If unset or set to null, the column will be added at the end of the table. * @param {string} [key] A key to quickly select this column. * If unset or set to null, no key will be set. * @param {string} [label] A label to display next to the column. * If unset or set to null, the key will be used if there is one. * @fires mw.widgets.TableWidgetModel.insertColumn */ mw.widgets.TableWidgetModel.prototype.insertColumn = function ( data, index, key, label ) { const insertIndex = ( typeof index === 'number' ) ? index : this.cols.length; // Add the new column metadata this.cols.splice( insertIndex, 0, { index: insertIndex, key: key || undefined, label: label || undefined } ); // Add the new column data const insertData = ( Array.isArray( data ) ) ? data : []; // Ensure that all rows of data for this column have been supplied, // otherwise fill the remaining data with empty strings let insertDataCell; for ( let i = 0, len = this.rows.length; i < len; i++ ) { insertDataCell = ''; if ( typeof insertData[ i ] === 'string' || typeof insertData[ i ] === 'number' ) { insertDataCell = insertData[ i ]; } this.data[ i ].splice( insertIndex, 0, insertDataCell ); } // Update all indexes in following cols for ( let i = insertIndex + 1, len = this.cols.length; i < len; i++ ) { this.cols[ i ].index++; } this.emit( 'insertColumn', data, index, key, label ); }; /** * Removes a row from the table. If the row removed isn't at the end of the table, * all the following rows will be shifted back one row. * * @param {number|string} handle The key or numerical index of the row to remove * @fires mw.widgets.TableWidgetModel.removeRow */ mw.widgets.TableWidgetModel.prototype.removeRow = function ( handle ) { const rowProps = this.getRowProperties( handle ); // Exit early if the row couldn't be found if ( rowProps === null ) { return; } this.rows.splice( rowProps.index, 1 ); this.data.splice( rowProps.index, 1 ); // Update all indexes in following rows for ( let i = rowProps.index, len = this.rows.length; i < len; i++ ) { this.rows[ i ].index--; } this.emit( 'removeRow', rowProps.index, rowProps.key ); }; /** * Removes a column from the table. If the column removed isn't at the end of the table, * all the following columns will be shifted back one column. * * @param {number|string} handle The key or numerical index of the column to remove * @fires mw.widgets.TableWidgetModel.removeColumn */ mw.widgets.TableWidgetModel.prototype.removeColumn = function ( handle ) { const colProps = this.getColumnProperties( handle ); // Exit early if the column couldn't be found if ( colProps === null ) { return; } this.cols.splice( colProps.index, 1 ); for ( let i = 0, len = this.data.length; i < len; i++ ) { this.data[ i ].splice( colProps.index, 1 ); } // Update all indexes in following columns for ( let i = colProps.index, len = this.cols.length; i < len; i++ ) { this.cols[ i ].index--; } this.emit( 'removeColumn', colProps.index, colProps.key ); }; /** * Clears the table data. * * @fires mw.widgets.TableWidgetModel.clear */ mw.widgets.TableWidgetModel.prototype.clear = function () { this.data = []; this.verifyData(); this.emit( 'clear', false ); }; /** * Clears the table data, as well as all row and column properties. * * @fires mw.widgets.TableWidgetModel.clear */ mw.widgets.TableWidgetModel.prototype.clearWithProperties = function () { this.data = []; this.rows = []; this.cols = []; this.emit( 'clear', true ); }; /** * Get all table properties. * * @return {Object} */ mw.widgets.TableWidgetModel.prototype.getTableProperties = function () { return { showHeaders: this.showHeaders, showRowLabels: this.showRowLabels, allowRowInsertion: this.allowRowInsertion, allowRowDeletion: this.allowRowDeletion }; }; /** * Get the validation pattern to test cells against. * * @return {RegExp|Function|string} */ mw.widgets.TableWidgetModel.prototype.getValidationPattern = function () { return this.validate; }; /** * Get properties of a given row. * * @param {string|number} handle The key (or numeric index) of the row * @return {Object|null} An object containing the `key`, `index` and `label` properties of the row. * Returns `null` if the row can't be found. */ mw.widgets.TableWidgetModel.prototype.getRowProperties = function ( handle ) { return mw.widgets.TableWidgetModel.static.getEntryFromPropsTable( handle, this.rows ); }; /** * Get properties of all rows. * * @return {Array} An array of objects containing `key`, `index` and `label` properties for each row */ mw.widgets.TableWidgetModel.prototype.getAllRowProperties = function () { return this.rows.slice(); }; /** * Get properties of a given column. * * @param {string|number} handle The key (or numeric index) of the column * @return {Object|null} An object containing the `key`, `index` and * `label` properties of the column. * Returns `null` if the column can't be found. */ mw.widgets.TableWidgetModel.prototype.getColumnProperties = function ( handle ) { return mw.widgets.TableWidgetModel.static.getEntryFromPropsTable( handle, this.cols ); }; /** * Get properties of all columns. * * @return {Array} An array of objects containing `key`, `index` and * `label` properties for each column */ mw.widgets.TableWidgetModel.prototype.getAllColumnProperties = function () { return this.cols.slice(); }; PK ! bmG5� � Table/mw.widgets.RowWidget.jsnu �Iw�� /** * @classdesc Table row widget. A RowWidget is used in conjunction with * {@link mw.widgets.TableWidget table widgets} and should not be instantiated by themselves. * They group together {@link OO.ui.TextInputWidget text input widgets} to form a unified row of * editable data. * * @class * @extends OO.ui.Widget * @mixes OO.ui.mixin.GroupElement * * @constructor * @description Create an instance of `mw.widgets.RowWidget`. * @param {Object} [config] Configuration options * @param {Array} [config.data] The data of the cells * @param {Array} [config.keys] An array of keys for easy cell selection * @param {RegExp|Function|string} [config.validate] Validation pattern to apply on every cell * @param {number} [config.index] The row index. * @param {string} [config.label] The row label to display. If not provided, the row index will * be used be default. If set to null, no label will be displayed. * @param {boolean} [config.showLabel=true] Show row label. Defaults to true. * @param {boolean} [config.deletable=true] Whether the table should provide deletion UI tools * for this row or not. Defaults to true. */ mw.widgets.RowWidget = function MwWidgetsRowWidget( config ) { config = config || {}; // Parent constructor mw.widgets.RowWidget.super.call( this, config ); // Mixin constructor OO.ui.mixin.GroupElement.call( this, config ); // Set up model this.model = new mw.widgets.RowWidgetModel( config ); // Set up group element this.setGroupElement( $( '<div>' ) .addClass( 'mw-widgets-rowWidget-cells' ) ); // Set up label this.labelCell = new OO.ui.LabelWidget( { classes: [ 'mw-widgets-rowWidget-label' ] } ); // Set up delete button if ( this.model.getRowProperties().isDeletable ) { this.deleteButton = new OO.ui.ButtonWidget( { icon: 'trash', classes: [ 'mw-widgets-rowWidget-delete-button' ], flags: 'destructive', title: mw.msg( 'mw-widgets-table-row-delete' ) } ); } // Events this.model.connect( this, { valueChange: 'onValueChange', insertCell: 'onInsertCell', removeCell: 'onRemoveCell', clear: 'onClear', labelUpdate: 'onLabelUpdate' } ); this.aggregate( { change: 'cellChange' } ); this.connect( this, { cellChange: 'onCellChange' } ); if ( this.model.getRowProperties().isDeletable ) { this.deleteButton.connect( this, { click: 'onDeleteButtonClick' } ); } // Initialization this.$element.addClass( 'mw-widgets-rowWidget' ); this.$element.append( this.labelCell.$element, this.$group ); if ( this.model.getRowProperties().isDeletable ) { this.$element.append( this.deleteButton.$element ); } this.setLabel( this.model.getRowProperties().label ); this.model.setupRow(); }; /* Inheritance */ OO.inheritClass( mw.widgets.RowWidget, OO.ui.Widget ); OO.mixinClass( mw.widgets.RowWidget, OO.ui.mixin.GroupElement ); /* Events */ /** * Change when an input contained within the row is updated. * * @event mw.widgets.RowWidget.inputChange * @param {number} index The index of the cell that changed * @param {string} value The new value of the cell */ /** * Fired when the delete button for the row is pressed. * * @event mw.widgets.RowWidget.deleteButtonClick */ /* Methods */ /** * @private * @inheritdoc */ mw.widgets.RowWidget.prototype.addItems = function ( items, index ) { let i, len; OO.ui.mixin.GroupElement.prototype.addItems.call( this, items, index ); for ( i = index, len = items.length; i < len; i++ ) { items[ i ].setData( i ); } }; /** * @private * @inheritdoc */ mw.widgets.RowWidget.prototype.removeItems = function ( items ) { OO.ui.mixin.GroupElement.prototype.removeItems.call( this, items ); const cells = this.getItems(); for ( let i = 0, len = cells.length; i < len; i++ ) { cells[ i ].setData( i ); } }; /** * Get the row index. * * @return {number} The row index */ mw.widgets.RowWidget.prototype.getIndex = function () { return this.model.getRowProperties().index; }; /** * Set the row index. * * @param {number} index The new index */ mw.widgets.RowWidget.prototype.setIndex = function ( index ) { this.model.setIndex( index ); }; /** * Get the label displayed on the row. If no custom label is set, the * row index is used instead. * * @return {string} The row label */ mw.widgets.RowWidget.prototype.getLabel = function () { const props = this.model.getRowProperties(); if ( props.label === null ) { return ''; } else if ( !props.label ) { return props.index.toString(); } else { return props.label; } }; /** * @event mw.widgets.RowWidget.labelUpdate * @param {string} label */ /** * Set the label to be displayed on the widget. * * @param {string} label The new label * @fires mw.widgets.RowWidget.labelUpdate */ mw.widgets.RowWidget.prototype.setLabel = function ( label ) { this.model.setLabel( label ); }; /** * Set the value of a particular cell. * * @param {number} index The cell index * @param {string} value The new value */ mw.widgets.RowWidget.prototype.setValue = function ( index, value ) { this.model.setValue( index, value ); }; /** * Insert a cell at a specified index. * * @param {string} data The cell data * @param {number} index The index to insert the cell at * @param {string} key A key for easy cell selection */ mw.widgets.RowWidget.prototype.insertCell = function ( data, index, key ) { this.model.insertCell( data, index, key ); }; /** * Removes a column at a specified index. * * @param {number} index The index to removeColumn */ mw.widgets.RowWidget.prototype.removeCell = function ( index ) { this.model.removeCell( index ); }; /** * Clear the field values. */ mw.widgets.RowWidget.prototype.clear = function () { this.model.clear(); }; /** * Handle model value changes. * * @param {number} index The column index of the updated cell * @param {number} value The new value * * @fires mw.widgets.RowWidget.inputChange */ mw.widgets.RowWidget.prototype.onValueChange = function ( index, value ) { this.getItems()[ index ].setValue( value ); this.emit( 'inputChange', index, value ); }; /** * Handle model cell insertions. * * @param {string} data The initial data * @param {number} index The index in which to insert the new cell */ mw.widgets.RowWidget.prototype.onInsertCell = function ( data, index ) { this.addItems( [ new OO.ui.TextInputWidget( { data: index, value: data, validate: this.model.getValidationPattern() } ) ], index ); }; /** * Handle model cell removals. * * @param {number} index The removed cell index */ mw.widgets.RowWidget.prototype.onRemoveCell = function ( index ) { this.removeItems( [ index ] ); }; /** * Handle clear requests. */ mw.widgets.RowWidget.prototype.onClear = function () { const cells = this.getItems(); for ( let i = 0, len = cells.length; i < len; i++ ) { cells[ i ].setValue( '' ); } }; /** * Update model label changes. */ mw.widgets.RowWidget.prototype.onLabelUpdate = function () { this.labelCell.setLabel( this.getLabel() ); }; /** * React to cell input change. * * @private * @param {OO.ui.TextInputWidget} input The input that fired the event * @param {string} value The value of the input */ mw.widgets.RowWidget.prototype.onCellChange = function ( input, value ) { // FIXME: The table itself should know if it contains invalid data // in order to pass form state to the dialog when it asks if the Apply // button should be enabled or not. This probably requires the table // and each individual row to handle validation through an array of promises // fed from the cells within. // Right now, the table can't know if it's valid or not because the events // don't get passed through. input.getValidity().done( () => { this.model.setValue( input.getData(), value ); } ); }; /** * Handle delete button clicks. * * @private * @fires mw.widgets.RowWidget.deleteButtonClick */ mw.widgets.RowWidget.prototype.onDeleteButtonClick = function () { this.emit( 'deleteButtonClick' ); }; /** * @inheritdoc */ mw.widgets.RowWidget.prototype.setDisabled = function ( disabled ) { // Parent method mw.widgets.RowWidget.super.prototype.setDisabled.call( this, disabled ); if ( !this.items ) { return; } if ( this.model.getRowProperties().isDeletable ) { this.deleteButton.setDisabled( disabled ); } this.getItems().forEach( ( cell ) => { cell.setDisabled( disabled ); } ); }; PK ! 3� �� � ! Table/mw.widgets.TableWidget.lessnu �Iw�� .mw-widgets-tableWidget { > .mw-widgets-tableWidget-rows { float: left; clear: left; width: 100%; } &.mw-widgets-tableWidget-no-labels .mw-widgets-rowWidget-label { display: none; } } PK ! {��� � Table/mw.widgets.RowWidget.lessnu �Iw�� .mw-widgets-rowWidget { clear: left; float: left; margin-bottom: -1px; width: 100%; &-label { display: block; margin-right: 5%; padding-top: 0.5em; width: 35%; } & > &-label { float: left; } & > &-cells { float: left; > .oo-ui-inputWidget { float: left; margin-right: -1px; width: 8em; } } & > &-cells > .oo-ui-inputWidget > input, & > &-delete-button > .oo-ui-buttonElement-button { margin: 0; border-radius: 0; } } PK ! �۪�> �> Table/mw.widgets.TableWidget.jsnu �Iw�� /** * @classdesc Groups {@link mw.widgets.RowWidget row widgets} together to form a bidimensional * grid of text inputs. * * @class * @extends OO.ui.Widget * @mixes OO.ui.mixin.GroupElement * * @constructor * @description Create an instance of `mw.widgets.TableWidget`. * @param {mw.widgets.TableWidgetModel~Config} [config] Configuration options */ mw.widgets.TableWidget = function MwWidgetsTableWidget( config ) { // Configuration initialization config = config || {}; // Parent constructor mw.widgets.TableWidget.super.call( this, config ); // Mixin constructors OO.ui.mixin.GroupElement.call( this, config ); // Set up model this.model = new mw.widgets.TableWidgetModel( config ); // Properties this.listeningToInsertionRowChanges = true; // Set up group element this.setGroupElement( $( '<div>' ) .addClass( 'mw-widgets-tableWidget-rows' ) ); // Set up static rows const columnProps = this.model.getAllColumnProperties(); if ( this.model.getTableProperties().showHeaders ) { const headerRowItems = []; this.headerRow = new mw.widgets.RowWidget( { deletable: false, label: null } ); for ( let i = 0, len = columnProps.length; i < len; i++ ) { const prop = columnProps[ i ]; headerRowItems.push( this.getHeaderRowItem( prop.label, prop.key, prop.index ) ); } this.headerRow.addItems( headerRowItems ); } if ( this.model.getTableProperties().allowRowInsertion ) { const insertionRowItems = []; this.insertionRow = new mw.widgets.RowWidget( { classes: [ 'mw-widgets-rowWidget-insertionRow' ], deletable: false, label: null } ); for ( let i = 0, len = columnProps.length; i < len; i++ ) { insertionRowItems.push( new OO.ui.TextInputWidget( { data: columnProps[ i ].key ? columnProps[ i ].key : columnProps[ i ].index, disabled: this.isDisabled() } ) ); } this.insertionRow.addItems( insertionRowItems ); } // Set up initial rows if ( Array.isArray( config.items ) ) { this.addItems( config.items ); } // Events this.model.connect( this, { valueChange: 'onValueChange', insertRow: 'onInsertRow', insertColumn: 'onInsertColumn', removeRow: 'onRemoveRow', removeColumn: 'onRemoveColumn', clear: 'onClear' } ); this.aggregate( { inputChange: 'rowInputChange', deleteButtonClick: 'rowDeleteButtonClick' } ); this.connect( this, { rowInputChange: 'onRowInputChange', rowDeleteButtonClick: 'onRowDeleteButtonClick' } ); if ( this.model.getTableProperties().allowRowInsertion ) { this.insertionRow.connect( this, { inputChange: 'onInsertionRowInputChange' } ); } // Initialization this.$element.addClass( 'mw-widgets-tableWidget' ); if ( this.model.getTableProperties().showHeaders ) { this.$element.append( this.headerRow.$element ); } this.$element.append( this.$group ); if ( this.model.getTableProperties().allowRowInsertion ) { this.$element.append( this.insertionRow.$element ); } this.$element.toggleClass( 'mw-widgets-tableWidget-no-labels', !this.model.getTableProperties().showRowLabels ); this.model.setupTable(); }; /* Inheritance */ OO.inheritClass( mw.widgets.TableWidget, OO.ui.Widget ); OO.mixinClass( mw.widgets.TableWidget, OO.ui.mixin.GroupElement ); /* Static Properties */ mw.widgets.TableWidget.static.patterns = { validate: /^[0-9]+(\.[0-9]+)?$/, filter: /[0-9]+(\.[0-9]+)?/ }; /* Events */ /** * Change when the data within the table has been updated. * * @event mw.widgets.TableWidget.change * @param {number} rowIndex The index of the row that changed * @param {string} rowKey The key of the row that changed, or `undefined` if it doesn't exist * @param {number} columnIndex The index of the column that changed * @param {string} columnKey The key of the column that changed, or `undefined` if it doesn't exist * @param {string} value The new value */ /** * Fires when a row is removed from the table. * * @event mw.widgets.TableWidget.removeRow * @param {number} index The index of the row being deleted * @param {string} key The key of the row being deleted */ /* Methods */ /** * Set the value of a particular cell. * * @param {number|string} row The row containing the cell to edit. Can be either * the row index or string key if one has been set for the row. * @param {number|string} col The column containing the cell to edit. Can be either * the column index or string key if one has been set for the column. * @param {any} value The new value */ mw.widgets.TableWidget.prototype.setValue = function ( row, col, value ) { this.model.setValue( row, col, value ); }; /** * Set the table data. * * @param {Array} data The new table data * @return {boolean} The data has been successfully changed */ mw.widgets.TableWidget.prototype.setData = function ( data ) { if ( !Array.isArray( data ) ) { return false; } this.model.setData( data ); return true; }; /** * Inserts a row into the table. If the row isn't added at the end of the table, * all the following data will be shifted back one row. * * @param {Array} [data] The data to insert to the row. * @param {number} [index] The index in which to insert the new row. * If unset or set to null, the row will be added at the end of the table. * @param {string} [key] A key to quickly select this row. * If unset or set to null, no key will be set. * @param {string} [label] A label to display next to the row. * If unset or set to null, the key will be used if there is one. */ mw.widgets.TableWidget.prototype.insertRow = function ( data, index, key, label ) { this.model.insertRow( data, index, key, label ); }; /** * Inserts a column into the table. If the column isn't added at the end of the table, * all the following data will be shifted back one column. * * @param {Array} [data] The data to insert to the column. * @param {number} [index] The index in which to insert the new column. * If unset or set to null, the column will be added at the end of the table. * @param {string} [key] A key to quickly select this column. * If unset or set to null, no key will be set. * @param {string} [label] A label to display next to the column. * If unset or set to null, the key will be used if there is one. */ mw.widgets.TableWidget.prototype.insertColumn = function ( data, index, key, label ) { this.model.insertColumn( data, index, key, label ); }; /** * Removes a row from the table. If the row removed isn't at the end of the table, * all the following rows will be shifted back one row. * * @param {number|string} key The key or numerical index of the row to remove. */ mw.widgets.TableWidget.prototype.removeRow = function ( key ) { this.model.removeRow( key ); }; /** * Removes a column from the table. If the column removed isn't at the end of the table, * all the following columns will be shifted back one column. * * @param {number|string} key The key or numerical index of the column to remove. */ mw.widgets.TableWidget.prototype.removeColumn = function ( key ) { this.model.removeColumn( key ); }; /** * Clears all values from the table, without wiping any row or column properties. */ mw.widgets.TableWidget.prototype.clear = function () { this.model.clear(); }; /** * Clears the table data, as well as all row and column properties. */ mw.widgets.TableWidget.prototype.clearWithProperties = function () { this.model.clearWithProperties(); }; /** * Filter cell input once it is changed. * * @param {string} value The input value * @return {string} The filtered input */ mw.widgets.TableWidget.prototype.filterCellInput = function ( value ) { const matches = value.match( mw.widgets.TableWidget.static.patterns.filter ); return ( Array.isArray( matches ) ) ? matches[ 0 ] : ''; }; /** * Get an input item for the header row. * * @private * @param {string} label The column label * @param {string} key The column key * @param {number} index The column index * @return {OO.ui.TextInputWidget} An input item for the header row */ mw.widgets.TableWidget.prototype.getHeaderRowItem = function ( label, key, index ) { return new OO.ui.TextInputWidget( { value: label || key || index, // TODO: Allow editing of fields disabled: true } ); }; /** * @private * @inheritdoc */ mw.widgets.TableWidget.prototype.addItems = function ( items, index ) { let i, len; OO.ui.mixin.GroupElement.prototype.addItems.call( this, items, index ); for ( i = index, len = items.length; i < len; i++ ) { items[ i ].setIndex( i ); } }; /** * @private * @inheritdoc */ mw.widgets.TableWidget.prototype.removeItems = function ( items ) { OO.ui.mixin.GroupElement.prototype.removeItems.call( this, items ); const rows = this.getItems(); for ( let i = 0, len = rows.length; i < len; i++ ) { rows[ i ].setIndex( i ); } }; /** * Handle model value changes * * @private * @param {number} row The row index of the changed cell * @param {number} col The column index of the changed cell * @param {any} value The new value * @fires mw.widgets.TableWidget.change */ mw.widgets.TableWidget.prototype.onValueChange = function ( row, col, value ) { const rowProps = this.model.getRowProperties( row ), colProps = this.model.getColumnProperties( col ); this.getItems()[ row ].setValue( col, value ); this.emit( 'change', row, rowProps.key, col, colProps.key, value ); }; /** * Handle model row insertions * * @private * @param {Array} data The initial data * @param {number} index The index in which the new row was inserted * @param {string} key The row key * @param {string} label The row label * @fires mw.widgets.TableWidget.change */ mw.widgets.TableWidget.prototype.onInsertRow = function ( data, index, key, label ) { const colProps = this.model.getAllColumnProperties(), keys = []; for ( let i = 0, len = colProps.length; i < len; i++ ) { keys.push( ( colProps[ i ].key ) ? colProps[ i ].key : i ); } const newRow = new mw.widgets.RowWidget( { data: data, keys: keys, validate: this.model.getValidationPattern(), label: label, showLabel: this.model.getTableProperties().showRowLabels, deletable: this.model.getTableProperties().allowRowDeletion } ); newRow.setDisabled( this.isDisabled() ); // TODO: Handle index parameter. Right now all new rows are inserted at the end this.addItems( [ newRow ] ); // If this is the first data being added, refresh headers and insertion row if ( this.model.getAllRowProperties().length === 1 ) { this.refreshTableMarginals(); } for ( let i = 0, len = data.length; i < len; i++ ) { this.emit( 'change', index, key, i, colProps[ i ].key, data[ i ] ); } }; /** * Handle model column insertions * * @private * @param {Array} data The initial data * @param {number} index The index in which to insert the new column * @param {string} key The row key * @param {string} label The row label * * @fires mw.widgets.TableWidget.change */ mw.widgets.TableWidget.prototype.onInsertColumn = function ( data, index, key, label ) { const tableProps = this.model.getTableProperties(), items = this.getItems(), rowProps = this.model.getAllRowProperties(); for ( let i = 0, len = items.length; i < len; i++ ) { items[ i ].insertCell( data[ i ], index, key ); this.emit( 'change', i, rowProps[ i ].key, index, key, data[ i ] ); } if ( tableProps.showHeaders ) { this.headerRow.addItems( [ this.getHeaderRowItem( label, key, index ) ] ); } if ( tableProps.handleRowInsertion ) { this.insertionRow.addItems( [ new OO.ui.TextInputWidget( { validate: this.model.getValidationPattern(), disabled: this.isDisabled() } ) ] ); } }; /** * Handle model row removals * * @private * @param {number} index The removed row index * @param {string} key The removed row key * @fires mw.widgets.TableWidget.removeRow */ mw.widgets.TableWidget.prototype.onRemoveRow = function ( index, key ) { this.removeItems( [ this.getItems()[ index ] ] ); this.emit( 'removeRow', index, key ); }; /** * Handle model column removals * * @private * @param {number} index The removed column index * @param {string} key The removed column key * @fires mw.widgets.TableWidget.removeColumn */ mw.widgets.TableWidget.prototype.onRemoveColumn = function ( index, key ) { const items = this.getItems(); for ( let i = 0; i < items.length; i++ ) { items[ i ].removeCell( index ); } this.emit( 'removeColumn', index, key ); }; /** * Handle model table clears * * @private * @param {boolean} withProperties Clear row/column properties */ mw.widgets.TableWidget.prototype.onClear = function ( withProperties ) { let i, len, rows; if ( withProperties ) { this.removeItems( this.getItems() ); } else { rows = this.getItems(); for ( i = 0, len = rows.length; i < len; i++ ) { rows[ i ].clear(); } } }; /** * React to input changes bubbled up from event aggregation * * @private * @param {mw.widgets.RowWidget} row The row that changed * @param {number} colIndex The column index of the cell that changed * @param {string} value The new value of the input * @fires mw.widgets.TableWidget.change */ mw.widgets.TableWidget.prototype.onRowInputChange = function ( row, colIndex, value ) { const items = this.getItems(); let rowIndex; for ( let i = 0, len = items.length; i < len; i++ ) { if ( row === items[ i ] ) { rowIndex = i; break; } } this.model.setValue( rowIndex, colIndex, value ); }; /** * React to new row input changes * * @private * @param {number} colIndex The column index of the input that fired the change * @param {string} value The new row value */ mw.widgets.TableWidget.prototype.onInsertionRowInputChange = function ( colIndex, value ) { const insertionRowItems = this.insertionRow.getItems(), newRowData = []; if ( this.listeningToInsertionRowChanges ) { for ( let i = 0, len = insertionRowItems.length; i < len; i++ ) { if ( i === colIndex ) { newRowData.push( value ); } else { newRowData.push( '' ); } } this.insertRow( newRowData ); // Focus newly inserted row const lastRow = this.getItems().slice( -1 )[ 0 ]; lastRow.getItems()[ colIndex ].focus(); // Reset insertion row this.listeningToInsertionRowChanges = false; this.insertionRow.clear(); this.listeningToInsertionRowChanges = true; } }; /** * Handle row deletion input * * @private * @param {mw.widgets.RowWidget} row The row that asked for the deletion */ mw.widgets.TableWidget.prototype.onRowDeleteButtonClick = function ( row ) { const items = this.getItems(); let i = -1, len; for ( i = 0, len = items.length; i < len; i++ ) { if ( items[ i ] === row ) { break; } } this.removeRow( i ); }; /** * @inheritdoc */ mw.widgets.TableWidget.prototype.setDisabled = function ( disabled ) { // Parent method mw.widgets.TableWidget.super.prototype.setDisabled.call( this, disabled ); if ( !this.items ) { return; } this.getItems().forEach( ( row ) => { row.setDisabled( disabled ); } ); if ( this.model.getTableProperties().allowRowInsertion ) { this.insertionRow.getItems().forEach( ( row ) => { row.setDisabled( disabled ); } ); } }; /** * Refresh table header and insertion row. */ mw.widgets.TableWidget.prototype.refreshTableMarginals = function () { const tableProps = this.model.getTableProperties(), columnProps = this.model.getAllColumnProperties(); if ( tableProps.showHeaders ) { this.headerRow.removeItems( this.headerRow.getItems() ); const rowItems = []; for ( let i = 0, len = columnProps.length; i < len; i++ ) { const prop = columnProps[ i ]; rowItems.push( this.getHeaderRowItem( prop.label, prop.key, prop.index ) ); } this.headerRow.addItems( rowItems ); } if ( tableProps.allowRowInsertion ) { this.insertionRow.clear(); this.insertionRow.removeItems( this.insertionRow.getItems() ); for ( let i = 0, len = columnProps.length; i < len; i++ ) { this.insertionRow.insertCell( '', columnProps[ i ].index, columnProps[ i ].key ); } } }; PK ! L �t7 7 LICENSE.txtnu �Iw�� Copyright (c) 2011-2015 MediaWiki Widgets Team and others under the terms of The MIT License (MIT), as follows: This software consists of voluntary contributions made by many individuals (AUTHORS.txt) For exact contribution history, see the revision history and logs, available at https://gerrit.wikimedia.org Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. PK ! �h<� / MediaSearch/mw.widgets.MediaResourceProvider.jsnu �Iw�� /*! * MediaWiki Widgets - MediaResourceProvider class. * * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Media resource provider. * * @class * @extends mw.widgets.APIResultsProvider * * @constructor * @description Create an instance of `mw.widgets.MediaResourceProvider`. * @param {string} apiurl The API url * @param {Object} [config] Configuration options * @param {string} [config.scriptDirUrl] The url of the API script */ mw.widgets.MediaResourceProvider = function MwWidgetsMediaResourceProvider( apiurl, config ) { config = config || {}; // Parent constructor mw.widgets.MediaResourceProvider.super.call( this, apiurl, config ); // Fetching configuration this.scriptDirUrl = config.scriptDirUrl; this.isLocal = config.local !== undefined; if ( this.isLocal ) { this.setAPIurl( mw.util.wikiScript( 'api' ) ); } else { // If 'apiurl' is set, use that. Otherwise, build the url // from scriptDirUrl and /api.php suffix this.setAPIurl( this.getAPIurl() || ( this.scriptDirUrl + '/api.php' ) ); } this.siteInfoPromise = null; this.thumbSizes = []; this.imageSizes = []; }; /* Inheritance */ OO.inheritClass( mw.widgets.MediaResourceProvider, mw.widgets.APIResultsProvider ); /* Methods */ /** * @inheritdoc */ mw.widgets.MediaResourceProvider.prototype.getStaticParams = function () { return Object.assign( {}, // Parent method mw.widgets.MediaResourceProvider.super.prototype.getStaticParams.call( this ), { action: 'query', iiprop: 'dimensions|url|mediatype|extmetadata|timestamp|user', iiextmetadatalanguage: this.getLang(), prop: 'imageinfo' } ); }; /** * Initialize the source and get the site info. * * Connect to the api url and retrieve the siteinfo parameters * that are required for fetching results. * * @return {jQuery.Promise} Promise that resolves when the class * properties are set. */ mw.widgets.MediaResourceProvider.prototype.loadSiteInfo = function () { if ( !this.siteInfoPromise ) { this.siteInfoPromise = new mw.Api().get( { action: 'query', meta: 'siteinfo' } ) .then( ( data ) => { this.setImageSizes( data.query.general.imagelimits || [] ); this.setThumbSizes( data.query.general.thumblimits || [] ); this.setUserParams( { // Standard width per resource iiurlwidth: this.getStandardWidth() } ); } ); } return this.siteInfoPromise; }; /** * Override parent method and get results from the source. * * @param {number} [howMany] The number of items to pull from the API * @return {jQuery.Promise} Promise that is resolved into an array * of available results, or is rejected if no results are available. */ mw.widgets.MediaResourceProvider.prototype.getResults = function ( howMany ) { let xhr, aborted = false; return this.loadSiteInfo() .then( () => { if ( aborted ) { return $.Deferred().reject(); } xhr = this.fetchAPIresults( howMany ); return xhr; } ) .then( ( results ) => { if ( !results || results.length === 0 ) { this.toggleDepleted( true ); return []; } return results; }, // Process failed, return an empty promise () => { this.toggleDepleted( true ); return $.Deferred().resolve( [] ); } ) .promise( { abort: function () { aborted = true; if ( xhr ) { xhr.abort(); } } } ); }; /** * Get continuation API data. * * @param {number} howMany The number of results to retrieve * @return {Object} API request data */ mw.widgets.MediaResourceProvider.prototype.getContinueData = function () { return {}; }; /** * Set continuation data for the next page. * * @param {Object} continueData Continuation data */ mw.widgets.MediaResourceProvider.prototype.setContinue = function () { }; /** * Sort the results. * * @param {Object[]} results API results * @return {Object[]} Sorted results */ mw.widgets.MediaResourceProvider.prototype.sort = function ( results ) { return results; }; /** * Call the API for search results. * * @param {number} howMany The number of results to retrieve * @return {jQuery.Promise} Promise that resolves with an array of objects that contain * the fetched data. */ mw.widgets.MediaResourceProvider.prototype.fetchAPIresults = function ( howMany ) { if ( !this.isValid() ) { return $.Deferred().reject().promise( { abort: function () {} } ); } const api = this.isLocal ? new mw.Api() : new mw.ForeignApi( this.getAPIurl(), { anonymous: true } ); const xhr = api.get( Object.assign( {}, this.getStaticParams(), this.getUserParams(), this.getContinueData( howMany ) ) ); return xhr .then( ( data ) => { const results = []; if ( data.error ) { this.toggleDepleted( true ); return []; } if ( data.continue ) { // Update the offset for next time this.setContinue( data.continue ); } else { // This is the last available set of results. Mark as depleted! this.toggleDepleted( true ); } // If the source returned no results, it will not have a // query property if ( data.query ) { const raw = data.query.pages; if ( raw ) { // Strip away the page ids for ( const page in raw ) { if ( !raw[ page ].imageinfo ) { // The search may give us pages that belong to the File: // namespace but have no files in them, either because // they were deleted or imported wrongly, or just started // as pages. In that case, the response will not include // imageinfo. Skip those files. continue; } const newObj = raw[ page ].imageinfo[ 0 ]; newObj.title = raw[ page ].title; newObj.index = raw[ page ].index; results.push( newObj ); } } } return this.sort( results ); } ) .promise( { abort: xhr.abort } ); }; /** * Set name. * * @param {string} name */ mw.widgets.MediaResourceProvider.prototype.setName = function ( name ) { this.name = name; }; /** * Get name. * * @return {string} name */ mw.widgets.MediaResourceProvider.prototype.getName = function () { return this.name; }; /** * Get standard width, based on the provider source's thumb sizes. * * @return {number|undefined} fetchWidth */ mw.widgets.MediaResourceProvider.prototype.getStandardWidth = function () { return ( this.thumbSizes && this.thumbSizes[ this.thumbSizes.length - 1 ] ) || ( this.imageSizes && this.imageSizes[ 0 ] ) || // Fall back on a number 300; }; /** * Get prop. * * @return {string} prop */ mw.widgets.MediaResourceProvider.prototype.getFetchProp = function () { return this.fetchProp; }; /** * Set prop. * * @param {string} prop */ mw.widgets.MediaResourceProvider.prototype.setFetchProp = function ( prop ) { this.fetchProp = prop; }; /** * Set thumb sizes. * * @param {number[]} sizes Available thumbnail sizes */ mw.widgets.MediaResourceProvider.prototype.setThumbSizes = function ( sizes ) { this.thumbSizes = sizes; }; /** * Set image sizes. * * @param {number[]} sizes Available image sizes */ mw.widgets.MediaResourceProvider.prototype.setImageSizes = function ( sizes ) { this.imageSizes = sizes; }; /** * Get thumb sizes. * * @return {number[]} sizes Available thumbnail sizes */ mw.widgets.MediaResourceProvider.prototype.getThumbSizes = function () { return this.thumbSizes; }; /** * Get image sizes. * * @return {number[]} sizes Available image sizes */ mw.widgets.MediaResourceProvider.prototype.getImageSizes = function () { return this.imageSizes; }; /** * Check if this source is valid. * * @return {boolean} Source is valid */ mw.widgets.MediaResourceProvider.prototype.isValid = function () { return this.isLocal || // If we don't have either 'apiurl' or 'scriptDirUrl' // the source is invalid, and we will skip it this.apiurl !== undefined || this.scriptDirUrl !== undefined; }; }() ); PK ! \\�Y + MediaSearch/mw.widgets.MediaResultWidget.jsnu �Iw�� /*! * MediaWiki Widgets - MediaResultWidget class. * * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Media result widget. * * @class * @extends OO.ui.OptionWidget * * @constructor * @description Creates an mw.widgets.MediaResultWidget object. * @param {Object} [config] Configuration options * @param {number} [config.rowHeight] Height of the row this result is part of * @param {number} [config.maxRowWidth] A limit for the width of the row this * result is a part of. * @param {number} [config.minWidth] Minimum width for the result * @param {number} [config.maxWidth] Maximum width for the result */ mw.widgets.MediaResultWidget = function MwWidgetsMediaResultWidget( config ) { // Configuration initialization config = config || {}; // Parent constructor mw.widgets.MediaResultWidget.super.call( this, config ); // Properties this.setRowHeight( config.rowHeight || 150 ); this.maxRowWidth = config.maxRowWidth || 500; this.minWidth = config.minWidth || this.maxRowWidth / 5; this.maxWidth = config.maxWidth || this.maxRowWidth * 2 / 3; this.imageDimensions = {}; this.isAudio = this.data.mediatype === 'AUDIO'; // Store the thumbnail url this.thumbUrl = this.data.thumburl; this.src = null; this.row = null; this.$thumb = $( '<img>' ) .addClass( 'mw-widget-mediaResultWidget-thumbnail' ) .attr( 'alt', '' ) .on( { load: this.onThumbnailLoad.bind( this ), error: this.onThumbnailError.bind( this ) } ); this.$overlay = $( '<div>' ) .addClass( 'mw-widget-mediaResultWidget-overlay' ); this.calculateSizing( this.data ); // Initialization this.setLabel( new mw.Title( this.data.title ).getNameText() ); this.$label.addClass( 'mw-widget-mediaResultWidget-nameLabel' ); this.$element .addClass( 'mw-widget-mediaResultWidget ve-ui-texture-pending' ) .prepend( this.$thumb, this.$overlay ); }; /* Inheritance */ OO.inheritClass( mw.widgets.MediaResultWidget, OO.ui.OptionWidget ); /* Static methods */ // Copied from ve.dm.MWImageNode mw.widgets.MediaResultWidget.static.resizeToBoundingBox = function ( imageDimensions, boundingBox ) { let newDimensions = OO.copy( imageDimensions ); const scale = Math.min( boundingBox.height / imageDimensions.height, boundingBox.width / imageDimensions.width ); if ( scale < 1 ) { // Scale down newDimensions = { width: Math.floor( newDimensions.width * scale ), height: Math.floor( newDimensions.height * scale ) }; } return newDimensions; }; /* Methods */ mw.widgets.MediaResultWidget.prototype.onThumbnailLoad = function () { this.$thumb.first().addClass( 've-ui-texture-transparency' ); this.$element .addClass( 'mw-widget-mediaResultWidget-done' ) .removeClass( 've-ui-texture-pending' ); }; mw.widgets.MediaResultWidget.prototype.onThumbnailError = function () { this.$thumb.last() .css( 'background-image', '' ) .addClass( 've-ui-texture-alert' ); this.$element .addClass( 'mw-widget-mediaResultWidget-error' ) .removeClass( 've-ui-texture-pending' ); }; /** * Resize the thumbnail and wrapper according to row height and bounding boxes, if given. * * @param {Object} originalDimensions Original image dimensions with width and height values * @param {Object} [boundingBox] Specific bounding box, if supplied */ mw.widgets.MediaResultWidget.prototype.calculateSizing = function ( originalDimensions, boundingBox ) { boundingBox = boundingBox || {}; let imageDimensions; if ( this.isAudio ) { // HACK: We are getting the wrong information from the // API about audio files. Set their thumbnail to square 120px imageDimensions = { width: 120, height: 120 }; } else { // Get the image within the bounding box imageDimensions = this.constructor.static.resizeToBoundingBox( // Image original dimensions { width: originalDimensions.width || originalDimensions.thumbwidth, height: originalDimensions.height || originalDimensions.thumbwidth }, // Bounding box { width: boundingBox.width || this.getImageMaxWidth(), height: boundingBox.height || this.getRowHeight() } ); } this.imageDimensions = imageDimensions; // Set the thumbnail size this.$thumb.css( this.imageDimensions ); // Set the box size const wrapperPadding = this.calculateWrapperPadding( this.imageDimensions ); this.$element.css( wrapperPadding ); }; /** * Replace the empty .src attribute of the image with the * actual src. */ mw.widgets.MediaResultWidget.prototype.lazyLoad = function () { if ( !this.hasSrc() ) { this.src = this.thumbUrl; this.$thumb.attr( 'src', this.thumbUrl ); } }; /** * Retrieve the store dimensions object. * * @return {Object} Thumb dimensions */ mw.widgets.MediaResultWidget.prototype.getDimensions = function () { return this.dimensions; }; /** * Resize thumbnail and element according to the resize factor. * * @param {number} resizeFactor The resizing factor for the image */ mw.widgets.MediaResultWidget.prototype.resizeThumb = function ( resizeFactor ) { const imageOriginalWidth = this.imageDimensions.width, wrapperWidth = this.$element.width(); // Set the new row height this.setRowHeight( Math.ceil( this.getRowHeight() * resizeFactor ) ); const boundingBox = { width: Math.ceil( this.imageDimensions.width * resizeFactor ), height: this.getRowHeight() }; this.calculateSizing( this.data, boundingBox ); // We need to adjust the wrapper this time to fit the "perfect" // dimensions, regardless of how small the image is if ( imageOriginalWidth < wrapperWidth ) { boundingBox.width = wrapperWidth * resizeFactor; } this.$element.css( this.calculateWrapperPadding( boundingBox ) ); }; /** * Adjust the wrapper padding for small images. * * @param {Object} thumbDimensions Thumbnail dimensions * @return {Object} Css styling for the wrapper */ mw.widgets.MediaResultWidget.prototype.calculateWrapperPadding = function ( thumbDimensions ) { const css = { height: this.rowHeight, width: thumbDimensions.width, lineHeight: this.getRowHeight() + 'px' }; // Check if the image is too thin so we can make a bit of space around it if ( thumbDimensions.width < this.minWidth ) { css.width = this.minWidth; } return css; }; /** * Set the row height for all size calculations. * * @return {number} rowHeight Row height */ mw.widgets.MediaResultWidget.prototype.getRowHeight = function () { return this.rowHeight; }; /** * Set the row height for all size calculations. * * @param {number} rowHeight Row height */ mw.widgets.MediaResultWidget.prototype.setRowHeight = function ( rowHeight ) { this.rowHeight = rowHeight; }; mw.widgets.MediaResultWidget.prototype.setImageMaxWidth = function ( width ) { this.maxWidth = width; }; mw.widgets.MediaResultWidget.prototype.getImageMaxWidth = function () { return this.maxWidth; }; /** * Set the row this result is in. * * @param {number} row Row number */ mw.widgets.MediaResultWidget.prototype.setRow = function ( row ) { this.row = row; }; /** * Get the row this result is in. * * @return {number} row Row number */ mw.widgets.MediaResultWidget.prototype.getRow = function () { return this.row; }; /** * Check if the image has a src attribute already. * * @return {boolean} Thumbnail has its source attribute set */ mw.widgets.MediaResultWidget.prototype.hasSrc = function () { return !!this.src; }; }() ); PK ! �Y�M * MediaSearch/mw.widgets.MediaSearchQueue.jsnu �Iw�� /*! * MediaWiki Widgets - MediaSearchQueue class. * * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Media resource queue. * * @class * @extends mw.widgets.MediaResourceQueue * * @constructor * @description Create an instance of `mw.widgets.MediaSearchQueue`. * @param {Object} [config] Configuration options * @param {number} config.maxHeight The maximum height of the media, used in the * search call to the API. */ mw.widgets.MediaSearchQueue = function MwWidgetsMediaSearchQueue( config ) { config = config || {}; // Parent constructor mw.widgets.MediaSearchQueue.super.call( this, config ); }; /* Inheritance */ OO.inheritClass( mw.widgets.MediaSearchQueue, mw.widgets.MediaResourceQueue ); /** * Override parent method to set up the providers according to * the file repos. * * @return {jQuery.Promise} Promise that resolves when the resources are set up */ mw.widgets.MediaSearchQueue.prototype.setup = function () { return this.getFileRepos().then( ( sources ) => { if ( this.providers.length === 0 ) { // Set up the providers for ( let i = 0, len = sources.length; i < len; i++ ) { this.addProvider( new mw.widgets.MediaSearchProvider( sources[ i ].apiurl, { name: sources[ i ].name, local: sources[ i ].local, scriptDirUrl: sources[ i ].scriptDirUrl, userParams: { gsrsearch: this.getSearchQuery() }, staticParams: { iiurlheight: this.getMaxHeight() } } ) ); } } } ); }; /** * Set the search query. * * @param {string} searchQuery API search query */ mw.widgets.MediaSearchQueue.prototype.setSearchQuery = function ( searchQuery ) { this.setParams( { gsrsearch: searchQuery } ); }; /** * Get the search query. * * @return {string} API search query */ mw.widgets.MediaSearchQueue.prototype.getSearchQuery = function () { return this.getParams().gsrsearch; }; }() ); PK ! SR��{ { , MediaSearch/mw.widgets.MediaResourceQueue.jsnu �Iw�� /*! * MediaWiki Widgets - MediaResourceQueue class. * * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Media resource queue. * * @class * @extends mw.widgets.APIResultsQueue * * @constructor * @description Create an instance of `mw.widgets.MediaResourceQueue`. * @param {Object} [config] Configuration options * @param {number} config.maxHeight The maximum height of the media, used in the * search call to the API. */ mw.widgets.MediaResourceQueue = function MwWidgetsMediaResourceQueue( config ) { config = config || {}; // Parent constructor mw.widgets.MediaResourceQueue.super.call( this, config ); this.maxHeight = config.maxHeight || 200; }; /* Inheritance */ OO.inheritClass( mw.widgets.MediaResourceQueue, mw.widgets.APIResultsQueue ); /** * Fetch the file repos. * * @return {jQuery.Promise} Promise that resolves when the resources are set up */ mw.widgets.MediaResourceQueue.prototype.getFileRepos = function () { const defaultSource = [ { url: mw.util.wikiScript( 'api' ), local: '' } ]; if ( !this.fileRepoPromise ) { this.fileRepoPromise = new mw.Api().get( { action: 'query', meta: 'filerepoinfo' } ).then( ( resp ) => resp.query && resp.query.repos || defaultSource, () => $.Deferred().resolve( defaultSource ) ); } return this.fileRepoPromise; }; /** * Get image maximum height. * * @return {string} Image max height */ mw.widgets.MediaResourceQueue.prototype.getMaxHeight = function () { return this.maxHeight; }; }() ); PK ! 1����3 �3 + MediaSearch/mw.widgets.MediaSearchWidget.jsnu �Iw�� /*! * MediaWiki Widgets - MediaSearchWidget class. * * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Media search widget. * * @class * @extends OO.ui.SearchWidget * * @constructor * @description Creates an mw.widgets.MediaSearchWidget object. * @param {Object} [config] Configuration options * @param {number} [size] Vertical size of thumbnails */ mw.widgets.MediaSearchWidget = function MwWidgetsMediaSearchWidget( config ) { // Configuration initialization config = Object.assign( { placeholder: mw.msg( 'mw-widgets-mediasearch-input-placeholder' ) }, config ); // Parent constructor mw.widgets.MediaSearchWidget.super.call( this, config ); // Properties this.providers = {}; this.lastQueryValue = ''; const queueConfig = { limit: this.constructor.static.limit, threshold: this.constructor.static.threshold }; this.searchQueue = new mw.widgets.MediaSearchQueue( queueConfig ); this.userUploadsQueue = new mw.widgets.MediaUserUploadsQueue( queueConfig ); this.currentQueue = null; this.queryTimeout = null; this.itemCache = {}; this.promises = []; this.$panels = config.$panels; this.externalLinkUrlProtocolsRegExp = new RegExp( '^(' + mw.config.get( 'wgUrlProtocols' ) + ')', 'i' ); // Masonry fit properties this.rows = []; this.rowHeight = config.rowHeight || 200; this.layoutQueue = []; this.numItems = 0; this.currentItemCache = []; this.resultsSize = {}; this.selected = null; this.recentUploadsMessage = new OO.ui.LabelWidget( { label: mw.msg( 'mw-widgets-mediasearch-recent-uploads', mw.user ), classes: [ 'mw-widget-mediaSearchWidget-recentUploads' ] } ); this.recentUploadsMessage.toggle( false ); this.noItemsMessage = new OO.ui.LabelWidget( { label: mw.msg( 'mw-widgets-mediasearch-noresults' ), classes: [ 'mw-widget-mediaSearchWidget-noResults' ] } ); this.noItemsMessage.toggle( false ); // Events this.$results.on( 'scroll', this.onResultsScroll.bind( this ) ); this.results.connect( this, { change: 'onResultsChange', remove: 'onResultsRemove' } ); this.resizeHandler = OO.ui.debounce( this.afterResultsResize.bind( this ), 500 ); // Initialization this.setLang( config.lang || 'en' ); this.$results.prepend( this.recentUploadsMessage.$element, this.noItemsMessage.$element ); this.$element.addClass( 'mw-widget-mediaSearchWidget' ); this.query.$input.attr( 'aria-label', mw.msg( 'mw-widgets-mediasearch-input-placeholder' ) ); this.results.$element.attr( 'aria-label', mw.msg( 'mw-widgets-mediasearch-results-aria-label' ) ); }; /* Inheritance */ OO.inheritClass( mw.widgets.MediaSearchWidget, OO.ui.SearchWidget ); /* Static properties */ mw.widgets.MediaSearchWidget.static.limit = 10; mw.widgets.MediaSearchWidget.static.threshold = 5; /* Methods */ /** * Respond to window resize and check if the result display should * be updated. */ mw.widgets.MediaSearchWidget.prototype.afterResultsResize = function () { const items = this.currentItemCache; if ( items.length > 0 && ( this.resultsSize.width !== this.$results.width() || this.resultsSize.height !== this.$results.height() ) ) { this.resetRows(); this.itemCache = {}; this.processQueueResults( items ); if ( !this.results.isEmpty() ) { this.lazyLoadResults(); } // Cache the size this.resultsSize = { width: this.$results.width(), height: this.$results.height() }; } }; /** * Teardown the widget; disconnect the window resize event. */ mw.widgets.MediaSearchWidget.prototype.teardown = function () { $( window ).off( 'resize', this.resizeHandler ); }; /** * Setup the widget; activate the resize event. */ mw.widgets.MediaSearchWidget.prototype.setup = function () { $( window ).on( 'resize', this.resizeHandler ); }; /** * Query all sources for media. * * @method */ mw.widgets.MediaSearchWidget.prototype.queryMediaQueue = function () { const search = this, value = this.getQueryValue(); if ( value === '' ) { if ( mw.user.isAnon() ) { return; } else { if ( this.currentQueue !== this.userUploadsQueue ) { this.userUploadsQueue.reset(); } this.currentQueue = this.userUploadsQueue; // TODO: use cached results? } } else { this.currentQueue = this.searchQueue; this.currentQueue.setSearchQuery( value ); } this.recentUploadsMessage.toggle( this.currentQueue === this.userUploadsQueue ); this.query.pushPending(); search.noItemsMessage.toggle( false ); this.currentQueue.get( this.constructor.static.limit ) .then( ( items ) => { if ( items.length > 0 ) { search.processQueueResults( items ); search.currentItemCache = search.currentItemCache.concat( items ); } search.query.popPending(); search.noItemsMessage.toggle( search.results.isEmpty() ); if ( !search.results.isEmpty() ) { search.lazyLoadResults(); } } ); }; /** * Process the media queue giving more items. * * @method * @param {Object[]} items Given items by the media queue */ mw.widgets.MediaSearchWidget.prototype.processQueueResults = function ( items ) { const resultWidgets = [], inputSearchQuery = this.getQueryValue(), queueSearchQuery = this.searchQueue.getSearchQuery(); if ( this.currentQueue === this.searchQueue && ( inputSearchQuery === '' || queueSearchQuery !== inputSearchQuery ) ) { return; } for ( let i = 0, len = items.length; i < len; i++ ) { const title = new mw.Title( items[ i ].title ).getMainText(); // Do not insert duplicates if ( !Object.prototype.hasOwnProperty.call( this.itemCache, title ) ) { this.itemCache[ title ] = true; resultWidgets.push( new mw.widgets.MediaResultWidget( { data: items[ i ], rowHeight: this.rowHeight, maxWidth: this.results.$element.width() / 3, minWidth: 30, rowWidth: this.results.$element.width() } ) ); } } this.results.addItems( resultWidgets ); }; /** * Get the sanitized query value from the input. * * @return {string} Query value */ mw.widgets.MediaSearchWidget.prototype.getQueryValue = function () { let queryValue = this.query.getValue().trim(); if ( queryValue.match( this.externalLinkUrlProtocolsRegExp ) ) { queryValue = queryValue.match( /.+\/([^/]+)/ )[ 1 ]; } return queryValue; }; /** * Handle search value change. * * @param {string} value New value */ mw.widgets.MediaSearchWidget.prototype.onQueryChange = function () { // Get the sanitized query value const queryValue = this.getQueryValue(); if ( queryValue === this.lastQueryValue ) { return; } // Parent method mw.widgets.MediaSearchWidget.super.prototype.onQueryChange.apply( this, arguments ); // Reset this.itemCache = {}; this.currentItemCache = []; this.resetRows(); this.recentUploadsMessage.toggle( false ); // Empty the results queue this.layoutQueue = []; // Change resource queue query this.searchQueue.setSearchQuery( queryValue ); this.lastQueryValue = queryValue; // Queue clearTimeout( this.queryTimeout ); this.queryTimeout = setTimeout( this.queryMediaQueue.bind( this ), 350 ); }; /** * Handle results scroll events. * * @param {jQuery.Event} e Scroll event */ mw.widgets.MediaSearchWidget.prototype.onResultsScroll = function () { const position = this.$results.scrollTop() + this.$results.outerHeight(), threshold = this.results.$element.outerHeight() - this.rowHeight * 3; // Check if we need to ask for more results if ( !this.query.isPending() && position > threshold ) { this.queryMediaQueue(); } this.lazyLoadResults(); }; /** * Lazy-load the images that are visible. */ mw.widgets.MediaSearchWidget.prototype.lazyLoadResults = function () { const items = this.results.getItems(), resultsScrollTop = this.$results.scrollTop(), position = resultsScrollTop + this.$results.outerHeight(); // Lazy-load results for ( let i = 0; i < items.length; i++ ) { const elementTop = items[ i ].$element.position().top; if ( elementTop <= position && !items[ i ].hasSrc() ) { // Load the image items[ i ].lazyLoad(); } } }; /** * Reset all the rows; destroy the jQuery elements and reset * the rows array. */ mw.widgets.MediaSearchWidget.prototype.resetRows = function () { for ( let i = 0, len = this.rows.length; i < len; i++ ) { this.rows[ i ].$element.remove(); } this.rows = []; this.itemCache = {}; }; /** * Find an available row at the end. Either we will need to create a new * row or use the last available row if it isn't full. * * @return {number} Row index */ mw.widgets.MediaSearchWidget.prototype.getAvailableRow = function () { let row; if ( this.rows.length === 0 ) { row = 0; } else { row = this.rows.length - 1; } if ( !this.rows[ row ] ) { // Create new row this.rows[ row ] = { isFull: false, width: 0, items: [], $element: $( '<div>' ) .addClass( 'mw-widget-mediaResultWidget-row' ) .css( { overflow: 'hidden' } ) .data( 'row', row ) .attr( 'data-full', false ) }; // Append to results this.results.$element.append( this.rows[ row ].$element ); } else if ( this.rows[ row ].isFull ) { row++; // Create new row this.rows[ row ] = { isFull: false, width: 0, items: [], $element: $( '<div>' ) .addClass( 'mw-widget-mediaResultWidget-row' ) .css( { overflow: 'hidden' } ) .data( 'row', row ) .attr( 'data-full', false ) }; // Append to results this.results.$element.append( this.rows[ row ].$element ); } return row; }; /** * Respond to change results event in the results widget. * Override the way SelectWidget and GroupElement append the items * into the group so we can append them in groups of rows. * * @param {mw.widgets.MediaResultWidget[]} items An array of item elements */ mw.widgets.MediaSearchWidget.prototype.onResultsChange = function ( items ) { if ( !items.length ) { return; } // Add method to a queue; this queue will only run when the widget // is visible this.layoutQueue.push( () => { const maxRowWidth = this.results.$element.width() - 15; // Go over the added items let row = this.getAvailableRow(); for ( let i = 0, ilen = items.length; i < ilen; i++ ) { // Check item has just been added if ( items[ i ].row !== null ) { continue; } const itemWidth = items[ i ].$element.outerWidth( true ); // Add items to row until it is full if ( this.rows[ row ].width + itemWidth >= maxRowWidth ) { // Mark this row as full this.rows[ row ].isFull = true; this.rows[ row ].$element.attr( 'data-full', true ); // Find the resize factor const effectiveWidth = this.rows[ row ].width; const resizeFactor = maxRowWidth / effectiveWidth; this.rows[ row ].$element.attr( 'data-effectiveWidth', effectiveWidth ); this.rows[ row ].$element.attr( 'data-resizeFactor', resizeFactor ); this.rows[ row ].$element.attr( 'data-row', row ); // Resize all images in the row to fit the width for ( let j = 0, jlen = this.rows[ row ].items.length; j < jlen; j++ ) { this.rows[ row ].items[ j ].resizeThumb( resizeFactor ); } // find another row row = this.getAvailableRow(); } // Add the cumulative this.rows[ row ].width += itemWidth; // Store reference to the item and to the row this.rows[ row ].items.push( items[ i ] ); items[ i ].setRow( row ); // Append the item this.rows[ row ].$element.append( items[ i ].$element ); } // If we have less than 4 rows, call for more images if ( this.rows.length < 4 ) { this.queryMediaQueue(); } } ); this.runLayoutQueue(); }; /** * Run layout methods from the queue only if the element is visible. */ mw.widgets.MediaSearchWidget.prototype.runLayoutQueue = function () { // eslint-disable-next-line no-jquery/no-sizzle if ( this.$element.is( ':visible' ) ) { for ( let i = 0, len = this.layoutQueue.length; i < len; i++ ) { this.layoutQueue.pop()(); } } }; /** * Respond to removing results event in the results widget. * Clear the relevant rows. * * @param {OO.ui.OptionWidget[]} items Removed items */ mw.widgets.MediaSearchWidget.prototype.onResultsRemove = function ( items ) { if ( items.length > 0 ) { // In the case of the media search widget, if any items are removed // all are removed (new search) this.resetRows(); this.currentItemCache = []; } }; /** * Set language for the search results. * * @param {string} lang Language */ mw.widgets.MediaSearchWidget.prototype.setLang = function ( lang ) { this.lang = lang; this.searchQueue.setLang( lang ); }; /** * Get language for the search results. * * @return {string} lang Language */ mw.widgets.MediaSearchWidget.prototype.getLang = function () { return this.lang; }; }() ); PK ! 8W��] ] / MediaSearch/mw.widgets.MediaUserUploadsQueue.jsnu �Iw�� /*! * MediaWiki Widgets - MediaUserUploadsQueue class. * * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Media resource queue. * * @class * @extends mw.widgets.MediaResourceQueue * * @constructor * @description Create an instance of `mw.widgets.MediaUserUploadsQueue`. * @param {Object} [config] Configuration options * @param {number} config.maxHeight The maximum height of the media, used in the * search call to the API. */ mw.widgets.MediaUserUploadsQueue = function MwWidgetsMediaUserUploadsQueue( config ) { config = config || {}; // Parent constructor mw.widgets.MediaUserUploadsQueue.super.call( this, config ); if ( !mw.user.isAnon() ) { this.setUser( mw.user.getName() ); } }; /* Inheritance */ OO.inheritClass( mw.widgets.MediaUserUploadsQueue, mw.widgets.MediaResourceQueue ); /** * Override parent method to set up the providers according to * the file repos. * * @return {jQuery.Promise} Promise that resolves when the resources are set up */ mw.widgets.MediaUserUploadsQueue.prototype.setup = function () { return this.getFileRepos().then( ( sources ) => { if ( this.providers.length === 0 ) { // Set up the providers for ( let i = 0, len = sources.length; i < len; i++ ) { this.addProvider( new mw.widgets.MediaUserUploadsProvider( sources[ i ].apiurl, { name: sources[ i ].name, local: sources[ i ].local, scriptDirUrl: sources[ i ].scriptDirUrl, userParams: { gaiuser: this.getUser() }, staticParams: { iiurlheight: this.getMaxHeight() } } ) ); } } } ); }; /** * Set the user name. * * @param {string} user User name */ mw.widgets.MediaUserUploadsQueue.prototype.setUser = function ( user ) { this.setParams( { gaiuser: user } ); }; /** * Get the user name. * * @return {string} API search query */ mw.widgets.MediaUserUploadsQueue.prototype.getUser = function () { return this.getParams().gaiuser; }; }() ); PK ! �L�� � ) MediaSearch/mw.widgets.APIResultsQueue.jsnu �Iw�� /*! * MediaWiki Widgets - APIResultsQueue class. * * @copyright 2011-2016 VisualEditor Team and others; see http://ve.mit-license.org */ ( function () { /** * @classdesc API results queue. * * @class * @mixes OO.EventEmitter * * @constructor * @param {Object} [config] Configuration options * @param {number} config.limit The default number of results to fetch * @param {number} config.threshold The default number of extra results * that the queue should always strive to have on top of the * individual requests for items. */ mw.widgets.APIResultsQueue = function MwWidgetsAPIResultsQueue( config ) { config = config || {}; this.fileRepoPromise = null; this.providers = []; this.providerPromises = []; this.queue = []; this.params = {}; this.limit = config.limit || 20; this.setThreshold( config.threshold || 10 ); // Mixin constructors OO.EventEmitter.call( this ); }; /* Setup */ OO.mixinClass( mw.widgets.APIResultsQueue, OO.EventEmitter ); /* Methods */ /** * Set up the queue and its resources. * This should be overridden if there are any setup steps to perform. * * @return {jQuery.Promise} Promise that resolves when the resources * are set up. Note: The promise must have an .abort() functionality. */ mw.widgets.APIResultsQueue.prototype.setup = function () { return $.Deferred().resolve().promise( { abort: function () {} } ); }; /** * Get items from the queue. * * @param {number} [howMany] How many items to retrieve. Defaults to the * default limit supplied on initialization. * @return {jQuery.Promise} Promise that resolves into an array of items. */ mw.widgets.APIResultsQueue.prototype.get = function ( howMany ) { let fetchingPromise = null; howMany = howMany || this.limit; // Check if the queue has enough items if ( this.queue.length < howMany + this.threshold ) { // Call for more results fetchingPromise = this.queryProviders( howMany + this.threshold ) .then( ( items ) => { // Add to the queue this.queue = this.queue.concat.apply( this.queue, items ); } ); } return $.when( fetchingPromise ) .then( () => this.queue.splice( 0, howMany ) ); }; /** * Get results from all providers. * * @param {number} [howMany] How many items to retrieve. Defaults to the * default limit supplied on initialization. * @return {jQuery.Promise} Promise that is resolved into an array * of fetched items. Note: The promise must have an .abort() functionality. */ mw.widgets.APIResultsQueue.prototype.queryProviders = function ( howMany ) { // Make sure there are resources set up return this.setup() .then( () => { // Abort previous requests for ( let i = 0, iLen = this.providerPromises.length; i < iLen; i++ ) { this.providerPromises[ i ].abort(); } this.providerPromises = []; // Set up the query to all providers for ( let j = 0, jLen = this.providers.length; j < jLen; j++ ) { if ( !this.providers[ j ].isDepleted() ) { this.providerPromises.push( this.providers[ j ].getResults( howMany ) ); } } return $.when( ...this.providerPromises ) .then( Array.prototype.concat.bind( [] ) ); } ); }; /** * Set the search query for all the providers. * * This also makes sure to abort any previous promises. * * @param {Object} params API search parameters */ mw.widgets.APIResultsQueue.prototype.setParams = function ( params ) { if ( !OO.compare( params, this.params, true ) ) { this.reset(); this.params = Object.assign( this.params, params ); // Reset queue this.queue = []; // Reset promises for ( let i = 0, iLen = this.providerPromises.length; i < iLen; i++ ) { this.providerPromises[ i ].abort(); } // Change queries for ( let j = 0, jLen = this.providers.length; j < jLen; j++ ) { this.providers[ j ].setUserParams( this.params ); } } }; /** * Reset the queue and all its providers. */ mw.widgets.APIResultsQueue.prototype.reset = function () { // Reset queue this.queue = []; // Reset promises for ( let i = 0, iLen = this.providerPromises.length; i < iLen; i++ ) { this.providerPromises[ i ].abort(); } // Reset options for ( let j = 0, jLen = this.providers.length; j < jLen; j++ ) { this.providers[ j ].reset(); } }; /** * Get the data parameters sent to the API. * * @return {Object} params API search parameters */ mw.widgets.APIResultsQueue.prototype.getParams = function () { return this.params; }; /** * Set the providers. * * @param {mw.widgets.APIResultsProvider[]} providers An array of providers */ mw.widgets.APIResultsQueue.prototype.setProviders = function ( providers ) { this.providers = providers; for ( let i = 0, len = this.providers.length; i < len; i++ ) { this.providers[ i ].setUserParams( this.params ); this.providers[ i ].setLang( this.lang ); } }; /** * Add a provider to the group. * * @param {mw.widgets.APIResultsProvider} provider A provider object */ mw.widgets.APIResultsQueue.prototype.addProvider = function ( provider ) { this.providers.push( provider ); provider.setUserParams( this.params ); provider.setLang( this.lang ); }; /** * Set the providers. * * @return {mw.widgets.APIResultsProvider[]} providers An array of providers */ mw.widgets.APIResultsQueue.prototype.getProviders = function () { return this.providers; }; /** * Get the queue size. * * @return {number} Queue size */ mw.widgets.APIResultsQueue.prototype.getQueueSize = function () { return this.queue.length; }; /** * Set queue threshold. * * @param {number} threshold Queue threshold, below which we will * request more items */ mw.widgets.APIResultsQueue.prototype.setThreshold = function ( threshold ) { this.threshold = threshold; }; /** * Get queue threshold. * * @return {number} threshold Queue threshold, below which we will * request more items */ mw.widgets.APIResultsQueue.prototype.getThreshold = function () { return this.threshold; }; /** * Set language for the query results. * * @param {string|undefined} lang Language */ mw.widgets.APIResultsQueue.prototype.setLang = function ( lang ) { this.lang = lang; for ( let i = 0, len = this.providers.length; i < len; i++ ) { this.providers[ i ].setLang( this.lang ); } }; /** * Get language for the query results. * * @return {string|undefined} lang Language */ mw.widgets.APIResultsQueue.prototype.getLang = function () { return this.lang; }; }() ); PK ! ^��r; ; MediaSearch/broken-image.pngnu �Iw�� �PNG IHDR e�X tEXtSoftware Adobe ImageReadyq�e< $iTXtXML:com.adobe.xmp <?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.3-c011 66.145661, 2012/02/06-14:56:27 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CS6 (Macintosh)" xmpMM:InstanceID="xmp.iid:98CB5173C14211E2A141D56BECA870EC" xmpMM:DocumentID="xmp.did:98CB5174C14211E2A141D56BECA870EC"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:98CB5171C14211E2A141D56BECA870EC" stRef:documentID="xmp.did:98CB5172C14211E2A141D56BECA870EC"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>�E2 $PLTE������ � ����� �� � � ������L� tRNS����������� ��� eIDATx�\�G� P�Ĕ��7t��� �l��:� ��H��J �L�֧� �@ ��1A6���c�� L�6�-�)Q쿦D�c?q�8D�@a�+� ����� IEND�B`�PK ! ' �^� � - MediaSearch/mw.widgets.MediaResultWidget.lessnu �Iw�� /*! * MediaWiki Widgets - MediaResultWidget styles. * * @copyright 2011-2024 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ @import 'mediawiki.skin.variables.less'; .mw-widget-mediaResultWidget { display: inline-block; position: relative; padding: 0; margin: 2px; overflow: hidden; box-sizing: border-box; text-align: center; &-error { background-color: @background-color-disabled-subtle; } &-thumbnail { opacity: 0; display: inline-block; transition: opacity 400ms; } &-done &-thumbnail, &-error &-thumbnail { opacity: 1; } &-crop { background-size: cover; background-position: center center; } &-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: inset 0 0 0 1px #c8ccd1; } &.oo-ui-optionWidget-highlighted, &.oo-ui-optionWidget-selected { box-shadow: 0 0 2px #36c; } &.oo-ui-optionWidget-highlighted &-overlay, &.oo-ui-optionWidget-selected &-overlay { box-shadow: inset 0 0 0 1px #36c; } &-error &-thumbnail { background-image: url( broken-image.png ); background-size: auto; background-position: center center; background-repeat: no-repeat; } .mw-widget-mediaResultWidget-nameLabel { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; padding: 0.5em; color: #fff; text-shadow: 1px 1px #000; line-height: 1.125em; background-color: rgba( 0, 0, 0, 0.5 ); text-overflow: ellipsis; text-align: left; } &.oo-ui-optionWidget-highlighted &-nameLabel { background-color: rgba( 0, 0, 0, 0.75 ); } &.oo-ui-optionWidget-selected &-nameLabel { background-color: #000; } } .mw-widget-mediaSearchWidget-noresults { padding-top: 1em; } PK ! ��� - MediaSearch/mw.widgets.MediaSearchProvider.jsnu �Iw�� /*! * MediaWiki Widgets - MediaSearchProvider class. * * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Media search provider. * * @class * @extends mw.widgets.MediaResourceProvider * * @constructor * @description Create an instance of `mw.widgets.MediaSearchProvider`. * @param {string} apiurl The API url * @param {Object} [config] Configuration options */ mw.widgets.MediaSearchProvider = function MwWidgetsMediaSearchProvider( apiurl, config ) { config = config || {}; config.staticParams = Object.assign( { generator: 'search', gsrnamespace: mw.config.get( 'wgNamespaceIds' ).file, uselang: mw.config.get( 'wgUserLanguage' ) }, config.staticParams ); // Parent constructor mw.widgets.MediaSearchProvider.super.call( this, apiurl, config ); }; /* Inheritance */ OO.inheritClass( mw.widgets.MediaSearchProvider, mw.widgets.MediaResourceProvider ); /* Methods */ /** * @inheritdoc */ mw.widgets.MediaSearchProvider.prototype.getContinueData = function ( howMany ) { return { gsroffset: this.getOffset(), gsrlimit: howMany || this.getDefaultFetchLimit() }; }; /** * @inheritdoc */ mw.widgets.MediaSearchProvider.prototype.setContinue = function ( continueData ) { // Update the offset for next time this.setOffset( continueData.gsroffset ); }; /** * @inheritdoc */ mw.widgets.MediaSearchProvider.prototype.sort = function ( results ) { return results.sort( ( a, b ) => a.index - b.index ); }; /** * @inheritdoc */ mw.widgets.MediaSearchProvider.prototype.isValid = function () { return this.getUserParams().gsrsearch && mw.widgets.MediaSearchProvider.super.prototype.isValid.call( this ); }; }() ); PK ! 삤� 2 MediaSearch/mw.widgets.MediaUserUploadsProvider.jsnu �Iw�� /*! * MediaWiki Widgets - MediaUserUploadsProvider class. * * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc User uploads provider. * * @class * @extends mw.widgets.MediaResourceProvider * * @constructor * @description Create an instance of `mw.widgets.MediaUserUploadsProvider`. * @param {string} apiurl The API url * @param {Object} [config] Configuration options */ mw.widgets.MediaUserUploadsProvider = function MwWidgetsMediaUserUploadsProvider( apiurl, config ) { config = config || {}; config.staticParams = Object.assign( { generator: 'allimages', gaisort: 'timestamp', gaidir: 'descending' }, config.staticParams ); // Parent constructor mw.widgets.MediaUserUploadsProvider.super.call( this, apiurl, config ); }; /* Inheritance */ OO.inheritClass( mw.widgets.MediaUserUploadsProvider, mw.widgets.MediaResourceProvider ); /* Methods */ /** * @inheritdoc */ mw.widgets.MediaUserUploadsProvider.prototype.getContinueData = function ( howMany ) { return { gaicontinue: this.getOffset() || undefined, gailimit: howMany || this.getDefaultFetchLimit() }; }; /** * @inheritdoc */ mw.widgets.MediaUserUploadsProvider.prototype.setContinue = function ( continueData ) { // Update the offset for next time this.setOffset( continueData.gaicontinue ); }; /** * @inheritdoc */ mw.widgets.MediaUserUploadsProvider.prototype.sort = function ( results ) { return results.sort( // timestamps are strings ( a, b ) => a.timestamp < b.timestamp ? 1 : ( a.timestamp === b.timestamp ? 0 : -1 ) ); }; /** * @inheritdoc */ mw.widgets.MediaUserUploadsProvider.prototype.isValid = function () { return this.getUserParams().gaiuser && mw.widgets.MediaUserUploadsProvider.super.prototype.isValid.call( this ); }; }() ); PK ! j�>� , MediaSearch/mw.widgets.APIResultsProvider.jsnu �Iw�� /*! * MediaWiki Widgets - APIResultsProvider class. * * @copyright 2011-2016 VisualEditor Team and others; see http://ve.mit-license.org */ ( function () { /** * @classdesc API results provider. * * @class * @mixes OO.EventEmitter * * @constructor * @description Create an instance of `mw.widgets.APIResultsProvider`. * @param {string} apiurl The URL to the api * @param {Object} [config] Configuration options * @param {number} config.fetchLimit The default number of results to fetch * @param {string} config.lang The language of the API * @param {number} config.offset Initial offset, if relevant, to call results from * @param {Object} config.ajaxSettings The settings for the ajax call * @param {Object} config.staticParams The data parameters that are static and should * always be sent to the API request, as opposed to user parameters. * @param {Object} config.userParams Initial user parameters to be sent as data to * the API request. These can change per request, like the search query term * or sizing parameters for images, etc. */ mw.widgets.APIResultsProvider = function MwWidgetsAPIResultsProvider( apiurl, config ) { config = config || {}; this.setAPIurl( apiurl ); this.setDefaultFetchLimit( config.fetchLimit || 30 ); this.setLang( config.lang ); this.setOffset( config.offset || 0 ); this.setAjaxSettings( config.ajaxSettings || {} ); this.staticParams = config.staticParams || {}; this.userParams = config.userParams || {}; this.toggleDepleted( false ); // Mixin constructors OO.EventEmitter.call( this ); }; /* Setup */ OO.mixinClass( mw.widgets.APIResultsProvider, OO.EventEmitter ); /* Methods */ /** * Get results from the source. * * @param {number} howMany Number of results to ask for * @return {jQuery.Promise} Promise that is resolved into an array * of available results, or is rejected if no results are available. */ mw.widgets.APIResultsProvider.prototype.getResults = function () { const deferred = $.Deferred(), allParams = Object.assign( {}, this.getStaticParams(), this.getUserParams() ); const xhr = $.getJSON( this.getAPIurl(), allParams ) .done( ( data ) => { if ( Array.isArray( data ) && data.length ) { deferred.resolve( data ); } else { deferred.resolve(); } } ); return deferred.promise( { abort: xhr.abort } ); }; /** * Set API URL. * * @param {string} apiurl API URL */ mw.widgets.APIResultsProvider.prototype.setAPIurl = function ( apiurl ) { this.apiurl = apiurl; }; /** * Get API URL. * * @return {string} API URL */ mw.widgets.APIResultsProvider.prototype.getAPIurl = function () { return this.apiurl; }; /** * Get the static, non-changing data parameters sent to the API. * * @return {Object} Data parameters */ mw.widgets.APIResultsProvider.prototype.getStaticParams = function () { return this.staticParams; }; /** * Get the user-inputted dynamic data parameters sent to the API. * * @return {Object} Data parameters */ mw.widgets.APIResultsProvider.prototype.getUserParams = function () { return this.userParams; }; /** * Set the data parameters sent to the API. * * @param {Object} params User defined data parameters */ mw.widgets.APIResultsProvider.prototype.setUserParams = function ( params ) { // Asymmetrically compare (params is subset of this.userParams) if ( !OO.compare( params, this.userParams, true ) ) { this.userParams = Object.assign( {}, this.userParams, params ); this.reset(); } }; /** * Reset the provider. */ mw.widgets.APIResultsProvider.prototype.reset = function () { // Reset offset this.setOffset( 0 ); // Reset depleted status this.toggleDepleted( false ); }; /** * Get fetch limit or 'page' size. This is the number * of results per request. * * @return {number} limit */ mw.widgets.APIResultsProvider.prototype.getDefaultFetchLimit = function () { return this.limit; }; /** * Set limit. * * @param {number} limit Default number of results to fetch from the API */ mw.widgets.APIResultsProvider.prototype.setDefaultFetchLimit = function ( limit ) { this.limit = limit; }; /** * Get provider API language. * * @return {string} Provider API language */ mw.widgets.APIResultsProvider.prototype.getLang = function () { return this.lang; }; /** * Set provider API language. * * @param {string} lang Provider API language */ mw.widgets.APIResultsProvider.prototype.setLang = function ( lang ) { this.lang = lang; }; /** * Get result offset. * * @return {number} Offset Results offset for the upcoming request */ mw.widgets.APIResultsProvider.prototype.getOffset = function () { return this.offset; }; /** * Set result offset. * * @param {number} offset Results offset for the upcoming request */ mw.widgets.APIResultsProvider.prototype.setOffset = function ( offset ) { this.offset = offset; }; /** * Check whether the provider is depleted and has no more results * to hand off. * * @return {boolean} The provider is depleted */ mw.widgets.APIResultsProvider.prototype.isDepleted = function () { return this.depleted; }; /** * Toggle depleted state. * * @param {boolean} isDepleted The provider is depleted */ mw.widgets.APIResultsProvider.prototype.toggleDepleted = function ( isDepleted ) { this.depleted = isDepleted !== undefined ? isDepleted : !this.depleted; }; /** * Get the default ajax settings. * * @return {Object} Ajax settings */ mw.widgets.APIResultsProvider.prototype.getAjaxSettings = function () { return this.ajaxSettings; }; /** * Set the default ajax settings. * * @param {Object} settings Ajax settings */ mw.widgets.APIResultsProvider.prototype.setAjaxSettings = function ( settings ) { this.ajaxSettings = settings; }; }() ); PK ! M�ک* * - MediaSearch/mw.widgets.MediaSearchWidget.lessnu �Iw�� /*! * MediaWiki Widgets - MediaSearchWidget styles. * * @copyright 2011-2024 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ .mw-widget-mediaSearchWidget { .oo-ui-searchWidget-query .oo-ui-inputWidget { max-width: none; } > .oo-ui-searchWidget-results { display: block; line-height: 1em; } &-noResults { font-style: italic; } &-recentUploads { margin: 0.5em 0 1em 0; font-weight: bold; } &-noResults, &-recentUploads { &.oo-ui-labelWidget { display: block; } } } PK ! ��@� � mw.widgets.TitleInputWidget.jsnu �Iw�� /*! * MediaWiki Widgets - TitleInputWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { const trimByteLength = require( 'mediawiki.String' ).trimByteLength; /** * @classdesc Title input widget. * * @class * @extends OO.ui.TextInputWidget * @mixes mw.widgets.TitleWidget * @mixes OO.ui.mixin.LookupElement * * @constructor * @description Create an mw.widgets.TitleInputWidget object. * @param {Object} [config] Configuration options * @param {boolean} [config.suggestions=true] Display search suggestions * @param {RegExp|Function|string} [config.validate] Perform title validation */ mw.widgets.TitleInputWidget = function MwWidgetsTitleInputWidget( config ) { config = config || {}; // Parent constructor mw.widgets.TitleInputWidget.super.call( this, Object.assign( {}, config, { validate: config.validate !== undefined ? config.validate : this.isQueryValid.bind( this ), autocomplete: false } ) ); // Mixin constructors mw.widgets.TitleWidget.call( this, config ); OO.ui.mixin.LookupElement.call( this, config ); // Properties this.suggestions = config.suggestions !== undefined ? config.suggestions : true; // Initialization this.$element.addClass( 'mw-widget-titleInputWidget' ); this.lookupMenu.$element.addClass( 'mw-widget-titleWidget-menu' ); if ( this.showImages ) { this.lookupMenu.$element.addClass( 'mw-widget-titleWidget-menu-withImages' ); } if ( this.showDescriptions ) { this.lookupMenu.$element.addClass( 'mw-widget-titleWidget-menu-withDescriptions' ); } this.setLookupsDisabled( !this.suggestions ); }; /* Setup */ OO.inheritClass( mw.widgets.TitleInputWidget, OO.ui.TextInputWidget ); OO.mixinClass( mw.widgets.TitleInputWidget, mw.widgets.TitleWidget ); OO.mixinClass( mw.widgets.TitleInputWidget, OO.ui.mixin.LookupElement ); /* Methods */ /** * @inheritdoc */ mw.widgets.TitleInputWidget.prototype.getQueryValue = function () { return this.getValue(); }; /** * @inheritdoc */ mw.widgets.TitleInputWidget.prototype.setNamespace = function ( namespace ) { // Mixin method mw.widgets.TitleWidget.prototype.setNamespace.call( this, namespace ); this.lookupCache = {}; this.closeLookupMenu(); }; /** * @inheritdoc */ mw.widgets.TitleInputWidget.prototype.getLookupRequest = function () { return this.getSuggestionsPromise(); }; /** * @inheritdoc */ mw.widgets.TitleInputWidget.prototype.getLookupCacheDataFromResponse = function ( response ) { return response.query || {}; }; /** * @inheritdoc */ mw.widgets.TitleInputWidget.prototype.getLookupMenuOptionsFromData = function ( response ) { return this.getOptionsFromData( response ); }; /** * Handle menu item 'choose' event, updating the text input value to the value of the clicked item. * * TODO: Replace this with an override of onLookupMenuChoose() * * @param {OO.ui.MenuOptionWidget} item Selected item */ mw.widgets.TitleInputWidget.prototype.onLookupMenuChoose = function ( item ) { this.closeLookupMenu(); this.setLookupsDisabled( true ); this.setValue( item.getData() ); this.setLookupsDisabled( !this.suggestions ); }; /** * @inheritdoc */ mw.widgets.TitleInputWidget.prototype.focus = function () { // Prevent programmatic focus from opening the menu this.setLookupsDisabled( true ); // Parent method const retval = mw.widgets.TitleInputWidget.super.prototype.focus.apply( this, arguments ); this.setLookupsDisabled( !this.suggestions ); return retval; }; /** * @inheritdoc */ mw.widgets.TitleInputWidget.prototype.cleanUpValue = function ( value ) { // Parent method value = mw.widgets.TitleInputWidget.super.prototype.cleanUpValue.call( this, value ); return trimByteLength( this.value, value, this.maxLength, ( val ) => { const title = this.getMWTitle( val ); return title ? title.getMain() : val; } ).newVal; }; }() ); PK ! <��g� � , mw.widgets.ComplexTitleInputWidget.base.lessnu �Iw�� /*! * MediaWiki Widgets - base ComplexTitleInputWidget styles. * * @copyright 2011-2024 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ .mw-widget-complexTitleInputWidget { .mw-widget-namespaceInputWidget, .mw-widget-titleInputWidget { display: inline-block; } .mw-widget-namespaceInputWidget { max-width: 20em; margin-right: 0.5em; } .mw-widget-titleInputWidget { max-width: 29.5em; } } PK ! �@i�� � ( mw.widgets.TagMultiselectWidget.base.cssnu �Iw�� /*! * MediaWiki Widgets - base TagMultiselectWidget styles. * * @copyright 2011-2018 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ .client-nojs .mw-widgets-tagMultiselectWidget .mw-widgets-pendingTextInputWidget, .client-js .mw-widgets-tagMultiselectWidget .mw-widgets-tagMultiselectWidget-multilineTextInputWidget { display: none; } PK ! ��� mw.widgets.ExpiryInputWidget.jsnu �Iw�� /*! * MediaWiki Widgets - ExpiryWidget class. * * @copyright 2018 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /* global moment */ ( function () { /** * @classdesc Expiry widget. * * @class mw.widgets.ExpiryWidget * @extends OO.ui.Widget * * @constructor * @description Create a mw.widgets.ExpiryWidget object. * @param {Object} [config] Configuration options */ mw.widgets.ExpiryWidget = function ( config ) { const RFC2822 = 'ddd, DD MMM YYYY HH:mm:ss [GMT]'; // Config initialization config = Object.assign( {}, config ); this.relativeField = new config.RelativeInputClass( config.relativeInput ); this.relativeField.$element.addClass( 'mw-widget-ExpiryWidget-relative' ); // Parent constructor mw.widgets.ExpiryWidget.super.call( this, config ); // Properties this.inputSwitch = new OO.ui.ButtonSelectWidget( { tabIndex: -1, items: [ new OO.ui.ButtonOptionWidget( { data: 'relative', icon: 'edit' } ), new OO.ui.ButtonOptionWidget( { data: 'date', icon: 'calendar' } ) ] } ); this.dateTimeField = new mw.widgets.datetime.DateTimeInputWidget( { min: new Date(), // The selected date must at least be now. required: config.required } ); // Initially hide the dateTime field. this.dateTimeField.toggle( false ); // Initially set the relative input. this.inputSwitch.selectItemByData( 'relative' ); // Events // Toggle the visible inputs. this.inputSwitch.on( 'choose', ( event ) => { switch ( event.getData() ) { case 'date': this.dateTimeField.toggle( true ); this.relativeField.toggle( false ); break; case 'relative': this.dateTimeField.toggle( false ); this.relativeField.toggle( true ); break; } } ); // When the date time field update, update the relative // field. this.dateTimeField.on( 'change', ( value ) => { // Do not alter the visible input. if ( this.relativeField.isVisible() ) { return; } // If the value was cleared, do not attempt to parse it. if ( !value ) { this.relativeField.setValue( value ); return; } const datetime = moment( value ); // If the datetime is invlaid for some reason, reset the relative field. if ( !datetime.isValid() ) { this.relativeField.setValue( undefined ); } // Set the relative field value. The field only accepts English strings. this.relativeField.setValue( datetime.utc().locale( 'en' ).format( RFC2822 ) ); } ); // When the relative field update, update the date time field if it's a // value that moment understands. this.relativeField.on( 'change', ( event ) => { // Emit a change event for this widget. this.emit( 'change', event ); // Do not alter the visible input. if ( this.dateTimeField.isVisible() ) { return; } // Parsing of free text field may fail, so always check if the date is // valid. const datetime = moment( event ); if ( datetime.isValid() ) { this.dateTimeField.setValue( datetime.utc().toISOString() ); } else { this.dateTimeField.setValue( undefined ); } } ); // Initialization this.$element .addClass( 'mw-widget-ExpiryWidget' ) .addClass( 'mw-widget-ExpiryWidget-hasDatePicker' ) .append( this.inputSwitch.$element, this.dateTimeField.$element, this.relativeField.$element ); // Trigger an initial onChange. this.relativeField.emit( 'change', this.relativeField.getValue() ); }; /* Inheritance */ OO.inheritClass( mw.widgets.ExpiryWidget, OO.ui.Widget ); /** * @inheritdoc */ mw.widgets.ExpiryWidget.static.reusePreInfuseDOM = function ( node, config ) { const $relativeElement = $( node ).find( '.mw-widget-ExpiryWidget-relative' ); config = mw.widgets.ExpiryWidget.super.static.reusePreInfuseDOM( node, config ); // eslint-disable-next-line no-jquery/no-class-state if ( $relativeElement.hasClass( 'oo-ui-textInputWidget' ) ) { config.RelativeInputClass = OO.ui.TextInputWidget; // eslint-disable-next-line no-jquery/no-class-state } else if ( $relativeElement.hasClass( 'mw-widget-selectWithInputWidget' ) ) { config.RelativeInputClass = mw.widgets.SelectWithInputWidget; } config.relativeInput = config.RelativeInputClass.static.reusePreInfuseDOM( $relativeElement, config.relativeInput ); return config; }; /** * @inheritdoc */ mw.widgets.ExpiryWidget.static.gatherPreInfuseState = function ( node, config ) { const state = mw.widgets.ExpiryWidget.super.static.gatherPreInfuseState( node, config ); state.relativeInput = config.RelativeInputClass.static.gatherPreInfuseState( $( node ).find( '.mw-widget-ExpiryWidget-relative' ), config.relativeInput ); return state; }; /** * @inheritdoc */ mw.widgets.ExpiryWidget.prototype.restorePreInfuseState = function ( state ) { mw.widgets.ExpiryWidget.super.prototype.restorePreInfuseState.call( this, state ); this.relativeField.restorePreInfuseState( state.relativeInput ); }; /** * @inheritdoc */ mw.widgets.ExpiryWidget.prototype.setDisabled = function ( disabled ) { mw.widgets.ExpiryWidget.super.prototype.setDisabled.call( this, disabled ); this.relativeField.setDisabled( disabled ); if ( this.inputSwitch ) { this.inputSwitch.setDisabled( disabled ); } if ( this.dateTimeField ) { this.dateTimeField.setDisabled( disabled ); } }; /** * Gets the value of the widget. * * @return {string} */ mw.widgets.ExpiryWidget.prototype.getValue = function () { return this.relativeField.getValue(); }; }() ); PK ! �6m�9 9 mw.widgets.SearchInputWidget.cssnu �Iw�� .mw-widget-searchInputWidget { display: inline-block; } PK ! M�G� mw.widgets.CheckMatrixWidget.jsnu �Iw�� ( function () { /** * @classdesc A JavaScript version of CheckMatrixWidget. * * @class * @extends OO.ui.Widget * * @constructor * @description Create an instance of `mw.widgets.CheckMatrixWidget`. * @param {Object} [config] Configuration options * @param {Object} config.columns Required object mapping column labels (as HTML) to * their tags. * @param {Object} config.rows Required object mapping row labels (as HTML) to their * tags. * @param {string[]} [config.forcedOn] Array of column-row tags to be displayed as * enabled but unavailable to change. * @param {string[]} [config.forcedOff] Array of column-row tags to be displayed as * disabled but unavailable to change. * @param {Object} [config.tooltips] Optional object mapping row labels to tooltips * (as text, will be escaped). * @param {Object} [config.tooltipsHtml] Optional object mapping row labels to tooltips * (as HTML). Takes precedence over text tooltips. */ mw.widgets.CheckMatrixWidget = function MWWCheckMatrixWidget( config ) { config = config || {}; // Parent constructor mw.widgets.CheckMatrixWidget.super.call( this, config ); this.checkboxes = {}; this.name = config.name; this.id = config.id; this.rows = config.rows || {}; this.columns = config.columns || {}; this.tooltips = config.tooltips || []; this.tooltipsHtml = config.tooltipsHtml || []; this.values = config.values || []; this.forcedOn = config.forcedOn || []; this.forcedOff = config.forcedOff || []; // Build header const $headRow = $( '<tr>' ); $headRow.append( $( '<td>' ).text( '\u00A0' ) ); // Iterate over the columns object (ignore the value) // eslint-disable-next-line no-jquery/no-each-util $.each( this.columns, ( columnLabel ) => { $headRow.append( $( '<th>' ).html( columnLabel ) ); } ); const $thead = $( '<thead>' ); $thead.append( $headRow ); const $tbody = $( '<tbody>' ); // Build table // eslint-disable-next-line no-jquery/no-each-util $.each( this.rows, ( rowLabel, rowTag ) => { const $row = $( '<tr>' ), labelField = new OO.ui.FieldLayout( new OO.ui.Widget(), // Empty widget, since we don't have the checkboxes here { label: new OO.ui.HtmlSnippet( rowLabel ), help: this.tooltips[ rowLabel ] || this.tooltipsHtml[ rowLabel ] && new OO.ui.HtmlSnippet( this.tooltipsHtml[ rowLabel ] ), align: 'inline' } ); // Label $row.append( $( '<td>' ).append( labelField.$element ) ); // Columns // eslint-disable-next-line no-jquery/no-each-util $.each( this.columns, ( columnLabel, columnTag ) => { const thisTag = columnTag + '-' + rowTag, checkbox = new OO.ui.CheckboxInputWidget( { value: thisTag, name: this.name ? this.name + '[]' : undefined, id: this.id ? this.id + '-' + thisTag : undefined, selected: this.isTagSelected( thisTag ), disabled: this.isTagDisabled( thisTag ) } ); this.checkboxes[ thisTag ] = checkbox; $row.append( $( '<td>' ).append( checkbox.$element ) ); } ); $tbody.append( $row ); } ); const $table = $( '<table>' ); $table .addClass( 'mw-htmlform-matrix mw-widget-checkMatrixWidget-matrix' ) .append( $thead, $tbody ); this.$element .addClass( 'mw-widget-checkMatrixWidget' ) .append( $table ); }; /* Setup */ OO.inheritClass( mw.widgets.CheckMatrixWidget, OO.ui.Widget ); /* Methods */ /** * Check whether the given tag is selected. * * @param {string} tagName Tag name * @return {boolean} Tag is selected */ mw.widgets.CheckMatrixWidget.prototype.isTagSelected = function ( tagName ) { return ( // If tag is not forced off this.forcedOff.indexOf( tagName ) === -1 && ( // If tag is in values this.values.indexOf( tagName ) > -1 || // If tag is forced on this.forcedOn.indexOf( tagName ) > -1 ) ); }; /** * Check whether the given tag is disabled. * * @param {string} tagName Tag name * @return {boolean} Tag is disabled */ mw.widgets.CheckMatrixWidget.prototype.isTagDisabled = function ( tagName ) { return ( // If the entire widget is disabled this.isDisabled() || // If tag is forced off or forced on this.forcedOff.indexOf( tagName ) > -1 || this.forcedOn.indexOf( tagName ) > -1 ); }; /** * @inheritdoc */ mw.widgets.CheckMatrixWidget.prototype.setDisabled = function ( isDisabled ) { // Parent method mw.widgets.CheckMatrixWidget.super.prototype.setDisabled.call( this, isDisabled ); // setDisabled sometimes gets called before the widget is ready if ( this.checkboxes ) { // Propagate to all checkboxes and update their disabled state // eslint-disable-next-line no-jquery/no-each-util $.each( this.checkboxes, ( name, checkbox ) => { checkbox.setDisabled( this.isTagDisabled( name ) ); } ); } }; }() ); PK ! 11�p� � * mw.widgets.SelectWithInputWidget.base.lessnu �Iw�� /*! * MediaWiki Widgets - base SelectWithInput styles. * * @copyright 2011-2024 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ .mw-widget-selectWithInputWidget { .oo-ui-dropdownInputWidget, .oo-ui-textInputWidget { display: inline-block; } .oo-ui-dropdownInputWidget { max-width: 20em; margin-right: 0.5em; } .oo-ui-textInputWidget { max-width: 29.5em; } } PK ! ���q� � # mw.widgets.SelectWithInputWidget.jsnu �Iw�� /*! * MediaWiki Widgets - SelectWithInputWidget class. * * @copyright 2011-2017 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Select with input widget. Displays an OO.ui.TextInputWidget along with * an OO.ui.DropdownInputWidget. * TODO Explain the OTHER option * * @example * mw.loader.using( 'mediawiki.widgets.SelectWithInputWidget', function () { * let swi = new mw.widgets.SelectWithInputWidget( { * or: true, * dropdowninput: { * options: [ * { data: 'other', label: 'Other' }, * { data: 'a', label: 'First' }, * { data: 'b', label: 'Second' }, * { data: 'c', label: 'Third' } * ] * }, * textinput: { * } * } ); * * $( document.body ).append( swi.$element ); * } ); * * @class mw.widgets.SelectWithInputWidget * @extends OO.ui.Widget * * @constructor * @description Create an instance of `mw.widgets.SelectWithInputWidget`. * @param {Object} [config] Configuration options * @param {Object} [config.dropdowninput] Config for the dropdown * @param {Object} [config.textinput] Config for the text input * @param {boolean} [config.or=false] Config for whether the widget is dropdown AND input * or dropdown OR input * @param {boolean} [config.required=false] Config for whether input is required */ mw.widgets.SelectWithInputWidget = function MwWidgetsSelectWithInputWidget( config ) { // Config initialization config = Object.assign( { or: false, required: false }, config ); // Properties this.textinput = new OO.ui.TextInputWidget( config.textinput ); this.dropdowninput = new OO.ui.DropdownInputWidget( config.dropdowninput ); this.or = config.or; this.required = config.required; // Events this.dropdowninput.on( 'change', this.onChange.bind( this ) ); this.textinput.on( 'change', () => { this.emit( 'change', this.getValue() ); } ); // Parent constructor mw.widgets.SelectWithInputWidget.super.call( this, config ); // Initialization this.$element .addClass( 'mw-widget-selectWithInputWidget' ) .append( this.dropdowninput.$element, this.textinput.$element ); this.onChange(); }; /* Setup */ OO.inheritClass( mw.widgets.SelectWithInputWidget, OO.ui.Widget ); /* Static Methods */ /** * @inheritdoc */ mw.widgets.SelectWithInputWidget.static.reusePreInfuseDOM = function ( node, config ) { config = mw.widgets.SelectWithInputWidget.super.static.reusePreInfuseDOM( node, config ); config.dropdowninput = OO.ui.DropdownInputWidget.static.reusePreInfuseDOM( $( node ).find( '.oo-ui-dropdownInputWidget' ), config.dropdowninput ); config.textinput = OO.ui.TextInputWidget.static.reusePreInfuseDOM( $( node ).find( '.oo-ui-textInputWidget' ), config.textinput ); return config; }; /** * @inheritdoc */ mw.widgets.SelectWithInputWidget.static.gatherPreInfuseState = function ( node, config ) { const state = mw.widgets.SelectWithInputWidget.super.static.gatherPreInfuseState( node, config ); state.dropdowninput = OO.ui.DropdownInputWidget.static.gatherPreInfuseState( $( node ).find( '.oo-ui-dropdownInputWidget' ), config.dropdowninput ); state.textinput = OO.ui.TextInputWidget.static.gatherPreInfuseState( $( node ).find( '.oo-ui-textInputWidget' ), config.textinput ); return state; }; /* Methods */ /** * @inheritdoc */ mw.widgets.SelectWithInputWidget.prototype.restorePreInfuseState = function ( state ) { mw.widgets.SelectWithInputWidget.super.prototype.restorePreInfuseState.call( this, state ); this.dropdowninput.restorePreInfuseState( state.dropdowninput ); this.textinput.restorePreInfuseState( state.textinput ); }; /** * @inheritdoc */ mw.widgets.SelectWithInputWidget.prototype.setDisabled = function ( disabled ) { const textinputIsHidden = this.or && this.dropdowninput.getValue() !== 'other'; mw.widgets.SelectWithInputWidget.super.prototype.setDisabled.call( this, disabled ); this.dropdowninput.setDisabled( disabled ); // It is impossible to submit a form with hidden fields failing validation, e.g. one that // is required. However, validity is not checked for disabled fields, as these are not // submitted with the form. So we should also disable fields when hiding them. this.textinput.setDisabled( textinputIsHidden || disabled ); // If the widget is required, set the text field as required, but only if the widget is visible. if ( this.required ) { this.textinput.setRequired( !this.textinput.isDisabled() ); } }; /** * Set the value from outside. * * @param {string|undefined} value */ mw.widgets.SelectWithInputWidget.prototype.setValue = function ( value ) { let selectable = false; if ( this.or ) { if ( value !== 'other' ) { selectable = !!this.dropdowninput.dropdownWidget.getMenu().findItemFromData( value ); } if ( selectable ) { this.dropdowninput.setValue( value ); this.textinput.setValue( undefined ); } else { this.dropdowninput.setValue( 'other' ); this.textinput.setValue( value ); } this.emit( 'change', value ); } }; /** * Get the value from outside. * * @return {string} */ mw.widgets.SelectWithInputWidget.prototype.getValue = function () { if ( this.or ) { if ( this.dropdowninput.getValue() !== 'other' ) { return this.dropdowninput.getValue(); } return this.textinput.getValue(); } else { return ''; } }; /** * Handle change events on the DropdownInput * * @param {string|undefined} value * @private */ mw.widgets.SelectWithInputWidget.prototype.onChange = function ( value ) { if ( this.or ) { value = value || this.dropdowninput.getValue(); this.textinput.$element.toggle( value === 'other' ); // It is impossible to submit a form with hidden fields failing validation, e.g. one that // is required. However, validity is not checked for disabled fields, as these are not // submitted with the form. So we should also disable fields when hiding them. this.textinput.setDisabled( value !== 'other' || this.isDisabled() ); } this.emit( 'change', this.getValue() ); }; }() ); PK ! ���1eV eV mw.widgets.CalendarWidget.jsnu �Iw�� /*! * MediaWiki Widgets – CalendarWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /* global moment */ ( function () { /** * @classdesc Calendar widget. * * You will most likely want to use {@link mw.widgets.DateInputWidget} instead of CalendarWidget directly. * * @class * @extends OO.ui.Widget * @mixes OO.ui.mixin.TabIndexedElement * @mixes OO.ui.mixin.FloatableElement * @mixes OO.ui.mixin.ClippableElement * * @constructor * @description Creates an mw.widgets.CalendarWidget object. * @param {Object} [config] Configuration options * @param {boolean} [config.lazyInitOnToggle=false] Don't build most of the interface until * `.toggle( true )` is called. Meant to be used when the calendar is not immediately visible. * @param {string} [config.precision='day'] Date precision to use, 'day' or 'month' * @param {string|null} [config.duoDecade='prev'] Alignment of years to display in picker, use 'prev' or 'next' * 'prev' is previous and current decades * 'next' is current and next decades * @param {string|null} [config.date=null] Day or month date (depending on `precision`), in the format * 'YYYY-MM-DD' or 'YYYY-MM'. When null, the calendar will show today's date, but not select * it. */ mw.widgets.CalendarWidget = function MWWCalendarWidget( config ) { // Config initialization config = config || {}; // Parent constructor mw.widgets.CalendarWidget.super.call( this, config ); // Mixin constructors OO.ui.mixin.TabIndexedElement.call( this, Object.assign( {}, config, { $tabIndexed: this.$element } ) ); OO.ui.mixin.ClippableElement.call( this, Object.assign( { $clippable: this.$element }, config ) ); OO.ui.mixin.FloatableElement.call( this, config ); // Flipping implementation derived from MenuSelectWidget // Initial vertical positions other than 'center' will result in // the menu being flipped if there is not enough space in the container. // Store the original position so we know what to reset to. this.originalVerticalPosition = this.verticalPosition; // Properties this.lazyInitOnToggle = !!config.lazyInitOnToggle; this.precision = config.precision || 'day'; this.duoDecade = config.duoDecade || 'prev'; // Currently selected date (day or month) this.date = null; // Current UI state (date and precision we're displaying right now) this.moment = null; this.displayLayer = this.getDisplayLayers()[ 0 ]; // 'month', 'year', 'duodecade' this.$header = $( '<div>' ).addClass( 'mw-widget-calendarWidget-header' ); this.$bodyOuterWrapper = $( '<div>' ).addClass( 'mw-widget-calendarWidget-body-outer-wrapper' ); this.$bodyWrapper = $( '<div>' ).addClass( 'mw-widget-calendarWidget-body-wrapper' ); this.$body = $( '<div>' ).addClass( 'mw-widget-calendarWidget-body' ); // Events this.$element.on( { focus: this.onFocus.bind( this ), mousedown: this.onClick.bind( this ), keydown: this.onKeyDown.bind( this ) } ); // Initialization this.$element .addClass( 'mw-widget-calendarWidget' ) .append( this.$header, this.$bodyOuterWrapper.append( this.$bodyWrapper.append( this.$body ) ) ); if ( !this.lazyInitOnToggle ) { this.buildHeaderButtons(); } this.setDate( config.date !== undefined ? config.date : null ); }; /* Inheritance */ OO.inheritClass( mw.widgets.CalendarWidget, OO.ui.Widget ); OO.mixinClass( mw.widgets.CalendarWidget, OO.ui.mixin.TabIndexedElement ); OO.mixinClass( mw.widgets.CalendarWidget, OO.ui.mixin.FloatableElement ); OO.mixinClass( mw.widgets.CalendarWidget, OO.ui.mixin.ClippableElement ); /* Events */ /** * A change event is emitted when the chosen date changes. * * @event mw.widgets.CalendarWidget.change * @param {string} date Day or month date, in the format 'YYYY-MM-DD' or 'YYYY-MM' */ /* Static properties */ /** * Positions to flip to if there isn't room in the container for the * menu in a specific direction. * * @name mw.widgets.CalendarWidget.flippedPositions * @type {Object.<string,string>} */ mw.widgets.CalendarWidget.static.flippedPositions = { below: 'above', above: 'below', top: 'bottom', bottom: 'top' }; /* Methods */ /** * Get the date format ('YYYY-MM-DD' or 'YYYY-MM', depending on precision), which is used * internally and for dates accepted by #setDate and returned by #getDate. * * @private * @return {string} Format */ mw.widgets.CalendarWidget.prototype.getDateFormat = function () { return { day: 'YYYY-MM-DD', month: 'YYYY-MM' }[ this.precision ]; }; /** * Get the date precision this calendar uses, 'day' or 'month'. * * @private * @return {string} Precision, 'day' or 'month' */ mw.widgets.CalendarWidget.prototype.getPrecision = function () { return this.precision; }; /** * Get list of possible display layers. * * @private * @return {string[]} Layers */ mw.widgets.CalendarWidget.prototype.getDisplayLayers = function () { return [ 'month', 'year', 'duodecade' ].slice( this.precision === 'month' ? 1 : 0 ); }; /** * Update the calendar. * * @private * @param {string|null} [fade=null] Direction in which to fade out current calendar contents, * 'previous', 'next', 'up' or 'down'; or 'auto', which has the same result as 'previous' or * 'next' depending on whether the current date is later or earlier than the previous. */ mw.widgets.CalendarWidget.prototype.updateUI = function ( fade ) { const $bodyWrapper = this.$bodyWrapper; if ( this.lazyInitOnToggle ) { // We're being called from the constructor and not being shown yet, do nothing return; } if ( this.displayLayer === this.previousDisplayLayer && this.date === this.previousDate && this.previousMoment && this.previousMoment.isSame( this.moment, this.precision === 'month' ? 'month' : 'day' ) ) { // Already displayed return; } if ( fade === 'auto' ) { if ( !this.previousMoment ) { fade = null; } else if ( this.previousMoment.isBefore( this.moment, this.precision === 'month' ? 'month' : 'day' ) ) { fade = 'next'; } else if ( this.previousMoment.isAfter( this.moment, this.precision === 'month' ? 'month' : 'day' ) ) { fade = 'previous'; } else { fade = null; } } let items = []; if ( this.$oldBody ) { this.$oldBody.remove(); } this.$oldBody = this.$body.addClass( 'mw-widget-calendarWidget-old-body' ); // Clone without children this.$body = $( this.$body[ 0 ].cloneNode( false ) ) .removeClass( 'mw-widget-calendarWidget-old-body' ) .toggleClass( 'mw-widget-calendarWidget-body-month', this.displayLayer === 'month' ) .toggleClass( 'mw-widget-calendarWidget-body-year', this.displayLayer === 'year' ) .toggleClass( 'mw-widget-calendarWidget-body-duodecade', this.displayLayer === 'duodecade' ); const today = moment(); const selected = moment( this.getDate(), this.getDateFormat() ); switch ( this.displayLayer ) { case 'month': this.labelButton.setLabel( this.moment.format( 'MMMM YYYY' ) ); this.labelButton.toggle( true ); this.upButton.toggle( true ); // First week displayed is the first week spanned by the month, unless it begins on Monday, in // which case first week displayed is the previous week. This makes the calendar "balanced" // and also neatly handles 28-day February sometimes spanning only 4 weeks. // eslint-disable-next-line no-case-declarations const currentDay = moment( this.moment ).startOf( 'month' ).subtract( 1, 'day' ).startOf( 'week' ); // Day-of-week labels. Localisation-independent: works with weeks starting on Saturday, Sunday // or Monday. for ( let w = 0; w < 7; w++ ) { items.push( $( '<div>' ) .addClass( 'mw-widget-calendarWidget-day-heading' ) .text( currentDay.format( 'dd' ) ) ); currentDay.add( 1, 'day' ); } currentDay.subtract( 7, 'days' ); // Actual calendar month. Always displays 6 weeks, for consistency (months can span 4 to 6 // weeks). for ( let i = 0; i < 42; i++ ) { items.push( $( '<div>' ) .addClass( 'mw-widget-calendarWidget-item mw-widget-calendarWidget-day' ) .toggleClass( 'mw-widget-calendarWidget-day-additional', !currentDay.isSame( this.moment, 'month' ) ) .toggleClass( 'mw-widget-calendarWidget-day-today', currentDay.isSame( today, 'day' ) ) .toggleClass( 'mw-widget-calendarWidget-item-selected', currentDay.isSame( selected, 'day' ) ) .text( currentDay.format( 'D' ) ) .data( 'date', currentDay.date() ) .data( 'month', currentDay.month() ) .data( 'year', currentDay.year() ) ); currentDay.add( 1, 'day' ); } break; case 'year': this.labelButton.setLabel( this.moment.format( 'YYYY' ) ); this.labelButton.toggle( true ); this.upButton.toggle( true ); // eslint-disable-next-line no-case-declarations const currentMonth = moment( this.moment ).startOf( 'year' ); for ( let m = 0; m < 12; m++ ) { items.push( $( '<div>' ) .addClass( 'mw-widget-calendarWidget-item mw-widget-calendarWidget-month' ) .toggleClass( 'mw-widget-calendarWidget-item-selected', currentMonth.isSame( selected, 'month' ) ) .text( currentMonth.format( 'MMMM' ) ) .data( 'month', currentMonth.month() ) ); currentMonth.add( 1, 'month' ); } // Shuffle the array to display months in columns rather than rows: // | Jan | Jul | // | Feb | Aug | // | Mar | Sep | // | Apr | Oct | // | May | Nov | // | Jun | Dec | items = [ items[ 0 ], items[ 6 ], items[ 1 ], items[ 7 ], items[ 2 ], items[ 8 ], items[ 3 ], items[ 9 ], items[ 4 ], items[ 10 ], items[ 5 ], items[ 11 ] ]; break; case 'duodecade': this.labelButton.setLabel( null ); this.labelButton.toggle( false ); this.upButton.toggle( false ); // eslint-disable-next-line no-case-declarations let currentYear; if ( this.duoDecade === 'prev' ) { currentYear = moment( { year: Math.floor( ( this.moment.year() - 10 ) / 10 ) * 10 } ); } else if ( this.duoDecade === 'next' ) { currentYear = moment( { year: Math.floor( this.moment.year() / 10 ) * 10 } ); } for ( let y = 0; y < 20; y++ ) { items.push( $( '<div>' ) .addClass( 'mw-widget-calendarWidget-item mw-widget-calendarWidget-year' ) .toggleClass( 'mw-widget-calendarWidget-item-selected', currentYear.isSame( selected, 'year' ) ) .text( currentYear.format( 'YYYY' ) ) .data( 'year', currentYear.year() ) ); currentYear.add( 1, 'year' ); } break; } this.$body.append( ...items ); $bodyWrapper .removeClass( 'mw-widget-calendarWidget-body-wrapper-fade-up' ) .removeClass( 'mw-widget-calendarWidget-body-wrapper-fade-down' ) .removeClass( 'mw-widget-calendarWidget-body-wrapper-fade-previous' ) .removeClass( 'mw-widget-calendarWidget-body-wrapper-fade-next' ); let needsFade = this.previousDisplayLayer !== this.displayLayer; if ( this.displayLayer === 'month' ) { needsFade = needsFade || !this.moment.isSame( this.previousMoment, 'month' ); } else if ( this.displayLayer === 'year' ) { needsFade = needsFade || !this.moment.isSame( this.previousMoment, 'year' ); } else if ( this.displayLayer === 'duodecade' ) { needsFade = needsFade || ( Math.floor( this.moment.year() / 20 ) * 20 !== Math.floor( this.previousMoment.year() / 20 ) * 20 ); } if ( fade && needsFade ) { this.$oldBody.find( '.mw-widget-calendarWidget-item-selected' ) .removeClass( 'mw-widget-calendarWidget-item-selected' ); if ( fade === 'previous' || fade === 'up' ) { this.$body.insertBefore( this.$oldBody ); } else if ( fade === 'next' || fade === 'down' ) { this.$body.insertAfter( this.$oldBody ); } setTimeout( () => { // The following classes are used here: // * mw-widget-calendarWidget-body-wrapper-fade-up // * mw-widget-calendarWidget-body-wrapper-fade-down // * mw-widget-calendarWidget-body-wrapper-fade-previous // * mw-widget-calendarWidget-body-wrapper-fade-next $bodyWrapper.addClass( 'mw-widget-calendarWidget-body-wrapper-fade-' + fade ); } ); } else { this.$oldBody.replaceWith( this.$body ); } this.previousMoment = moment( this.moment ); this.previousDisplayLayer = this.displayLayer; this.previousDate = this.date; this.$body.on( 'click', this.onBodyClick.bind( this ) ); }; /** * Construct and display buttons to navigate the calendar. * * @private */ mw.widgets.CalendarWidget.prototype.buildHeaderButtons = function () { this.labelButton = new OO.ui.ButtonWidget( { tabIndex: -1, label: '', framed: false, classes: [ 'mw-widget-calendarWidget-labelButton' ] } ); // FIXME This button is actually not clickable because labelButton covers it, // should it just be a plain icon? this.upButton = new OO.ui.ButtonWidget( { tabIndex: -1, framed: false, icon: 'collapse', classes: [ 'mw-widget-calendarWidget-upButton' ] } ); this.prevButton = new OO.ui.ButtonWidget( { tabIndex: -1, framed: false, icon: 'previous', classes: [ 'mw-widget-calendarWidget-prevButton' ] } ); this.nextButton = new OO.ui.ButtonWidget( { tabIndex: -1, framed: false, icon: 'next', classes: [ 'mw-widget-calendarWidget-nextButton' ] } ); this.labelButton.connect( this, { click: 'onUpButtonClick' } ); this.upButton.connect( this, { click: 'onUpButtonClick' } ); this.prevButton.connect( this, { click: 'onPrevButtonClick' } ); this.nextButton.connect( this, { click: 'onNextButtonClick' } ); this.$header.append( this.prevButton.$element, this.nextButton.$element, this.labelButton.$element, this.upButton.$element ); }; /** * Handle click events on the "up" button, switching to less precise view. * * @private */ mw.widgets.CalendarWidget.prototype.onUpButtonClick = function () { const layers = this.getDisplayLayers(), currentLayer = layers.indexOf( this.displayLayer ); if ( currentLayer !== layers.length - 1 ) { // One layer up this.displayLayer = layers[ currentLayer + 1 ]; this.updateUI( 'up' ); } else { this.updateUI(); } }; /** * Handle click events on the "previous" button, switching to previous pane. * * @private */ mw.widgets.CalendarWidget.prototype.onPrevButtonClick = function () { switch ( this.displayLayer ) { case 'month': this.moment.subtract( 1, 'month' ); break; case 'year': this.moment.subtract( 1, 'year' ); break; case 'duodecade': this.moment.subtract( 20, 'years' ); break; } this.updateUI( 'previous' ); }; /** * Handle click events on the "next" button, switching to next pane. * * @private */ mw.widgets.CalendarWidget.prototype.onNextButtonClick = function () { switch ( this.displayLayer ) { case 'month': this.moment.add( 1, 'month' ); break; case 'year': this.moment.add( 1, 'year' ); break; case 'duodecade': this.moment.add( 20, 'years' ); break; } this.updateUI( 'next' ); }; /** * Handle click events anywhere in the body of the widget, which contains the matrix of days, * months or years to choose. Maybe change the pane or switch to more precise view, depending on * what gets clicked. * * @private * @param {jQuery.Event} e Click event */ mw.widgets.CalendarWidget.prototype.onBodyClick = function ( e ) { const $target = $( e.target ), layers = this.getDisplayLayers(), currentLayer = layers.indexOf( this.displayLayer ); if ( $target.data( 'year' ) !== undefined ) { this.moment.year( $target.data( 'year' ) ); } if ( $target.data( 'month' ) !== undefined ) { this.moment.month( $target.data( 'month' ) ); } if ( $target.data( 'date' ) !== undefined ) { this.moment.date( $target.data( 'date' ) ); } if ( currentLayer === 0 ) { this.setDateFromMoment(); this.updateUI( 'auto' ); } else { // One layer down this.displayLayer = layers[ currentLayer - 1 ]; this.updateUI( 'down' ); } }; /** * Set the date. * * @param {string|null} [date=null] Day or month date, in the format 'YYYY-MM-DD' or 'YYYY-MM'. * When null, the calendar will show today's date, but not select it. When invalid, the date * is not changed. */ mw.widgets.CalendarWidget.prototype.setDate = function ( date ) { const mom = date !== null ? moment( date, this.getDateFormat() ) : moment(); if ( mom.isValid() ) { this.moment = mom; if ( date !== null ) { this.setDateFromMoment(); } else if ( this.date !== null ) { this.date = null; this.emit( 'change', this.date ); } this.displayLayer = this.getDisplayLayers()[ 0 ]; this.updateUI(); } }; /** * Set the date that is shown in the calendar, but not the selected date. * * @param {Object} mom Moment object */ mw.widgets.CalendarWidget.prototype.setMoment = function ( mom ) { if ( mom.isValid() ) { this.moment = mom; this.updateUI(); } }; /** * Reset the user interface of this widget to reflect selected date. */ mw.widgets.CalendarWidget.prototype.resetUI = function () { this.moment = this.getDate() !== null ? moment( this.getDate(), this.getDateFormat() ) : moment(); this.displayLayer = this.getDisplayLayers()[ 0 ]; this.updateUI(); }; /** * Set the date from moment object. * * @private */ mw.widgets.CalendarWidget.prototype.setDateFromMoment = function () { // Switch to English locale to avoid number formatting. We want the internal value to be // '2015-07-24' and not '٢٠١٥-٠٧-٢٤' even if the UI language is Arabic. const newDate = moment( this.moment ).locale( 'en' ).format( this.getDateFormat() ); if ( this.date !== newDate ) { this.date = newDate; this.emit( 'change', this.date ); } }; /** * Get current date, in the format 'YYYY-MM-DD' or 'YYYY-MM', depending on precision. Digits will * not be localised. * * @return {string|null} Date string */ mw.widgets.CalendarWidget.prototype.getDate = function () { return this.date; }; /** * Handle focus events. * * @private */ mw.widgets.CalendarWidget.prototype.onFocus = function () { this.displayLayer = this.getDisplayLayers()[ 0 ]; this.updateUI( 'down' ); }; /** * Handle mouse click events. * * @private * @param {jQuery.Event} e Mouse click event * @return {boolean|undefined} False to cancel the default event */ mw.widgets.CalendarWidget.prototype.onClick = function ( e ) { if ( !this.isDisabled() && e.which === 1 ) { // Prevent unintended focussing return false; } }; /** * Handle key down events. * * @private * @param {jQuery.Event} e Key down event * @return {boolean|undefined} False to cancel the default event */ mw.widgets.CalendarWidget.prototype.onKeyDown = function ( e ) { const dir = OO.ui.Element.static.getDir( this.$element ), nextDirectionKey = dir === 'ltr' ? OO.ui.Keys.RIGHT : OO.ui.Keys.LEFT, prevDirectionKey = dir === 'ltr' ? OO.ui.Keys.LEFT : OO.ui.Keys.RIGHT; let changed = true; if ( !this.isDisabled() ) { switch ( e.which ) { case prevDirectionKey: this.moment.subtract( 1, this.precision === 'month' ? 'month' : 'day' ); break; case nextDirectionKey: this.moment.add( 1, this.precision === 'month' ? 'month' : 'day' ); break; case OO.ui.Keys.UP: this.moment.subtract( 1, this.precision === 'month' ? 'month' : 'week' ); break; case OO.ui.Keys.DOWN: this.moment.add( 1, this.precision === 'month' ? 'month' : 'week' ); break; case OO.ui.Keys.PAGEUP: this.moment.subtract( 1, this.precision === 'month' ? 'year' : 'month' ); break; case OO.ui.Keys.PAGEDOWN: this.moment.add( 1, this.precision === 'month' ? 'year' : 'month' ); break; default: changed = false; break; } if ( changed ) { this.displayLayer = this.getDisplayLayers()[ 0 ]; this.setDateFromMoment(); this.updateUI( 'auto' ); return false; } } }; /** * @inheritdoc */ mw.widgets.CalendarWidget.prototype.toggle = function ( visible ) { visible = visible === undefined ? !this.visible : !!visible; const change = visible !== this.isVisible(); if ( this.lazyInitOnToggle && visible ) { this.lazyInitOnToggle = false; this.buildHeaderButtons(); this.updateUI(); } // Flipping implementation derived from MenuSelectWidget if ( change && visible ) { // Reset position before showing the popup again. It's possible we no longer need to flip // (e.g. if the user scrolled). this.setVerticalPosition( this.originalVerticalPosition ); } // Parent method mw.widgets.CalendarWidget.super.prototype.toggle.call( this, visible ); if ( change ) { this.togglePositioning( visible && !!this.$floatableContainer ); this.toggleClipping( visible ); // Flipping implementation derived from MenuSelectWidget if ( ( this.isClippedVertically() || this.isFloatableOutOfView() ) && this.originalVerticalPosition !== 'center' ) { // If opening the menu in one direction causes it to be clipped, flip it const originalHeight = this.$element.height(); this.setVerticalPosition( this.constructor.static.flippedPositions[ this.originalVerticalPosition ] ); if ( this.isClippedVertically() || this.isFloatableOutOfView() ) { // If flipping also causes it to be clipped, open in whichever direction // we have more space const flippedHeight = this.$element.height(); if ( originalHeight > flippedHeight ) { this.setVerticalPosition( this.originalVerticalPosition ); } } } // Note that we do not flip the menu's opening direction if the clipping changes // later (e.g. after the user scrolls), that seems like it would be annoying } return this; }; }() ); PK ! ���2 2 # mw.widgets.CategoryTagItemWidget.jsnu �Iw�� /*! * MediaWiki Widgets - CategoryTagItemWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { const hasOwn = Object.prototype.hasOwnProperty; /** * @class mw.widgets.PageExistenceCache * @private * @param {mw.Api} [api] */ function PageExistenceCache( api ) { this.api = api || new mw.Api(); this.processExistenceCheckQueueDebounced = OO.ui.debounce( this.processExistenceCheckQueue ); this.currentRequest = null; this.existenceCache = {}; this.existenceCheckQueue = {}; } /** * Check for existence of pages in the queue. * * @private */ PageExistenceCache.prototype.processExistenceCheckQueue = function () { if ( this.currentRequest ) { // Don't fire off a million requests at the same time this.currentRequest.always( () => { this.currentRequest = null; this.processExistenceCheckQueueDebounced(); } ); return; } const queue = this.existenceCheckQueue; this.existenceCheckQueue = {}; const titles = Object.keys( queue ).filter( ( title ) => { if ( hasOwn.call( this.existenceCache, title ) ) { queue[ title ].resolve( this.existenceCache[ title ] ); } return !hasOwn.call( this.existenceCache, title ); } ); if ( !titles.length ) { return; } this.currentRequest = this.api.get( { formatversion: 2, action: 'query', prop: [ 'info' ], titles: titles } ).done( ( response ) => { const normalized = {}, pages = {}; ( response.query.normalized || [] ).forEach( ( data ) => { normalized[ data.fromencoded ? decodeURIComponent( data.from ) : data.from ] = data.to; } ); response.query.pages.forEach( ( page ) => { pages[ page.title ] = !page.missing; } ); titles.forEach( ( title ) => { let normalizedTitle = title; while ( hasOwn.call( normalized, normalizedTitle ) ) { normalizedTitle = normalized[ normalizedTitle ]; } this.existenceCache[ title ] = pages[ normalizedTitle ]; queue[ title ].resolve( this.existenceCache[ title ] ); } ); } ); }; /** * Register a request to check whether a page exists. * * @private * @param {mw.Title} title * @return {jQuery.Promise} Promise resolved with true if the page exists or false otherwise */ PageExistenceCache.prototype.checkPageExistence = function ( title ) { const key = title.getPrefixedText(); if ( !hasOwn.call( this.existenceCheckQueue, key ) ) { this.existenceCheckQueue[ key ] = $.Deferred(); } this.processExistenceCheckQueueDebounced(); return this.existenceCheckQueue[ key ].promise(); }; /** * @class mw.widgets.ForeignTitle * @private * @extends mw.Title * * @constructor * @param {string} title * @param {number} [namespace] */ function ForeignTitle( title, namespace ) { // We only need to handle categories here... but we don't know the target language. // So assume that any namespace-like prefix is the 'Category' namespace... title = title.replace( /^(.+?)_*:_*(.*)$/, 'Category:$2' ); // HACK ForeignTitle.super.call( this, title, namespace ); } OO.inheritClass( ForeignTitle, mw.Title ); ForeignTitle.prototype.getNamespacePrefix = function () { // We only need to handle categories here... return 'Category:'; // HACK }; /** * @classdesc Extends OO.ui.TagItemWidget with the ability to link to the given page, * and to show its existence status (whether it is a redlink). * * @class mw.widgets.CategoryTagItemWidget * @uses mw.Api * @extends OO.ui.TagItemWidget * * @constructor * @description Create an instance of `mw.widgets.CategoryTagItemWidget`. * @param {Object} config Configuration options * @param {mw.Title} config.title Page title to use (required) * @param {string} [config.apiUrl] API URL, if not the current wiki's API */ mw.widgets.CategoryTagItemWidget = function MWWCategoryTagItemWidget( config ) { // Parent constructor mw.widgets.CategoryTagItemWidget.super.call( this, Object.assign( { data: config.title.getMainText(), label: config.title.getMainText() }, config ) ); // Properties this.title = config.title; this.apiUrl = config.apiUrl || ''; this.$link = $( '<a>' ) .text( this.label ) .attr( 'target', '_blank' ) .on( 'click', ( e ) => { // TagMultiselectWidget really wants to prevent you from clicking the link, don't let it e.stopPropagation(); } ); // Initialize this.setMissing( false ); this.$label.replaceWith( this.$link ); this.setLabelElement( this.$link ); if ( !this.constructor.static.pageExistenceCaches[ this.apiUrl ] ) { this.constructor.static.pageExistenceCaches[ this.apiUrl ] = new PageExistenceCache( new mw.ForeignApi( this.apiUrl ) ); } this.constructor.static.pageExistenceCaches[ this.apiUrl ] .checkPageExistence( new ForeignTitle( this.title.getPrefixedText() ) ) .done( ( exists ) => { this.setMissing( !exists ); } ); }; /* Setup */ OO.inheritClass( mw.widgets.CategoryTagItemWidget, OO.ui.TagItemWidget ); /* Static Properties */ /** * Map of API URLs to PageExistenceCache objects. * * @static * @inheritable * @type {Object} * @name mw.widgets.CategoryTagItemWidget.pageExistenceCaches */ mw.widgets.CategoryTagItemWidget.static.pageExistenceCaches = { '': new PageExistenceCache() }; /* Methods */ /** * Update label link href and CSS classes to reflect page existence status. * * @private * @param {boolean} missing Whether the page is missing (does not exist) */ mw.widgets.CategoryTagItemWidget.prototype.setMissing = function ( missing ) { const title = new ForeignTitle( this.title.getPrefixedText() ), // HACK prefix = this.apiUrl.replace( '/w/api.php', '' ); // HACK this.missing = missing; if ( !missing ) { this.$link .attr( 'href', prefix + title.getUrl() ) .attr( 'title', title.getPrefixedText() ) .removeClass( 'new' ); } else { this.$link .attr( 'href', prefix + title.getUrl( { action: 'edit', redlink: 1 } ) ) .attr( 'title', mw.msg( 'red-link-title', title.getPrefixedText() ) ) .addClass( 'new' ); } }; }() ); PK ! �h� � $ mw.widgets.UsersMultiselectWidget.jsnu �Iw�� /*! * MediaWiki Widgets - UsersMultiselectWidget class. * * @copyright 2017 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Input list of users in a single line. * * If used inside HTML form the results will be sent as the list of * newline-separated usernames. * * This can be configured to accept IP addresses and/or ranges as well as * usernames. * * @class * @extends OO.ui.MenuTagMultiselectWidget * * @constructor * @description Create an instance of `mw.widgets.UsersMultiselectWidget`. * @param {Object} [config] Configuration options * @param {mw.Api} [config.api] Instance of mw.Api (or subclass thereof) to use for queries * @param {number} [config.limit=10] Number of results to show in autocomplete menu * @param {string} [config.name] Name of input to submit results (when used in HTML forms) * @param {boolean} [config.ipAllowed=false] Show IP addresses in autocomplete menu * If false, single IP addresses are not allowed, even if IP ranges are allowed. * @param {boolean} [config.ipRangeAllowed=false] Show IP ranges in autocomplete menu * @param {Object} [config.ipRangeLimits] Maximum allowed IP ranges (defaults match HTMLUserTextField.php) * @param {number} [config.ipRangeLimits.IPv4 = 16] Maximum allowed IPv4 range * @param {number} [config.ipRangeLimits.IPv6 = 32] Maximum allowed IPv6 range * @param {boolean} [config.excludenamed] Whether to exclude named users or not * @param {boolean} [config.excludetemp] Whether to exclude temporary users or not */ mw.widgets.UsersMultiselectWidget = function MwWidgetsUsersMultiselectWidget( config ) { // Config initialization config = Object.assign( { limit: 10, ipAllowed: false, ipRangeAllowed: false, ipRangeLimits: { IPv4: 16, IPv6: 32 }, excludeNamed: false, excludeTemp: false }, config ); // Parent constructor mw.widgets.UsersMultiselectWidget.super.call( this, Object.assign( {}, config, {} ) ); // Mixin constructors OO.ui.mixin.PendingElement.call( this, Object.assign( {}, config, { $pending: this.$handle } ) ); // Properties this.limit = config.limit; this.ipAllowed = config.ipAllowed; this.ipRangeAllowed = config.ipRangeAllowed; this.ipRangeLimits = config.ipRangeLimits; this.excludeNamed = config.excludeNamed; this.excludeTemp = config.excludeTemp; if ( 'name' in config ) { // Use this instead of <input type="hidden">, because hidden inputs do not have separate // 'value' and 'defaultValue' properties. The script on Special:Preferences // (mw.special.preferences.confirmClose) checks this property to see if a field was changed. this.$hiddenInput = $( '<textarea>' ) .addClass( 'oo-ui-element-hidden' ) .attr( 'name', config.name ) .appendTo( this.$element ); // Update with preset values this.updateHiddenInput(); // Set the default value (it might be different from just being empty) this.$hiddenInput.prop( 'defaultValue', this.getSelectedUsernames().join( '\n' ) ); } // Events // When list of selected usernames changes, update hidden input this.connect( this, { change: 'updateHiddenInput' } ); // API init this.api = config.api || new mw.Api(); }; /* Setup */ OO.inheritClass( mw.widgets.UsersMultiselectWidget, OO.ui.MenuTagMultiselectWidget ); OO.mixinClass( mw.widgets.UsersMultiselectWidget, OO.ui.mixin.PendingElement ); /* Methods */ /** * Get currently selected usernames. * * @return {string[]} usernames */ mw.widgets.UsersMultiselectWidget.prototype.getSelectedUsernames = function () { return this.getValue(); }; /** * Update autocomplete menu with items. * * @private */ mw.widgets.UsersMultiselectWidget.prototype.updateMenuItems = function () { const inputValue = this.input.getValue(); if ( inputValue === this.inputValue ) { // Do not restart api query if nothing has changed in the input return; } else { this.inputValue = inputValue; } this.api.abort(); // Abort all unfinished api requests if ( inputValue.length > 0 ) { this.pushPending(); let isValidIp, isValidRange; if ( this.ipAllowed || this.ipRangeAllowed ) { isValidIp = mw.util.isIPAddress( inputValue, false ); isValidRange = !isValidIp && mw.util.isIPAddress( inputValue, true ) && this.validateIpRange( inputValue ); } if ( this.ipAllowed && isValidIp || this.ipRangeAllowed && isValidRange ) { this.menu.clearItems(); this.menu.addItems( [ new OO.ui.MenuOptionWidget( { data: inputValue, label: inputValue } ) ] ); this.menu.toggle( true ); this.popPending(); } else { this.api.get( { action: 'query', list: 'allusers', auprefix: inputValue, aulimit: this.limit, auexcludenamed: this.excludeNamed, auexcludetemp: this.excludeTemp } ).done( ( response ) => { let suggestions = response.query.allusers; const selected = this.getSelectedUsernames(); // Remove usernames, which are already selected from suggestions suggestions = suggestions.map( ( user ) => { if ( selected.indexOf( user.name ) === -1 ) { return new OO.ui.MenuOptionWidget( { data: user.name, label: user.name, id: user.name } ); } return undefined; } ).filter( ( item ) => item !== undefined ); // Remove all items from menu add fill it with new this.menu.clearItems(); this.menu.addItems( suggestions ); if ( suggestions.length ) { // Enable Narrator focus on menu item, see T250762. this.menu.$focusOwner.attr( 'aria-activedescendant', suggestions[ 0 ].$element.attr( 'id' ) ); } // Make the menu visible; it might not be if it was previously empty this.menu.toggle( true ); this.popPending(); } ).fail( this.popPending.bind( this ) ); } } else { this.menu.clearItems(); } }; /** * @private * @param {string} ipRange Valid IPv4 or IPv6 range * @return {boolean} The IP range is within the size limit */ mw.widgets.UsersMultiselectWidget.prototype.validateIpRange = function ( ipRange ) { ipRange = ipRange.split( '/' ); return mw.util.isIPv4Address( ipRange[ 0 ] ) && +ipRange[ 1 ] >= this.ipRangeLimits.IPv4 || mw.util.isIPv6Address( ipRange[ 0 ] ) && +ipRange[ 1 ] >= this.ipRangeLimits.IPv6; }; mw.widgets.UsersMultiselectWidget.prototype.onInputChange = function () { mw.widgets.UsersMultiselectWidget.super.prototype.onInputChange.apply( this, arguments ); this.updateMenuItems(); }; /** * If used inside HTML form, then update hiddenInput with list of * newline-separated usernames. * * @private */ mw.widgets.UsersMultiselectWidget.prototype.updateHiddenInput = function () { if ( '$hiddenInput' in this ) { this.$hiddenInput.val( this.getSelectedUsernames().join( '\n' ) ); // Trigger a 'change' event as if a user edited the text // (it is not triggered when changing the value from JS code). this.$hiddenInput.trigger( 'change' ); } }; /** * We have an empty menu when the input is empty, override the implementation from * MenuTagMultiselectWidget to avoid error and make tags editable. * * Only editable when the input is empty. */ mw.widgets.UsersMultiselectWidget.prototype.onTagSelect = function () { if ( this.hasInput && !this.input.getValue() ) { OO.ui.TagMultiselectWidget.prototype.onTagSelect.apply( this, arguments ); } }; }() ); PK ! S���� � " mw.widgets.TagMultiselectWidget.jsnu �Iw�� /*! * MediaWiki Widgets - TagMultiselectWidget class. * * @copyright 2017 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Input list of tags in a single line. * * This extends TagMultiselectWidget by adding an invisible textarea * element which will be used to submit the values of the tags * * If used inside HTML form the results will be sent as the list of * newline-separated tags. * * @class * @extends OO.ui.TagMultiselectWidget * * @constructor * @description Create an instance of `mw.widgets.TagMultiselectWidget`. * @param {Object} [config] Configuration options * @param {string} [config.name] Name of input to submit results (when used in HTML forms) */ mw.widgets.TagMultiselectWidget = function MwWidgetsTagMultiselectWidget( config ) { // Parent constructor mw.widgets.TagMultiselectWidget.super.call( this, Object.assign( {}, config, {} ) ); if ( 'name' in config ) { // Use this instead of <input type="hidden">, because hidden inputs do not have separate // 'value' and 'defaultValue' properties. this.$hiddenInput = $( '<textarea>' ) .addClass( 'oo-ui-element-hidden' ) .attr( 'name', config.name ) .appendTo( this.$element ); // Update with preset values this.updateHiddenInput(); // Set the default value (it might be different from just being empty) this.$hiddenInput.prop( 'defaultValue', this.getValue().join( '\n' ) ); } // Events // When list of selected tags changes, update hidden input this.connect( this, { change: 'updateHiddenInput' } ); }; /* Setup */ OO.inheritClass( mw.widgets.TagMultiselectWidget, OO.ui.TagMultiselectWidget ); /* Methods */ /** * If used inside HTML form, then update hiddenInput with list of * newline-separated tags. * * @private */ mw.widgets.TagMultiselectWidget.prototype.updateHiddenInput = function () { if ( '$hiddenInput' in this ) { this.$hiddenInput.val( this.getValue().join( '\n' ) ); // Trigger a 'change' event as if a user edited the text // (it is not triggered when changing the value from JS code). this.$hiddenInput.trigger( 'change' ); } }; }() ); PK ! �U�T/ / mw.widgets.AbandonEditDialog.jsnu �Iw�� /*! * MediaWiki Widgets - AbandonEditDialog class. * * @copyright 2011-2018 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /** * @classdesc Confirm dialog shown when the user is leaving an editor without saving. * * The `useeditwarning` user option should be checked before showing this dialog. * * @class * @extends OO.ui.MessageDialog * * @constructor * @description Create an instance of `mw.widgets.AbandonEditDialog`. * @param {Object} [config] Configuration options */ mw.widgets.AbandonEditDialog = function VeUiAbandonEditDialog( config ) { // Parent constructor mw.widgets.AbandonEditDialog.super.call( this, config ); }; /* Inheritance */ OO.inheritClass( mw.widgets.AbandonEditDialog, OO.ui.MessageDialog ); /* Static Properties */ mw.widgets.AbandonEditDialog.static.name = 'abandonedit'; mw.widgets.AbandonEditDialog.static.title = OO.ui.deferMsg( 'mw-widgets-abandonedit-title' ); mw.widgets.AbandonEditDialog.static.message = OO.ui.deferMsg( 'mw-widgets-abandonedit' ); mw.widgets.AbandonEditDialog.static.actions = [ { action: 'discard', label: OO.ui.deferMsg( 'mw-widgets-abandonedit-discard' ), flags: 'destructive' }, { action: 'keep', label: OO.ui.deferMsg( 'mw-widgets-abandonedit-keep' ), flags: [ 'primary', 'safe' ] } ]; PK ! _�� ! mw.widgets.ExpiryInputWidget.lessnu �Iw�� @import 'mediawiki.skin.variables.less'; @wm-expirywidget-text-width: 43.3em; .mw-widget-ExpiryWidget.mw-widget-ExpiryWidget-hasDatePicker { .oo-ui-buttonSelectWidget { display: inline-block; vertical-align: top; } .oo-ui-textInputWidget.mw-widget-ExpiryWidget-relative { display: inline-block; max-width: @wm-expirywidget-text-width; } .mw-widget-selectWithInputWidget { display: inline; } .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-dropdownInputWidget { display: inline-block; } .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-textInputWidget { display: inline-block; max-width: 22.8em; } .mw-widgets-datetime-dateTimeInputWidget { margin-top: 0; margin-bottom: 0; max-width: @wm-expirywidget-text-width; .mw-widgets-datetime-dateTimeInputWidget-handle { max-height: 2.286em; } } @media ( max-width: @max-width-breakpoint-desktop ) { .mw-widget-selectWithInputWidget { display: block; } .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-dropdownInputWidget, .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-textInputWidget, .mw-widgets-datetime-dateTimeInputWidget { display: block; max-width: 50em; margin-top: 0.5em; } } } PK ! @k| | mw.widgets.TitleWidget.lessnu �Iw�� /*! * MediaWiki Widgets - TitleWidget styles. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ .mw-widget-titleWidget-menu { .mw-widget-titleOptionWidget { line-height: normal; &-description { color: #72777d; } } &-withImages { .mw-widget-titleOptionWidget { box-sizing: border-box; min-height: 3.75em; padding-left: 4.75em; padding-top: 0.5em; padding-bottom: 0.5em; &:not( :last-child ) { margin-bottom: 2px; } > .oo-ui-labelElement-label { line-height: 2.8em; } &.oo-ui-iconElement { > .oo-ui-iconElement-icon { display: block; width: 3.75em; height: 3.75em; left: 0; &:not( .mw-widget-titleOptionWidget-hasImage ) { background-size: 80%; background-color: #c8ccd1; opacity: 0.4; } &.mw-widget-titleOptionWidget-hasImage { border: 0; background-size: cover; opacity: 0.7; } } } &.oo-ui-optionWidget-highlighted, &.oo-ui-optionWidget-selected { &.oo-ui-iconElement > .mw-widget-titleOptionWidget-hasImage { opacity: 1; } } } } &-withDescriptions { .mw-widget-titleOptionWidget { > .oo-ui-labelElement-label { line-height: 1.5em; } &-description { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } } /* TODO: Should be able to use :not( &-withDescriptions ) but LESS version is buggy (T204816) */ &:not( .mw-widget-titleWidget-menu-withDescriptions ) { .mw-widget-titleOptionWidget-description { display: none; } } } PK ! �ɕ�� � mw.widgets.SearchInputWidget.jsnu �Iw�� /*! * MediaWiki Widgets - SearchInputWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Search input widget. * * @class * @extends mw.widgets.TitleInputWidget * * @constructor * @description Create a mw.widgets.SearchInputWidget object. * @param {Object} [config] Configuration options * @param {boolean} [config.performSearchOnClick=true] If true, the script will start a search when- * ever a user hits a suggestion. If false, the text of the suggestion is inserted into the * text field only. * @param {string} [config.dataLocation='header'] Where the search input field will be * used (header or content). */ mw.widgets.SearchInputWidget = function MwWidgetsSearchInputWidget( config ) { // The parent constructors will detach this from the DOM, and won't // be reattached until after this function is completed. As such // grab a handle here. If no config.$input is passed tracking of // form submissions won't work. const $form = config.$input ? config.$input.closest( 'form' ) : $(); config = Object.assign( { icon: 'search', maxLength: undefined, showPendingRequest: false, performSearchOnClick: true, dataLocation: 'header' }, config ); // Parent constructor mw.widgets.SearchInputWidget.super.call( this, config ); // Initialization this.$element.addClass( 'mw-widget-searchInputWidget' ); this.lookupMenu.$element.addClass( 'mw-widget-searchWidget-menu' ); this.lastLookupItems = []; if ( config.dataLocation ) { this.dataLocation = config.dataLocation; } if ( config.performSearchOnClick ) { this.performSearchOnClick = config.performSearchOnClick; } this.setLookupsDisabled( !this.suggestions ); $form.on( 'submit', () => { mw.track( 'mw.widgets.SearchInputWidget', { action: 'submit-form', numberOfResults: this.lastLookupItems.length, $form: $form, inputLocation: this.dataLocation || 'header', index: this.lastLookupItems.indexOf( this.$input.val() ) } ); } ); this.connect( this, { change: 'onChange' } ); this.$element.addClass( 'oo-ui-textInputWidget-type-search' ); this.updateSearchIndicator(); this.connect( this, { disable: 'onDisable' } ); }; /* Setup */ OO.inheritClass( mw.widgets.SearchInputWidget, mw.widgets.TitleInputWidget ); /* Methods */ /** * @inheritdoc * @protected */ mw.widgets.SearchInputWidget.prototype.getInputElement = function () { return $( '<input>' ).attr( 'type', 'search' ); }; /** * @inheritdoc */ mw.widgets.SearchInputWidget.prototype.onIndicatorMouseDown = function ( e ) { if ( e.which === OO.ui.MouseButtons.LEFT ) { // Clear the text field this.setValue( '' ); this.$input[ 0 ].focus(); return false; } }; /** * Update the 'clear' indicator displayed on type: 'search' text * fields, hiding it when the field is already empty or when it's not * editable. */ mw.widgets.SearchInputWidget.prototype.updateSearchIndicator = function () { if ( this.getValue() === '' || this.isDisabled() || this.isReadOnly() ) { this.setIndicator( null ); } else { this.setIndicator( 'clear' ); } }; /** * @inheritdoc */ mw.widgets.SearchInputWidget.prototype.onChange = function () { this.updateSearchIndicator(); }; /** * Handle disable events. * * @param {boolean} disabled Element is disabled * @private */ mw.widgets.SearchInputWidget.prototype.onDisable = function () { this.updateSearchIndicator(); }; /** * @inheritdoc */ mw.widgets.SearchInputWidget.prototype.setReadOnly = function ( state ) { mw.widgets.SearchInputWidget.super.prototype.setReadOnly.call( this, state ); this.updateSearchIndicator(); return this; }; /** * @inheritdoc */ mw.widgets.SearchInputWidget.prototype.getSuggestionsPromise = function () { const api = this.getApi(); // While the name is, for historical reasons, 'session-start', this indicates // a new backend request is being performed. mw.track( 'mw.widgets.SearchInputWidget', { action: 'session-start' } ); // reuse the searchSuggest function from mw.searchSuggest const promise = mw.searchSuggest.request( api, this.getQueryValue(), () => {}, this.limit, this.getNamespace() ); // tracking purposes promise.done( ( data, jqXHR ) => { this.requestType = jqXHR.getResponseHeader( 'X-OpenSearch-Type' ); this.searchId = jqXHR.getResponseHeader( 'X-Search-ID' ); } ); return promise; }; /** * @inheritdoc */ mw.widgets.SearchInputWidget.prototype.getLookupCacheDataFromResponse = function ( response ) { // mw.widgets.TitleInputWidget uses response.query, which doesn't exist for opensearch, // so return the whole response (titles only, and links) const resp = { data: response || {}, metadata: { type: this.requestType || 'unknown', searchId: this.searchId || null, query: this.getQueryValue() } }; this.requestType = undefined; this.searchId = undefined; return resp; }; /** * @inheritdoc */ mw.widgets.SearchInputWidget.prototype.getOptionsFromData = function ( data ) { const items = [], titles = data.data[ 1 ], descriptions = data.data[ 2 ], urls = data.data[ 3 ]; // eslint-disable-next-line no-jquery/no-each-util $.each( titles, ( i, result ) => { items.push( new mw.widgets.TitleOptionWidget( this.getOptionWidgetData( result, // Create a result object that looks like the one from // the parent's API query. { data: result, url: urls[ i ], imageUrl: null, // The JSON 'opensearch' API doesn't have images description: descriptions[ i ], missing: false, redirect: false, disambiguation: false } ) ) ); } ); mw.track( 'mw.widgets.SearchInputWidget', { action: 'impression-results', numberOfResults: items.length, resultSetType: data.metadata.type, searchId: data.metadata.searchId, query: data.metadata.query, inputLocation: this.dataLocation || 'header' } ); return items; }; /** * @inheritdoc */ mw.widgets.SearchInputWidget.prototype.onLookupMenuChoose = function () { mw.widgets.SearchInputWidget.super.prototype.onLookupMenuChoose.apply( this, arguments ); if ( this.performSearchOnClick ) { this.$element.closest( 'form' ).trigger( 'submit' ); } }; /** * @inheritdoc */ mw.widgets.SearchInputWidget.prototype.getLookupMenuOptionsFromData = function () { const items = mw.widgets.SearchInputWidget.super.prototype.getLookupMenuOptionsFromData.apply( this, arguments ); this.lastLookupItems = items.map( ( item ) => item.data ); return items; }; }() ); PK ! G/\� � ) mw.widgets.NamespacesMultiselectWidget.jsnu �Iw�� /*! * MediaWiki Widgets - NamespacesMultiselectWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Namespaces multiselect widget. * * TODO: A lot of this is duplicated in mw.widgets.UsersMultiselectWidget * and mw.widgets.TitlesMultiselectWidget. These classes should be * refactored. * * @class * @extends OO.ui.MenuTagMultiselectWidget * * @constructor * @description Create an mw.widgets.NamespacesMultiselectWidget object. * @param {Object} [config] Configuration options */ mw.widgets.NamespacesMultiselectWidget = function MwWidgetsNamespacesMultiselectWidget( config ) { const namespaces = {}, options = mw.widgets.NamespaceInputWidget.static.getNamespaceDropdownOptions( {} ); for ( let i = 0, ilen = options.length; i < ilen; i++ ) { const option = options[ i ]; namespaces[ option.data ] = option.label; } config = $.extend( true, { options: mw.widgets.NamespaceInputWidget.static.getNamespaceDropdownOptions( {} ) }, config ); // Parent constructor mw.widgets.NamespacesMultiselectWidget.super.call( this, $.extend( true, { menu: { filterMode: 'substring' } }, config, { selected: config && config.selected ? config.selected.map( ( id ) => ( { data: id, label: namespaces[ id ] } ) ) : undefined } ) ); // Initialization this.$element .addClass( 'mw-widgets-namespacesMultiselectWidget' ); if ( 'name' in config ) { // Use this instead of <input type="hidden">, because hidden inputs do not have separate // 'value' and 'defaultValue' properties. The script on Special:Preferences // (mw.special.preferences.confirmClose) checks this property to see if a field was changed. this.$hiddenInput = $( '<textarea>' ) .addClass( 'oo-ui-element-hidden' ) .attr( 'name', config.name ) .appendTo( this.$element ); // Update with preset values // Set the default value (it might be different from just being empty) this.$hiddenInput.prop( 'defaultValue', this.getItems().map( ( item ) => item.getData() ).join( '\n' ) ); this.on( 'change', ( items ) => { this.$hiddenInput.val( items.map( ( item ) => item.getData() ).join( '\n' ) ); // Trigger a 'change' event as if a user edited the text // (it is not triggered when changing the value from JS code). this.$hiddenInput.trigger( 'change' ); } ); } }; /* Setup */ OO.inheritClass( mw.widgets.NamespacesMultiselectWidget, OO.ui.MenuTagMultiselectWidget ); OO.mixinClass( mw.widgets.NamespacesMultiselectWidget, OO.ui.mixin.PendingElement ); /* Methods */ /** * @inheritdoc */ mw.widgets.NamespacesMultiselectWidget.prototype.createMenuOptionWidget = function ( data, label, icon ) { return new mw.widgets.NamespacesMenuOptionWidget( { data: data, label: label || data, icon: icon } ); }; }() ); PK ! �@/�* * % mw.widgets.TitlesMultiselectWidget.jsnu �Iw�� /*! * MediaWiki Widgets - TitlesMultiselectWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Titles multiselect widget. * * @class * @extends OO.ui.MenuTagMultiselectWidget * @mixes OO.ui.mixin.RequestManager * @mixes OO.ui.mixin.PendingElement * @mixes mw.widgets.TitleWidget * * @constructor * @description Create an mw.widgets.TitlesMultiselectWidget object. * @param {Object} [config] Configuration options */ mw.widgets.TitlesMultiselectWidget = function MwWidgetsTitlesMultiselectWidget( config ) { // Parent constructor mw.widgets.TitlesMultiselectWidget.super.call( this, $.extend( true, { allowEditTags: false }, config ) ); // Mixin constructors mw.widgets.TitleWidget.call( this, $.extend( true, { addQueryInput: true, highlightSearchQuery: false }, config ) ); OO.ui.mixin.RequestManager.call( this, config ); OO.ui.mixin.PendingElement.call( this, $.extend( true, {}, config, { $pending: this.$handle } ) ); // Validate from mw.widgets.TitleWidget this.input.setValidation( this.isQueryValid.bind( this ) ); // TODO limit max tag length to this.maxLength // Initialization this.$element .addClass( 'mw-widgets-titlesMultiselectWidget' ); this.menu.$element // For consistency, use the same classes as TitleWidget // expects for menu results .addClass( 'mw-widget-titleWidget-menu' ) .toggleClass( 'mw-widget-titleWidget-menu-withImages', this.showImages ) .toggleClass( 'mw-widget-titleWidget-menu-withDescriptions', this.showDescriptions ); if ( 'name' in config ) { // Use this instead of <input type="hidden">, because hidden inputs do not have separate // 'value' and 'defaultValue' properties. The script on Special:Preferences // (mw.special.preferences.confirmClose) checks this property to see if a field was changed. this.$hiddenInput = $( '<textarea>' ) .addClass( 'oo-ui-element-hidden' ) .attr( 'name', config.name ) .appendTo( this.$element ); // Update with preset values // Set the default value (it might be different from just being empty) this.$hiddenInput.prop( 'defaultValue', this.getItems().map( ( item ) => item.getData() ).join( '\n' ) ); this.on( 'change', ( items ) => { this.$hiddenInput.val( items.map( ( item ) => item.getData() ).join( '\n' ) ); // Trigger a 'change' event as if a user edited the text // (it is not triggered when changing the value from JS code). this.$hiddenInput.trigger( 'change' ); } ); } }; /* Setup */ OO.inheritClass( mw.widgets.TitlesMultiselectWidget, OO.ui.MenuTagMultiselectWidget ); OO.mixinClass( mw.widgets.TitlesMultiselectWidget, OO.ui.mixin.RequestManager ); OO.mixinClass( mw.widgets.TitlesMultiselectWidget, OO.ui.mixin.PendingElement ); OO.mixinClass( mw.widgets.TitlesMultiselectWidget, mw.widgets.TitleWidget ); /* Methods */ mw.widgets.TitlesMultiselectWidget.prototype.getQueryValue = function () { return this.input.getValue(); }; /** * @inheritdoc */ mw.widgets.TitlesMultiselectWidget.prototype.onInputChange = function () { this.getRequestData() .then( ( data ) => { // Reset this.menu.clearItems(); this.menu.addItems( this.getOptionsFromData( data ) ); } ).always( () => { // Parent method mw.widgets.TitlesMultiselectWidget.super.prototype.onInputChange.call( this ); } ); }; /** * We have an empty menu when the input is empty, override the implementation from * MenuTagMultiselectWidget to avoid error and make tags editable. * * Only editable when the input is empty. */ mw.widgets.TitlesMultiselectWidget.prototype.onTagSelect = function () { if ( this.hasInput && !this.input.getValue() ) { OO.ui.TagMultiselectWidget.prototype.onTagSelect.apply( this, arguments ); } }; /** * @inheritdoc */ mw.widgets.TitlesMultiselectWidget.prototype.getRequestQuery = function () { return this.getQueryValue(); }; /** * @inheritdoc */ mw.widgets.TitlesMultiselectWidget.prototype.getRequest = function () { return this.getSuggestionsPromise(); }; /** * @inheritdoc */ mw.widgets.TitlesMultiselectWidget.prototype.getRequestCacheDataFromResponse = function ( response ) { return response.query || {}; }; }() ); PK ! �6i0 0 mw.widgets.ToggleSwitchWidget.jsnu �Iw�� /*! * MediaWiki Widgets - ToggleSwitchWidget class. * * @copyright 2017 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Add an invisible checkbox element which will be used to submit the value. * * @class * @extends OO.ui.ToggleSwitchWidget * * @constructor * @description Create an instance of `mw.widgets.ToggleSwitchWidget`. * @param {Object} [config] Configuration options * @param {string} [config.name] Name of input to submit results (when used in HTML forms) */ mw.widgets.ToggleSwitchWidget = function MwWidgetsToggleWidget( config ) { // Parent constructor mw.widgets.ToggleSwitchWidget.super.call( this, Object.assign( {}, config, {} ) ); if ( 'name' in config ) { // Use this instead of <input type="hidden">, because hidden inputs do not have separate // 'value' and 'defaultValue' properties. this.$hiddenInput = $( '<input>' ) .addClass( 'oo-ui-element-hidden' ) .attr( 'type', 'checkbox' ) .attr( 'name', config.name ) .attr( 'id', config.inputId ) .appendTo( this.$element ); // Update with preset values this.updateHiddenInput(); // Set the default value (it might be different from just being empty) this.$hiddenInput.prop( 'defaultChecked', this.isSelected() ); } // Events // When list of selected tags changes, update hidden input this.connect( this, { change: 'updateHiddenInput' } ); }; /* Setup */ OO.inheritClass( mw.widgets.ToggleSwitchWidget, OO.ui.ToggleSwitchWidget ); mw.widgets.ToggleSwitchWidget.static.tagName = 'span'; /* Methods */ mw.widgets.ToggleSwitchWidget.prototype.isSelected = function () { return mw.widgets.ToggleSwitchWidget.super.prototype.getValue.call( this ); }; mw.widgets.ToggleSwitchWidget.prototype.getValue = function () { return this.isSelected() ? '1' : '0'; }; /** * If used inside HTML form, then update hiddenInput. * * @private */ mw.widgets.ToggleSwitchWidget.prototype.updateHiddenInput = function () { if ( '$hiddenInput' in this ) { this.$hiddenInput.prop( 'checked', this.isSelected() ); // Trigger a 'change' event as if a user edited the text // (it is not triggered when changing the value from JS code). this.$hiddenInput.trigger( 'change' ); } }; }() ); PK ! �zbS S AUTHORS.txtnu �Iw�� Authors (alphabetically) Alex Monk <krenair@wikimedia.org> Bartosz Dziewoński <bdziewonski@wikimedia.org> Ed Sanders <esanders@wikimedia.org> James D. Forrester <jforrester@wikimedia.org> Roan Kattouw <roan@wikimedia.org> Sucheta Ghoshal <sghoshal@wikimedia.org> Timo Tijhof <krinklemail@gmail.com> Trevor Parscal <trevor@wikimedia.org> PK ! ���� � % mw.widgets.SizeFilterWidget.base.lessnu �Iw�� /*! * MediaWiki Widgets - base SizeFilterWidget styles. * * @copyright 2011-2024 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ .mw-widget-sizeFilterWidget { > .oo-ui-widget { display: inline-block; vertical-align: middle; } .oo-ui-textInputWidget { max-width: 10em; } .oo-ui-radioSelectInputWidget { /* PHP widget */ .oo-ui-fieldLayout { display: inline-block; margin: 0; vertical-align: middle; &:first-child { margin-right: 0.5em; } } /* JS widget */ .oo-ui-radioOptionWidget { display: inline-table; width: auto; margin: 0; vertical-align: middle; &:first-child { margin-right: 0.5em; } } } } PK ! ��?M M & mw.widgets.DateInputWidget.styles.lessnu �Iw�� /*! * MediaWiki Widgets – PHP DateInputWidget styles. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ @import 'mediawiki.skin.variables.less'; // Variables taken from OOUI's WikimediaUI theme @ooui-font-size-browser: 16; // assumed browser default of `16px` @ooui-font-size-base: 0.875em; // equals `14px` at browser default of `16px` @ooui-unit: em; @padding-input-text: @padding-vertical-base @padding-horizontal-input-text; @padding-horizontal-input-text: 8px; @padding-vertical-base: 6px; // `line-height` has to be relative/in `em` to enable user override in browser settings. @line-height-widget-base: unit( 18 / @ooui-font-size-browser / @ooui-font-size-base, @ooui-unit ); // equals `18px` at base `font-size: 14px; .oo-ui-inline-spacing( @spacing, @cancelled-spacing: 0 ) { margin-right: @spacing; &:last-child { margin-right: @cancelled-spacing; } } // DateInputWidget rules .mw-widget-dateInputWidget { &.oo-ui-textInputWidget { display: inline-block; max-width: 21em; // .oo-ui-inline-spacing( 0.5em ); already inherited from `.oo-ui-inputWidget` .oo-ui-labelElement-label { line-height: @line-height-widget-base; } } // Note that this block applies to both the PHP widget and the JS widget &-handle, &.oo-ui-textInputWidget input { display: inline-block; position: relative; cursor: pointer; /** * Ensures non-infused and infused widget have the same height. * Equal to line height + top padding + bottom padding */ max-height: 2.458em; } // Ensure `.mw-widget-dateInputWidget-handle` similar appearance to OOUI's `.oo-ui-textInputWidget` &-handle { background-color: @background-color-base; color: @color-emphasized; box-sizing: border-box; width: 100%; border: @border-base; border-radius: @border-radius-base; padding: @padding-input-text; line-height: @line-height-widget-base; } &.oo-ui-widget-enabled { .mw-widget-dateInputWidget-handle { // `transparent` necessary for smooth transition box-shadow: @box-shadow-inset-small @box-shadow-color-transparent; transition-property: border-color, box-shadow; transition-duration: @transition-duration-medium; &:hover { border-color: @border-color-input--hover; } &:focus { outline: @outline-base--focus; border-color: @border-color-progressive--focus; box-shadow: @box-shadow-inset-small @box-shadow-color-progressive--focus; } & > .oo-ui-labelElement-label { cursor: pointer; } } } &-active { &.oo-ui-textInputWidget input { cursor: text; } } } PK ! g'�,q0 q0 ' mw.widgets.CategoryMultiselectWidget.jsnu �Iw�� /*! * MediaWiki Widgets - CategoryMultiselectWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { const hasOwn = Object.prototype.hasOwnProperty, NS_CATEGORY = mw.config.get( 'wgNamespaceIds' ).category; /** * @classdesc Displays an {@link OO.ui.MenuTagMultiselectWidget} * and autocompletes with available categories. * * @example * mw.loader.using( 'mediawiki.widgets.CategoryMultiselectWidget', function () { * let selector = new mw.widgets.CategoryMultiselectWidget( { * searchTypes: [ * mw.widgets.CategoryMultiselectWidget.SearchType.OpenSearch, * mw.widgets.CategoryMultiselectWidget.SearchType.InternalSearch * ] * } ); * * $( document.body ).append( selector.$element ); * * selector.setSearchTypes( [ mw.widgets.CategoryMultiselectWidget.SearchType.SubCategories ] ); * } ); * * @class mw.widgets.CategoryMultiselectWidget * @uses mw.Api * @extends OO.ui.MenuTagMultiselectWidget * @mixes OO.ui.mixin.PendingElement * * @constructor * @description Create an instance of `mw.widgets.CategoryMultiselectWidget`. * @param {Object} [config] Configuration options * @param {mw.Api} [config.api] Instance of mw.Api (or subclass thereof) to use for queries * @param {number} [config.limit=10] Maximum number of results to load * @param {mw.widgets.CategoryMultiselectWidget.SearchType[]} [config.searchTypes=[mw.widgets.CategoryMultiselectWidget.SearchType.OpenSearch]] * Default search API to use when searching. */ mw.widgets.CategoryMultiselectWidget = function MWCategoryMultiselectWidget( config ) { // Config initialization config = Object.assign( { limit: 10, searchTypes: [ mw.widgets.CategoryMultiselectWidget.SearchType.OpenSearch ], placeholder: mw.msg( 'mw-widgets-categoryselector-add-category-placeholder' ) }, config ); this.limit = config.limit; this.searchTypes = config.searchTypes; this.validateSearchTypes(); // Parent constructor mw.widgets.CategoryMultiselectWidget.super.call( this, $.extend( true, {}, config, { menu: { filterFromInput: false }, // This allows the user to both select non-existent categories, and prevents the selector from // being wiped from #onMenuItemsChange when we change the available options in the dropdown allowArbitrary: true } ) ); // Mixin constructors OO.ui.mixin.PendingElement.call( this, Object.assign( {}, config, { $pending: this.$handle } ) ); // Event handler to call the autocomplete methods this.input.$input.on( 'change input cut paste', OO.ui.debounce( this.updateMenuItems.bind( this ), 100 ) ); // Initialize this.api = config.api || new mw.Api(); this.searchCache = {}; }; /* Setup */ OO.inheritClass( mw.widgets.CategoryMultiselectWidget, OO.ui.MenuTagMultiselectWidget ); OO.mixinClass( mw.widgets.CategoryMultiselectWidget, OO.ui.mixin.PendingElement ); /* Methods */ /** * Gets new items based on the input by calling * {@link #getNewMenuItems getNewItems} and updates the menu * after removing duplicates based on the data value. * * @private * @method */ mw.widgets.CategoryMultiselectWidget.prototype.updateMenuItems = function () { this.getMenu().clearItems(); this.getNewMenuItems( this.input.$input.val() ).then( ( items ) => { const menu = this.getMenu(); // Never show the menu if the input lost focus in the meantime if ( !this.input.$input.is( ':focus' ) ) { return; } // Array of strings of the data of OO.ui.MenuOptionsWidgets const existingItems = menu.getItems().map( ( item ) => item.data ); // Remove if items' data already exists let filteredItems = items.filter( ( item ) => existingItems.indexOf( item ) === -1 ); // Map to an array of OO.ui.MenuOptionWidgets filteredItems = filteredItems.map( ( item ) => new OO.ui.MenuOptionWidget( { data: item, label: item } ) ); menu.addItems( filteredItems ).toggle( true ); } ); }; /** * @inheritdoc */ mw.widgets.CategoryMultiselectWidget.prototype.clearInput = function () { mw.widgets.CategoryMultiselectWidget.super.prototype.clearInput.call( this ); // Abort all pending requests, we won't need their results this.api.abort(); }; /** * Searches for categories based on the input. * * @private * @method * @param {string} input The input used to prefix search categories * @return {jQuery.Promise} Resolves with an array of categories */ mw.widgets.CategoryMultiselectWidget.prototype.getNewMenuItems = function ( input ) { const deferred = $.Deferred(); if ( input.trim() === '' ) { deferred.resolve( [] ); return deferred.promise(); } // Abort all pending requests, we won't need their results this.api.abort(); const promises = []; for ( let i = 0; i < this.searchTypes.length; i++ ) { promises.push( this.searchCategories( input, this.searchTypes[ i ] ) ); } this.pushPending(); $.when( ...promises ).done( ( ...dataSets ) => { // Flatten array const allData = [].concat( ...dataSets ); const categoryNames = allData // Remove duplicates .filter( ( value, index, arr ) => arr.indexOf( value ) === index ) // Get Title objects .map( ( name ) => mw.Title.newFromText( name ) ) // Keep only titles from 'Category' namespace .filter( ( title ) => title && title.getNamespaceId() === NS_CATEGORY ) // Convert back to strings, strip 'Category:' prefix .map( ( title ) => title.getMainText() ); deferred.resolve( categoryNames ); } ).always( this.popPending.bind( this ) ); return deferred.promise(); }; /** * @inheritdoc */ mw.widgets.CategoryMultiselectWidget.prototype.isAllowedData = function ( data ) { const title = mw.Title.makeTitle( NS_CATEGORY, data ); if ( !title ) { return false; } return mw.widgets.CategoryMultiselectWidget.super.prototype.isAllowedData.call( this, data ); }; /** * @inheritdoc */ mw.widgets.CategoryMultiselectWidget.prototype.createTagItemWidget = function ( data ) { const title = mw.Title.makeTitle( NS_CATEGORY, data ); return new mw.widgets.CategoryTagItemWidget( { apiUrl: this.api.apiUrl || undefined, title: title } ); }; /** * @inheritdoc */ mw.widgets.CategoryMultiselectWidget.prototype.findItemFromData = function ( data ) { // This is a bit of a hack... We have to canonicalize the data in the same way that // #createItemWidget and CategoryTagItemWidget will do, otherwise we won't find duplicates. const title = mw.Title.makeTitle( NS_CATEGORY, data ); if ( !title ) { return null; } return OO.ui.mixin.GroupElement.prototype.findItemFromData.call( this, title.getMainText() ); }; /** * Validates the values in `this.searchType`. * * @private * @return {boolean} */ mw.widgets.CategoryMultiselectWidget.prototype.validateSearchTypes = function () { let validSearchTypes = false; const searchTypeEnumCount = Object.keys( mw.widgets.CategoryMultiselectWidget.SearchType ).length; // Check if all values are in the SearchType enum validSearchTypes = this.searchTypes.every( ( searchType ) => searchType > -1 && searchType < searchTypeEnumCount ); if ( validSearchTypes === false ) { throw new Error( 'Unknown searchType in searchTypes' ); } // If the searchTypes has mw.widgets.CategoryMultiselectWidget.SearchType.SubCategories // it can be the only search type. if ( this.searchTypes.indexOf( mw.widgets.CategoryMultiselectWidget.SearchType.SubCategories ) > -1 && this.searchTypes.length > 1 ) { throw new Error( 'Can\'t have additional search types with mw.widgets.CategoryMultiselectWidget.SearchType.SubCategories' ); } // If the searchTypes has mw.widgets.CategoryMultiselectWidget.SearchType.ParentCategories // it can be the only search type. if ( this.searchTypes.indexOf( mw.widgets.CategoryMultiselectWidget.SearchType.ParentCategories ) > -1 && this.searchTypes.length > 1 ) { throw new Error( 'Can\'t have additional search types with mw.widgets.CategoryMultiselectWidget.SearchType.ParentCategories' ); } return true; }; /** * Sets and validates the value of `this.searchType`. * * @param {mw.widgets.CategoryMultiselectWidget.SearchType[]} searchTypes */ mw.widgets.CategoryMultiselectWidget.prototype.setSearchTypes = function ( searchTypes ) { this.searchTypes = searchTypes; this.validateSearchTypes(); }; /** * Searches categories based on input and searchType. * * @private * @method * @param {string} input The input used to prefix search categories * @param {mw.widgets.CategoryMultiselectWidget.SearchType} searchType * @return {jQuery.Promise} Resolves with an array of categories */ mw.widgets.CategoryMultiselectWidget.prototype.searchCategories = function ( input, searchType ) { const deferred = $.Deferred(), cacheKey = input + searchType.toString(); // Check cache if ( hasOwn.call( this.searchCache, cacheKey ) ) { return this.searchCache[ cacheKey ]; } switch ( searchType ) { case mw.widgets.CategoryMultiselectWidget.SearchType.OpenSearch: this.api.get( { formatversion: 2, action: 'opensearch', namespace: NS_CATEGORY, limit: this.limit, search: input } ).done( ( res ) => { const categories = res[ 1 ]; deferred.resolve( categories ); } ).fail( deferred.reject.bind( deferred ) ); break; case mw.widgets.CategoryMultiselectWidget.SearchType.InternalSearch: this.api.get( { formatversion: 2, action: 'query', list: 'allpages', apnamespace: NS_CATEGORY, aplimit: this.limit, apfrom: input, apprefix: input } ).done( ( res ) => { const categories = res.query.allpages.map( ( page ) => page.title ); deferred.resolve( categories ); } ).fail( deferred.reject.bind( deferred ) ); break; case mw.widgets.CategoryMultiselectWidget.SearchType.Exists: if ( input.indexOf( '|' ) > -1 ) { deferred.resolve( [] ); break; } this.api.get( { formatversion: 2, action: 'query', prop: 'info', titles: 'Category:' + input } ).done( ( res ) => { const categories = []; res.query.pages.forEach( ( page ) => { if ( !page.missing ) { categories.push( page.title ); } } ); deferred.resolve( categories ); } ).fail( deferred.reject.bind( deferred ) ); break; case mw.widgets.CategoryMultiselectWidget.SearchType.SubCategories: if ( input.indexOf( '|' ) > -1 ) { deferred.resolve( [] ); break; } this.api.get( { formatversion: 2, action: 'query', list: 'categorymembers', cmtype: 'subcat', cmlimit: this.limit, cmtitle: 'Category:' + input } ).done( ( res ) => { const categories = res.query.categorymembers.map( ( category ) => category.title ); deferred.resolve( categories ); } ).fail( deferred.reject.bind( deferred ) ); break; case mw.widgets.CategoryMultiselectWidget.SearchType.ParentCategories: if ( input.indexOf( '|' ) > -1 ) { deferred.resolve( [] ); break; } this.api.get( { formatversion: 2, action: 'query', prop: 'categories', cllimit: this.limit, titles: 'Category:' + input } ).done( ( res ) => { const categories = []; res.query.pages.forEach( ( page ) => { if ( !page.missing && Array.isArray( page.categories ) ) { categories.push( ...page.categories.map( ( category ) => category.title ) ); } } ); deferred.resolve( categories ); } ).fail( deferred.reject.bind( deferred ) ); break; default: throw new Error( 'Unknown searchType' ); } // Cache the result this.searchCache[ cacheKey ] = deferred.promise(); return deferred.promise(); }; /** * @enum mw.widgets.CategoryMultiselectWidget.SearchType * Types of search available. */ mw.widgets.CategoryMultiselectWidget.SearchType = { /** Search using action=opensearch */ OpenSearch: 0, /** Search using action=query */ InternalSearch: 1, /** Search for existing categories with the exact title */ Exists: 2, /** Search only subcategories */ SubCategories: 3, /** Search only parent categories */ ParentCategories: 4 }; }() ); PK ! �����K �K mw.widgets.TitleWidget.jsnu �Iw�� /*! * MediaWiki Widgets - TitleWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { const hasOwn = Object.prototype.hasOwnProperty; /** * @classdesc Mixin for title widgets. * * @class * @abstract * * @constructor * @description Create an instance of `mw.widgets.TitleWidget`. * @param {Object} [config] Configuration options * @param {number} [config.limit=10] Number of results to show * @param {number} [config.namespace] Namespace to prepend to queries * @param {number} [config.maxLength=255] Maximum query length * @param {boolean} [config.relative=true] If a namespace is set, display titles relative to it * @param {boolean} [config.suggestions=true] Display search suggestions * @param {boolean} [config.showRedirectTargets=true] Show the targets of redirects * @param {boolean} [config.showImages=false] Show page images * @param {boolean} [config.showDescriptions=false] Show page descriptions * @param {boolean} [config.showDisambigsLast=false] Show disambiguation pages as the last results * @param {boolean} [config.showMissing] Show the user's input as a missing page when a page with this * exact name doesn't exist. Disabled by default when the namespace option is used, otherwise * enabled by default. * @param {boolean} [config.showInterwikis=false] Show pages with a valid interwiki prefix * @param {boolean} [config.searchFragments=false] Search for hash fragments on a specific page when typed * @param {boolean} [config.addQueryInput=true] Add exact user's input query to results * @param {boolean} [config.excludeCurrentPage=false] Exclude the current page from suggestions * @param {boolean} [config.excludeDynamicNamespaces=false] Exclude pages whose namespace is negative * @param {boolean} [config.validateTitle=true] Whether the input must be a valid title * @param {boolean} [config.required=false] Whether the input must not be empty * @param {boolean} [config.highlightSearchQuery=true] Highlight the partial query the user used for this title * @param {Object} [config.cache] Result cache which implements a 'set' method, taking keyed values as an argument * @param {mw.Api} [config.api] API object to use, creates a default mw.Api instance if not specified */ mw.widgets.TitleWidget = function MwWidgetsTitleWidget( config ) { // Config initialization config = Object.assign( { maxLength: 255, limit: 10 }, config ); // Properties this.limit = config.limit; this.maxLength = config.maxLength; this.namespace = config.namespace !== undefined ? config.namespace : null; this.relative = config.relative !== undefined ? config.relative : true; this.suggestions = config.suggestions !== undefined ? config.suggestions : true; this.showRedirectTargets = config.showRedirectTargets !== false; this.showImages = !!config.showImages; this.showDescriptions = !!config.showDescriptions; this.showDisambigsLast = !!config.showDisambigsLast; this.showMissing = config.showMissing !== undefined ? !!config.showMissing : this.namespace === null; this.showInterwikis = !!config.showInterwikis; this.searchFragments = !!config.searchFragments; this.addQueryInput = config.addQueryInput !== false; this.excludeCurrentPage = !!config.excludeCurrentPage; this.excludeDynamicNamespaces = !!config.excludeDynamicNamespaces; this.validateTitle = config.validateTitle !== undefined ? config.validateTitle : true; this.highlightSearchQuery = config.highlightSearchQuery === undefined ? true : !!config.highlightSearchQuery; this.cache = config.cache; this.api = config.api || new mw.Api(); this.compare = new Intl.Collator( mw.language.bcp47( mw.config.get( 'wgContentLanguage' ) ), { sensitivity: 'base' } ).compare; this.sectionsCache = {}; // Initialization this.$element.addClass( 'mw-widget-titleWidget' ); }; /* Setup */ OO.initClass( mw.widgets.TitleWidget ); /* Static properties */ mw.widgets.TitleWidget.static.interwikiPrefixesPromiseCache = {}; /* Methods */ /** * Get the current value of the search query. * * @abstract * @method * @return {string} Search query */ mw.widgets.TitleWidget.prototype.getQueryValue = null; /** * Get the namespace to prepend to titles in suggestions, if any. * * @return {number|null} Namespace number */ mw.widgets.TitleWidget.prototype.getNamespace = function () { return this.namespace; }; /** * Set the namespace to prepend to titles in suggestions, if any. * * @param {number|null} namespace Namespace number */ mw.widgets.TitleWidget.prototype.setNamespace = function ( namespace ) { this.namespace = namespace; }; mw.widgets.TitleWidget.prototype.getInterwikiPrefixesPromise = function () { if ( !this.showInterwikis ) { return $.Deferred().resolve( [] ).promise(); } const api = this.getApi(); const cache = this.constructor.static.interwikiPrefixesPromiseCache; const key = api.defaults.ajax.url; if ( !Object.prototype.hasOwnProperty.call( cache, key ) ) { cache[ key ] = api.get( { action: 'query', meta: 'siteinfo', siprop: 'interwikimap', // Cache client-side for a day since this info is mostly static maxage: 60 * 60 * 24, smaxage: 60 * 60 * 24, // Workaround T97096 by setting uselang=content uselang: 'content' } ).then( ( data ) => data.query.interwikimap.map( ( interwiki ) => interwiki.prefix ) ); } return cache[ key ]; }; /** * Suggest link fragments from the sections API. * * @param {string} title Title, extracted form the user input * @param {string} fragmentQuery Partial link fragment, from the user input * @return {jQuery.Promise} Suggestions promise */ mw.widgets.TitleWidget.prototype.getSectionSuggestions = function ( title, fragmentQuery ) { const normalizedTitle = mw.Title.newFromText( title || mw.config.get( 'wgRelevantPageName' ) ); if ( !normalizedTitle ) { return $.Deferred().resolve( [] ).promise(); } const normalizedTitleText = normalizedTitle.getPrefixedText(); this.sectionsCache[ normalizedTitleText ] = this.sectionsCache[ normalizedTitleText ] || this.getApi().get( { action: 'parse', page: normalizedTitleText, prop: 'sections' } ); function normalizeFragment( fragment ) { return fragment.toLowerCase().replace( /_/g, ' ' ); } return this.sectionsCache[ normalizedTitleText ].then( ( response ) => { const sections = OO.getProp( response, 'parse', 'sections' ) || []; const normalizedFragmentQuery = normalizeFragment( fragmentQuery ); const results = sections.filter( ( section ) => normalizeFragment( section.line ).indexOf( normalizedFragmentQuery ) !== -1 ).map( ( section ) => { const fragment = section.linkAnchor.replace( /_/g, ' ' ); // TODO: Make promise abortable return { title: title + '#' + fragment, // `title`` could be empty for a relative fragment, so store the normalized // title if that is needed later. normalizedTitle: normalizedTitle + '#' + fragment, ns: normalizedTitle.getNamespaceId(), // Sort prefix matches to the top index: normalizeFragment( section.line ).indexOf( normalizedFragmentQuery ) === 0 ? 0 : 1 }; } ); // Sorting also happens later, but we need to do it now before we truncate results.sort( ( a, b ) => a.index - b.index ); // Fake query result return { query: { pages: results.slice( 0, this.limit ) } }; } ).promise( { abort: function () {} } ); }; /** * Get a promise which resolves with an API response for suggested * links for the current query. * * @return {jQuery.Promise} Suggestions promise */ mw.widgets.TitleWidget.prototype.getSuggestionsPromise = function () { const api = this.getApi(), query = this.getQueryValue(), promiseAbortObject = { abort: function () { // Do nothing. This is just so OOUI doesn't break due to abort being undefined. } }; if ( this.searchFragments ) { const hashIndex = query.indexOf( '#' ); if ( hashIndex !== -1 ) { return this.getSectionSuggestions( query.slice( 0, hashIndex ), query.slice( hashIndex + 1 ) ); } } if ( !mw.Title.newFromText( query ) ) { // Don't send invalid titles to the API. // Just pretend it returned nothing so we can show the 'invalid title' section return $.Deferred().resolve( {} ).promise( promiseAbortObject ); } return this.getInterwikiPrefixesPromise().then( ( interwikiPrefixes ) => { // Optimization: check we have any prefixes. if ( interwikiPrefixes.length ) { const interwiki = query.slice( 0, Math.max( 0, query.indexOf( ':' ) ) ); if ( interwiki !== '' && interwikiPrefixes.indexOf( interwiki ) !== -1 ) { // Interwiki prefix is valid: return the original query as a valid title // NB: This doesn't check if the title actually exists on the other wiki return $.Deferred().resolve( { query: { pages: [ { title: query } ] } } ).promise( promiseAbortObject ); } } // Not a interwiki: do a prefix-search API lookup of the query. const prefixSearchRequest = api.get( this.getApiParams( query ) ); promiseAbortObject.abort = prefixSearchRequest.abort.bind( prefixSearchRequest ); // TODO ew return prefixSearchRequest.then( ( prefixSearchResponse ) => { if ( !this.showMissing ) { return prefixSearchResponse; } const title = this.namespace && this.getMWTitle( query ); // Add the query title as the first result, after looking up its details. const queryTitleRequest = api.get( { action: 'query', titles: title ? title.getPrefixedDb() : query } ); promiseAbortObject.abort = queryTitleRequest.abort.bind( queryTitleRequest ); return queryTitleRequest.then( ( queryTitleResponse ) => { // By default, return the prefix-search result. const result = prefixSearchResponse; if ( prefixSearchResponse.query === undefined ) { // There are no prefix-search results, so make the only result the query title. // The API response structures are identical because both API calls are action=query. result.query = queryTitleResponse.query; } else if ( queryTitleResponse.query.pages && queryTitleResponse.query.pages[ -1 ] !== undefined && !this.responseContainsNonExistingTitle( prefixSearchResponse, queryTitleResponse.query.pages[ -1 ].title ) ) { // There are prefix-search results, but the query title isn't in them, // so add it as a new result. It's under the new key 'queryTitle', because // all other results will be under their page ID or a negative integer ID, // and the keys aren't actually used for anything. result.query.pages.queryTitle = queryTitleResponse.query.pages[ -1 ]; // Give it the lowest possible sort-index (the API only returns index > 0) // to make this result be sorted at the top. result.query.pages.queryTitle.index = 0; } return result; } ); } ); } ).promise( promiseAbortObject ); }; /** * Check for the existence of a given title in an API result set. * * As the title is known not to exist, this doesn't check in apiResponse.query.pages, * but only in the redirect targets in apiResponse.query.redirects. * * @private * @param {Object} apiResponse The API result set to search in. * @param {string} title The page title to search for. * @return {boolean} */ mw.widgets.TitleWidget.prototype.responseContainsNonExistingTitle = function ( apiResponse, title ) { // Make sure there are redirects in the data. if ( apiResponse.query.redirects === undefined ) { return false; } // Check the targets against the given title. for ( const redirect in apiResponse.query.redirects ) { if ( apiResponse.query.redirects[ redirect ].to === title ) { return true; } } // The title wasn't found. return false; }; /** * Get API params for a given query. * * @param {string} query User query * @return {Object} API params */ mw.widgets.TitleWidget.prototype.getApiParams = function ( query ) { const params = { action: 'query', prop: [ 'info', 'pageprops' ], generator: 'prefixsearch', gpssearch: query, gpsnamespace: this.namespace !== null ? this.namespace : undefined, gpslimit: this.limit, ppprop: 'disambiguation' }; if ( this.showRedirectTargets ) { params.redirects = true; } if ( this.showImages ) { params.prop.push( 'pageimages' ); params.pithumbsize = 80; params.pilimit = this.limit; } if ( this.showDescriptions ) { params.prop.push( 'description' ); } return params; }; /** * Get the API object for title requests. * * @return {mw.Api} MediaWiki API */ mw.widgets.TitleWidget.prototype.getApi = function () { return this.api; }; /** * Get option widgets from the server response. * * @param {Object} data Query result * @return {OO.ui.OptionWidget[]} Menu items */ mw.widgets.TitleWidget.prototype.getOptionsFromData = function ( data ) { const currentPageName = new mw.Title( mw.config.get( 'wgRelevantPageName' ) ).getPrefixedText(), items = [], titles = [], disambigs = [], titleObj = mw.Title.newFromText( this.getQueryValue() ), redirectsTo = {}, redirectIndices = {}, pageData = {}; if ( data.redirects ) { for ( let r = 0, rLen = data.redirects.length; r < rLen; r++ ) { const redirect = data.redirects[ r ]; redirectsTo[ redirect.to ] = redirectsTo[ redirect.to ] || []; redirectsTo[ redirect.to ].push( redirect.from ); // Save the lowest index for this redirect target. redirectIndices[ redirect.to ] = Math.min( redirectIndices[ redirect.to ] || redirect.index, redirect.index ); } } for ( const index in data.pages ) { const suggestionPage = data.pages[ index ]; // When excludeCurrentPage is set, don't list the current page unless the user has type the full title if ( this.excludeCurrentPage && suggestionPage.title === currentPageName && suggestionPage.title !== titleObj.getPrefixedText() ) { continue; } // When excludeDynamicNamespaces is set, ignore all pages with negative namespace if ( this.excludeDynamicNamespaces && suggestionPage.ns < 0 ) { continue; } pageData[ suggestionPage.title ] = { known: suggestionPage.known !== undefined, missing: suggestionPage.missing !== undefined, redirect: suggestionPage.redirect !== undefined, disambiguation: OO.getProp( suggestionPage, 'pageprops', 'disambiguation' ) !== undefined, imageUrl: OO.getProp( suggestionPage, 'thumbnail', 'source' ), description: suggestionPage.description, // Sort index index: suggestionPage.index !== undefined ? suggestionPage.index : redirectIndices[ suggestionPage.title ], originalData: suggestionPage }; // Throw away pages from wrong namespaces. This can happen when 'showRedirectTargets' is true // and we encounter a cross-namespace redirect. if ( this.namespace === null || this.namespace === suggestionPage.ns ) { titles.push( suggestionPage.title ); } const redirects = hasOwn.call( redirectsTo, suggestionPage.title ) ? redirectsTo[ suggestionPage.title ] : []; for ( let i = 0, iLen = redirects.length; i < iLen; i++ ) { pageData[ redirects[ i ] ] = { missing: false, known: true, redirect: true, disambiguation: false, description: mw.msg( 'mw-widgets-titleinput-description-redirect', suggestionPage.title ), // Sort index, just below its target index: pageData[ suggestionPage.title ].index + 0.5, originalData: suggestionPage }; titles.push( redirects[ i ] ); } } titles.sort( ( a, b ) => pageData[ a ].index - pageData[ b ].index ); // If not found, run value through mw.Title to avoid treating a match as a // mismatch where normalisation would make them matching (T50476) const pageExistsExact = ( hasOwn.call( pageData, this.getQueryValue() ) && ( !pageData[ this.getQueryValue() ].missing || pageData[ this.getQueryValue() ].known ) ); const pageExists = pageExistsExact || ( titleObj && hasOwn.call( pageData, titleObj.getPrefixedText() ) && ( !pageData[ titleObj.getPrefixedText() ].missing || pageData[ titleObj.getPrefixedText() ].known ) ); // Offer the exact text as a suggestion if the page exists if ( this.addQueryInput && pageExists && !pageExistsExact ) { titles.unshift( this.getQueryValue() ); // Ensure correct page metadata gets used pageData[ this.getQueryValue() ] = pageData[ titleObj.getPrefixedText() ]; } if ( this.cache ) { this.cache.set( pageData ); } for ( let t = 0, tLen = titles.length; t < tLen; t++ ) { const page = hasOwn.call( pageData, titles[ t ] ) ? pageData[ titles[ t ] ] : {}; const option = this.createOptionWidget( this.getOptionWidgetData( titles[ t ], page ) ); if ( this.showDisambigsLast && page.disambiguation ) { disambigs.push( option ); } else { items.push( option ); } } return items.concat( disambigs ); }; /** * Create a menu option widget with specified data. * * @param {Object} data Data for option widget * @return {OO.ui.MenuOptionWidget} Data for option widget */ mw.widgets.TitleWidget.prototype.createOptionWidget = function ( data ) { return new mw.widgets.TitleOptionWidget( data ); }; /** * Get menu option widget data from the title and page data. * * @param {string} title Title object * @param {Object} data Page data * @return {Object} Data for option widget */ mw.widgets.TitleWidget.prototype.getOptionWidgetData = function ( title, data ) { let description = data.description; if ( !description && ( data.missing && !data.known ) ) { description = mw.msg( 'mw-widgets-titleinput-description-new-page' ); } const mwTitle = new mw.Title( OO.getProp( data, 'originalData', 'normalizedTitle' ) || title ); return { data: this.namespace !== null && this.relative ? mwTitle.getRelativeText( this.namespace ) : title, url: mwTitle.getUrl(), showImages: this.showImages, imageUrl: this.showImages ? data.imageUrl : null, description: this.showDescriptions ? description : null, missing: data.missing && !data.known, redirect: data.redirect, disambiguation: data.disambiguation, query: this.highlightSearchQuery ? this.getQueryValue() : null, compare: this.compare }; }; /** * Get title object corresponding to given value, or #getQueryValue if not given. * * @param {string} [value] Value to get a title for * @return {mw.Title|null} Title object, or null if value is invalid */ mw.widgets.TitleWidget.prototype.getMWTitle = function ( value ) { const title = value !== undefined ? value : this.getQueryValue(), // mw.Title doesn't handle null well titleObj = mw.Title.newFromText( title, this.namespace !== null ? this.namespace : undefined ); return titleObj; }; /** * Check if the query is valid. * * @return {boolean} The query is valid */ mw.widgets.TitleWidget.prototype.isQueryValid = function () { if ( !this.validateTitle ) { return true; } if ( !this.required && this.getQueryValue() === '' ) { return true; } return !!this.getMWTitle(); }; }() ); PK ! B�X� � " mw.widgets.NamespaceInputWidget.jsnu �Iw�� /*! * MediaWiki Widgets - NamespaceInputWidget class. * * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ ( function () { /** * @classdesc Displays a dropdown box with the choice of available namespaces. * * @class * @extends OO.ui.DropdownInputWidget * * @constructor * @description Create an instance of `mw.widgets.NamespaceInputWidget`. * @param {Object} [config] Configuration options * @param {string|null} [config.includeAllValue] Value for "all namespaces" option, if any * @param {boolean} [config.userLang=false] Display namespaces in user language * @param {number[]} [config.exclude] List of namespace numbers to exclude from the selector */ mw.widgets.NamespaceInputWidget = function MwWidgetsNamespaceInputWidget( config ) { // Configuration initialization config = Object.assign( {}, config, { options: this.constructor.static.getNamespaceDropdownOptions( config ) } ); // Parent constructor mw.widgets.NamespaceInputWidget.super.call( this, config ); // Initialization this.$element.addClass( 'mw-widget-namespaceInputWidget' ); }; /* Setup */ OO.inheritClass( mw.widgets.NamespaceInputWidget, OO.ui.DropdownInputWidget ); /* Static methods */ /** * @typedef {Object} mw.widgets.NamespaceInputWidget~DropdownOptions * @property {any} data * @property {string} label */ /** * Get a list of namespace options, sorted by ID. * * @method getNamespaceDropdownOptions * @param {Object} [config] Configuration options * @return {DropdownOptions[]} Dropdown options * @memberof mw.widgets.NamespaceInputWidget */ mw.widgets.NamespaceInputWidget.static.getNamespaceDropdownOptions = function ( config ) { const exclude = config.exclude || [], mainNamespace = mw.config.get( 'wgNamespaceIds' )[ '' ]; const namespaces = config.userLang ? require( './data.json' ).formattedNamespaces : mw.config.get( 'wgFormattedNamespaces' ); // eslint-disable-next-line no-jquery/no-map-util const options = $.map( namespaces, ( name, ns ) => { if ( ns < mainNamespace || exclude.indexOf( Number( ns ) ) !== -1 ) { return null; // skip } ns = String( ns ); if ( ns === String( mainNamespace ) ) { name = mw.msg( 'blanknamespace' ); } return { data: ns, label: name }; } ).sort( // wgFormattedNamespaces is an object, and so technically doesn't have to be ordered ( a, b ) => a.data - b.data ); if ( config.includeAllValue !== null && config.includeAllValue !== undefined ) { options.unshift( { data: config.includeAllValue, label: mw.msg( 'namespacesall' ) } ); } return options; }; }() ); PK ! �0��� � ( mw.widgets.NamespacesMenuOptionWidget.jsnu �Iw�� PK ! y���� � 2 mw.widgets.TitleOptionWidget.jsnu �Iw�� PK ! F� �8V 8V v mw.widgets.DateInputWidget.jsnu �Iw�� PK ! '��= = �g mw.widgets.CalendarWidget.lessnu �Iw�� PK ! B ��� � ) �� mw.widgets.ComplexNamespaceInputWidget.jsnu �Iw�� PK ! 3�\� � y� mw.widgets.SizeFilterWidget.jsnu �Iw�� PK ! ��� � �� mw.widgets.TitleSearchWidget.jsnu �Iw�� PK ! �fb�- - % �� mw.widgets.ComplexTitleInputWidget.jsnu �Iw�� PK ! ��i7� � 0 w� mw.widgets.ComplexNamespaceInputWidget.base.lessnu �Iw�� PK ! l� { { �� mw.widgets.UserInputWidget.jsnu �Iw�� PK ! ^���� � T� mw.widgets.DateInputWidget.lessnu �Iw�� PK ! �D� � �� index.jsnu �Iw�� PK ! ��� � D� mw.widgets.CopyTextLayout.jsnu �Iw�� PK ! �D%=# =# " K� Table/mw.widgets.RowWidgetModel.jsnu �Iw�� PK ! u���: �: $ � Table/mw.widgets.TableWidgetModel.jsnu �Iw�� PK ! bmG5� � = Table/mw.widgets.RowWidget.jsnu �Iw�� PK ! 3� �� � ! 0^ Table/mw.widgets.TableWidget.lessnu �Iw�� PK ! {��� � F_ Table/mw.widgets.RowWidget.lessnu �Iw�� PK ! �۪�> �> ea Table/mw.widgets.TableWidget.jsnu �Iw�� PK ! L �t7 7 H� LICENSE.txtnu �Iw�� PK ! �h<� / �� MediaSearch/mw.widgets.MediaResourceProvider.jsnu �Iw�� PK ! \\�Y + /� MediaSearch/mw.widgets.MediaResultWidget.jsnu �Iw�� PK ! �Y�M * �� MediaSearch/mw.widgets.MediaSearchQueue.jsnu �Iw�� PK ! SR��{ { , � MediaSearch/mw.widgets.MediaResourceQueue.jsnu �Iw�� PK ! 1����3 �3 + �� MediaSearch/mw.widgets.MediaSearchWidget.jsnu �Iw�� PK ! 8W��] ] / �' MediaSearch/mw.widgets.MediaUserUploadsQueue.jsnu �Iw�� PK ! �L�� � ) �0 MediaSearch/mw.widgets.APIResultsQueue.jsnu �Iw�� PK ! ^��r; ; �J MediaSearch/broken-image.pngnu �Iw�� PK ! ' �^� � - [O MediaSearch/mw.widgets.MediaResultWidget.lessnu �Iw�� PK ! ��� - �V MediaSearch/mw.widgets.MediaSearchProvider.jsnu �Iw�� PK ! 삤� 2 �] MediaSearch/mw.widgets.MediaUserUploadsProvider.jsnu �Iw�� PK ! j�>� , �e MediaSearch/mw.widgets.APIResultsProvider.jsnu �Iw�� PK ! M�ک* * - @} MediaSearch/mw.widgets.MediaSearchWidget.lessnu �Iw�� PK ! ��@� � � mw.widgets.TitleInputWidget.jsnu �Iw�� PK ! <��g� � , ֏ mw.widgets.ComplexTitleInputWidget.base.lessnu �Iw�� PK ! �@i�� � ( � mw.widgets.TagMultiselectWidget.base.cssnu �Iw�� PK ! ��� � mw.widgets.ExpiryInputWidget.jsnu �Iw�� PK ! �6m�9 9 F� mw.widgets.SearchInputWidget.cssnu �Iw�� PK ! M�G� Ϫ mw.widgets.CheckMatrixWidget.jsnu �Iw�� PK ! 11�p� � * '� mw.widgets.SelectWithInputWidget.base.lessnu �Iw�� PK ! ���q� � # 6� mw.widgets.SelectWithInputWidget.jsnu �Iw�� PK ! ���1eV eV %� mw.widgets.CalendarWidget.jsnu �Iw�� PK ! ���2 2 # �/ mw.widgets.CategoryTagItemWidget.jsnu �Iw�� PK ! �h� � $ [H mw.widgets.UsersMultiselectWidget.jsnu �Iw�� PK ! S���� � " Jf mw.widgets.TagMultiselectWidget.jsnu �Iw�� PK ! �U�T/ / `o mw.widgets.AbandonEditDialog.jsnu �Iw�� PK ! _�� ! �t mw.widgets.ExpiryInputWidget.lessnu �Iw�� PK ! @k| | Ez mw.widgets.TitleWidget.lessnu �Iw�� PK ! �ɕ�� � � mw.widgets.SearchInputWidget.jsnu �Iw�� PK ! G/\� � ) � mw.widgets.NamespacesMultiselectWidget.jsnu �Iw�� PK ! �@/�* * % � mw.widgets.TitlesMultiselectWidget.jsnu �Iw�� PK ! �6i0 0 _� mw.widgets.ToggleSwitchWidget.jsnu �Iw�� PK ! �zbS S �� AUTHORS.txtnu �Iw�� PK ! ���� � % m� mw.widgets.SizeFilterWidget.base.lessnu �Iw�� PK ! ��?M M & �� mw.widgets.DateInputWidget.styles.lessnu �Iw�� PK ! g'�,q0 q0 ' ?� mw.widgets.CategoryMultiselectWidget.jsnu �Iw�� PK ! �����K �K mw.widgets.TitleWidget.jsnu �Iw�� PK ! B�X� � " %O mw.widgets.NamespaceInputWidget.jsnu �Iw�� PK : : ` Z
| ver. 1.1 | |
.
| PHP 8.4.18 | Ð“ÐµÐ½ÐµÑ€Ð°Ñ†Ð¸Ñ Ñтраницы: 0.02 |
proxy
|
phpinfo
|
ÐаÑтройка