wikimedia/mediawiki-core

File oojs-ui-widgets.js has 2564 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/*!
 * OOUI v0.49.1
 * https://www.mediawiki.org/wiki/OOUI
 *
 * Copyright 2011–2024 OOUI Team and other contributors.

Function OoUiTagMultiselectWidget has 103 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.TagMultiselectWidget = function OoUiTagMultiselectWidget( config ) {
    const rAF = window.requestAnimationFrame || setTimeout,
        widget = this,
        $tabFocus = $( '<span>' ).addClass( 'oo-ui-tagMultiselectWidget-focusTrap' );

Function OoUiMenuTagMultiselectWidget has 60 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.MenuTagMultiselectWidget = function OoUiMenuTagMultiselectWidget( config ) {
    let $autoCloseIgnore = $( [] );

    config = config || {};

Function OoUiBookletLayout has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.BookletLayout = function OoUiBookletLayout( config ) {
    // Configuration initialization
    config = config || {};

    // Parent constructor

Function OoUiIndexLayout has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.IndexLayout = function OoUiIndexLayout( config ) {
    // Configuration initialization
    config = $.extend( {}, config, { menuPosition: 'top' } );

    // Parent constructor

Function OoUiOutlineControlsWidget has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.OutlineControlsWidget = function OoUiOutlineControlsWidget( outline, config ) {
    // Allow passing positional parameters inside the config object
    if ( OO.isPlainObject( outline ) && config === undefined ) {
        config = outline;
        outline = config.outline;

Function updateInputSize has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.TagMultiselectWidget.prototype.updateInputSize = function () {
    if ( this.inputPosition === 'inline' && !this.isDisabled() ) {
        if ( this.input.$input[ 0 ].scrollWidth === 0 ) {
            // Input appears to be attached but not visible.
            // Don't attempt to adjust its size, because our measurements

Function onInputKeyDown has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.TagMultiselectWidget.prototype.onInputKeyDown = function ( e ) {
    const widget = this,
        withMetaKey = e.metaKey || e.ctrlKey;

    function isMovementInsideInput( dir ) {

Function setTabPanel has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.IndexLayout.prototype.setTabPanel = function ( name ) {
    let selectedItem,
        $focused,
        previousTabPanel,
        tabPanel;

Function OoUiPopupTagMultiselectWidget has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.PopupTagMultiselectWidget = function OoUiPopupTagMultiselectWidget( config ) {
    const defaultConfig = { popup: {} };

    config = config || {};

Function getRequestData has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.mixin.RequestManager.prototype.getRequestData = function () {
    const widget = this,
        value = this.getRequestQuery(),
        deferred = $.Deferred();

Function setPage has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.BookletLayout.prototype.setPage = function ( name ) {
    const page = this.pages[ name ];
    if ( !page || name === this.currentPageName ) {
        return;
    }

Function addTabPanels has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.IndexLayout.prototype.addTabPanels = function ( tabPanels, index ) {
    let i, len, name, tabPanel, tabItem, currentIndex;
    const stackLayoutTabPanels = this.stackLayout.getItems(),
        remove = [],
        tabItems = [];

Function addPages has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.BookletLayout.prototype.addPages = function ( pages, index ) {
    const stackLayoutPages = this.stackLayout.getItems(),
        remove = [],
        items = [];

Function OoUiMixinLookupElement has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.mixin.LookupElement = function OoUiMixinLookupElement( config ) {
    // Configuration initialization
    config = $.extend( { highlightFirst: true }, config );

    // Mixin constructors

Function onKeyDown has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.TagItemWidget.prototype.onKeyDown = function ( e ) {
    if (
        !this.isDisabled() &&
        !this.isFixed() &&
        ( e.keyCode === OO.ui.Keys.BACKSPACE || e.keyCode === OO.ui.Keys.DELETE )

Function OoUiTagItemWidget has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.TagItemWidget = function OoUiTagItemWidget( config ) {
    config = config || {};

    // Parent constructor
    OO.ui.TagItemWidget.super.call( this, config );

Function OoUiMenuLayout has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.MenuLayout = function OoUiMenuLayout( config ) {
    // Configuration initialization
    config = $.extend( {
        expanded: true,
        showMenu: true,

Function populateLookupMenu has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.mixin.LookupElement.prototype.populateLookupMenu = function () {
    const widget = this,
        value = this.getValue();

    if ( this.lookupsDisabled || this.isReadOnly() ) {

Avoid deeply nested control flow statements.

Open

                    if ( $focused.length ) {
                        $focused[ 0 ].blur();
                    }

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.OutlineSelectWidget = function OoUiOutlineSelectWidget( config ) {
    // Parent constructor
    OO.ui.OutlineSelectWidget.super.call( this, config );

    // Mixin constructors

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.ButtonSelectWidget = function OoUiButtonSelectWidget( config ) {
    // Parent constructor
    OO.ui.ButtonSelectWidget.super.call( this, config );

    // Mixin constructors

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( previousPage ) {
        previousPage.setActive( false );
        // Blur anything focused if the next page doesn't have anything focusable.
        // This is not needed if the next page has something focusable (because once it is
        // focused this blur happens automatically). If the layout is non-continuous, this

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            if ( previousTabPanel ) {
                previousTabPanel.setActive( false );
                // Blur anything focused if the next tab panel doesn't have anything focusable.
                // This is not needed if the next tab panel has something focusable (because once
                // it is focused this blur happens automatically). If the layout is non-continuous,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.BookletLayout.prototype.onStackLayoutFocus = function ( e ) {
    // Find the page that an element was focused within
    const $target = $( e.target ).closest( '.oo-ui-pageLayout' );
    for ( const name in this.pages ) {
        // Check for page match, exclude current page to find only page changes

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.IndexLayout.prototype.onStackLayoutFocus = function ( e ) {
    // Find the tab panel that an element was focused within
    const $target = $( e.target ).closest( '.oo-ui-tabPanelLayout' );
    for ( const name in this.tabPanels ) {
        // Check for tab panel match, exclude current tab panel to find only tab panel changes

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.TagMultiselectWidget.prototype.toggleValid = function ( valid ) {
    valid = valid === undefined ? !this.valid : !!valid;

    if ( this.valid !== valid ) {
        this.valid = valid;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.TagItemWidget.prototype.toggleValid = function ( valid ) {
    valid = valid === undefined ? !this.valid : !!valid;

    if ( this.valid !== valid ) {
        this.valid = valid;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.BookletLayout.prototype.selectFirstSelectablePage = function () {
    if ( !this.outlineSelectWidget.findSelectedItem() ) {
        this.outlineSelectWidget.selectItem( this.outlineSelectWidget.findFirstSelectableItem() );
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.IndexLayout.prototype.selectFirstSelectableTabPanel = function () {
    if ( !this.tabSelectWidget.findSelectedItem() ) {
        this.tabSelectWidget.selectItem( this.tabSelectWidget.findFirstSelectableItem() );
    }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

            if ( OO.ui.Element.static.getDir( this.$element ) === 'rtl' ) {
                movement = {
                    left: 'forwards',
                    right: 'backwards'
                };

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        if ( OO.ui.Element.static.getDir( this.$element ) === 'rtl' ) {
            movement = {
                left: 'forwards',
                right: 'backwards'
            };

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( !this.stackLayout.isContinuous() && previousPage ) {
        // This should not be necessary, since any inputs on the previous page should have
        // been blurred when it was hidden, but browsers are not very consistent about
        // this.
        $focused = previousPage.$element.find( ':focus' );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            if ( !this.stackLayout.isContinuous() && previousTabPanel ) {
                // This should not be necessary, since any inputs on the previous tab panel should
                // have been blurred when it was hidden, but browsers are not very consistent about
                // this.
                $focused = previousTabPanel.$element.find( ':focus' );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if (
        !this.isDisabled() &&
        !this.isFixed() &&
        ( e.keyCode === OO.ui.Keys.BACKSPACE || e.keyCode === OO.ui.Keys.DELETE )
    ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    this.$input.on( {
        focus: this.onLookupInputFocus.bind( this ),
        blur: this.onLookupInputBlur.bind( this ),
        mousedown: this.onLookupInputMouseDown.bind( this )
    } );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.PageLayout.prototype.setOutlineItem = function ( outlineItem ) {
    this.outlineItem = outlineItem || null;
    if ( outlineItem ) {
        this.setupOutlineItem();
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.TabPanelLayout.prototype.setTabItem = function ( tabItem ) {
    this.tabItem = tabItem || null;
    if ( tabItem ) {
        this.setupTabItem();
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MenuLayout.prototype.setContentPanel = function ( contentPanel ) {
    this.contentPanel = contentPanel;
    this.$content.append( this.contentPanel.$element );
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MenuLayout.prototype.setMenuPanel = function ( menuPanel ) {
    this.menuPanel = menuPanel;
    this.$menu.append( this.menuPanel.$element );
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.TagMultiselectWidget.prototype.checkValidity = function () {
    return this.getItems().every( function ( item ) {
        return item.isValid();
    } );
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MenuTagMultiselectWidget.prototype.createMenuOptionWidget = function ( data, label, icon ) {
    return new OO.ui.MenuOptionWidget( {
        data: data,
        label: label || data,
        icon: icon

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.IndexLayout.prototype.getCurrentTabPanel = function () {
    const name = this.getCurrentTabPanelName();
    return name ? this.getTabPanel( name ) : undefined;
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.BookletLayout.prototype.getCurrentPage = function () {
    const name = this.getCurrentPageName();
    return name ? this.getPage( name ) : undefined;
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.BookletLayout.prototype.focusFirstFocusable = function () {
    OO.ui.findFocusable( this.stackLayout.$element ).focus();
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.IndexLayout.prototype.focusFirstFocusable = function () {
    OO.ui.findFocusable( this.stackLayout.$element ).focus();
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.OutlineOptionWidget.prototype.setRemovable = function ( removable ) {
    this.removable = !!removable;
    this.updateThemeClasses();
    return this;
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.OutlineOptionWidget.prototype.setMovable = function ( movable ) {
    this.movable = !!movable;
    this.updateThemeClasses();
    return this;
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.IndexLayout.prototype.onTabSelectWidgetSelect = function ( item ) {
    if ( item ) {
        this.setTabPanel( item.getData() );
    }
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.BookletLayout.prototype.onOutlineSelectWidgetSelect = function ( item ) {
    if ( item ) {
        this.setPage( item.getData() );
    }
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MenuLayout.prototype.clearContentPanel = function () {
    this.contentPanel = null;
    this.$content.empty();
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MenuLayout.prototype.clearMenuPanel = function () {
    this.menuPanel = null;
    this.$menu.empty();
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( !OO.ui.contains( page.$element[ 0 ], this.getElementDocument().activeElement, true ) ) {
        page.focus();
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( !OO.ui.contains(
        tabPanel.$element[ 0 ],
        this.getElementDocument().activeElement,
        true
    ) ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( itemIndex !== undefined && items[ itemIndex ] ) {
        page = items[ itemIndex ];
    } else {
        page = this.stackLayout.getCurrentItem();
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( itemIndex !== undefined && items[ itemIndex ] ) {
        tabPanel = items[ itemIndex ];
    } else {
        tabPanel = this.stackLayout.getCurrentItem();
    }

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    this.removeButton = new OO.ui.ButtonWidget( {
        framed: false,
        icon: 'trash',
        title: OO.ui.msg( 'ooui-outline-control-remove' )
    } );

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.TagMultiselectWidget.prototype.onTagRemove = function ( item ) {
    this.removeTagByData( item.getData() );
};

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    this.downButton = new OO.ui.ButtonWidget( {
        framed: false,
        icon: 'downTriangle',
        title: OO.ui.msg( 'ooui-outline-control-move-down' )
    } );

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    this.upButton = new OO.ui.ButtonWidget( {
        framed: false,
        icon: 'upTriangle',
        title: OO.ui.msg( 'ooui-outline-control-move-up' )
    } );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    this.$overlay = ( config.$overlay === true ?
        OO.ui.getDefaultOverlay() : config.$overlay ) || this.$element;

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.ButtonMenuSelectWidget.prototype.onMenuToggle = function ( isVisible ) {
    this.$element.toggleClass( 'oo-ui-buttonElement-pressed', isVisible );
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    this.$movers
        .addClass( 'oo-ui-outlineControlsWidget-movers' )
        .append( this.upButton.$element, this.downButton.$element, this.removeButton.$element );

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    this.$overlay = ( config.$overlay === true ?
        OO.ui.getDefaultOverlay() : config.$overlay ) || this.$element;

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    this.$overlay = ( config.$overlay === true ?
        OO.ui.getDefaultOverlay() : config.$overlay ) || this.$element;

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    this.$overlay = ( config.$overlay === true ?
        OO.ui.getDefaultOverlay() : config.$overlay ) || this.$element;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MenuTagMultiselectWidget.prototype.createMenuWidget = function ( menuConfig ) {
    return new OO.ui.MenuSelectWidget( menuConfig );
};

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    OO.ui.mixin.GroupElement.call( this, $.extend( { $group: this.$element }, config ) );

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.MenuTagMultiselectWidget.prototype.onInputChange = function () {
    this.menu.toggle( true );
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( this.autoFocus ) {
        // Event 'focus' does not bubble, but 'focusin' does.
        this.stackLayout.$element.on( 'focusin', this.onStackLayoutFocus.bind( this ) );
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( this.autoFocus ) {
        // Event 'focus' does not bubble, but 'focusin' does
        this.stackLayout.$element.on( 'focusin', this.onStackLayoutFocus.bind( this ) );
    }

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

OO.ui.ButtonMenuSelectWidget.prototype.onButtonMenuClick = function () {
    this.menu.toggle();
};

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

    } else if (
        e.keyCode === OO.ui.Keys.LEFT ||
        e.keyCode === OO.ui.Keys.RIGHT
    ) {
        let movement;

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

OO.ui.mixin.LookupElement.prototype.abortLookupRequest = function () {
    this.abortRequest();
};

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        } else if (
            e.keyCode === OO.ui.Keys.LEFT ||
            e.keyCode === OO.ui.Keys.RIGHT
        ) {
            let movement;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.LookupElement.prototype.getRequest = function () {
    return this.getLookupRequest();
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.LookupElement.prototype.getRequestQuery = function () {
    return this.getValue();
};

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

    OO.ui.mixin.ButtonElement.call( this, $.extend( {
        active: this.active
    }, config ) );

• Read up
  Read up

Similar blocks of code found in 13 locations. Consider refactoring.

Open

    if ( OO.isPlainObject( name ) && config === undefined ) {
        config = name;
        name = config.name;
    }

• Read up
  Read up

Similar blocks of code found in 13 locations. Consider refactoring.

Open

    if ( OO.isPlainObject( outline ) && config === undefined ) {
        config = outline;
        outline = config.outline;
    }

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

    OO.ui.mixin.TabIndexedElement.call( this, $.extend( {
        $tabIndexed: this.$button
    }, config ) );

• Read up
  Read up

Similar blocks of code found in 13 locations. Consider refactoring.

Open

    if ( OO.isPlainObject( name ) && config === undefined ) {
        config = name;
        name = config.name;
    }

• Read up
  Read up