Page MenuHomeWickedGov Phorge
Files F4062735

TitleInputField.js
No OneTemporary
Actions

Size
4 KB
Referenced Files
None
Subscribers
None

TitleInputField.js
View Options

var LinkTypeField = require( './LinkTypeField.js' );
var TitleInputWidget = require( './TitleInputWidget.js' );
/* global InsertLinkTitleOptionWidget */
/**
* A FieldLayout containing a custom TitleInputwidget and message-display system.
*
* @class
* @extends OO.ui.FieldLayout
* @mixes OO.EventEmitter
* @constructor
*/
function TitleInputField() {
// Mixin constructor
OO.EventEmitter.call( this );
var input = new TitleInputWidget();
input.connect( this, {
change: this.onChange,
select: this.onSelect
} );
// The URL mode is set by the user via radio buttons, or automatically for link targets that look like URLs.
this.urlMode = LinkTypeField.static.LINK_MODE_INTERNAL;
// The 'manual' URL mode flag is set when the user changes the mode, and doesn't change again.
this.urlModeManual = false;
var config = {
align: 'top',
label: mw.msg( 'wikieditor-toolbar-tool-link-int-target' ),
classes: [ 'mw-wikiEditor-InsertLink-TitleInputField' ]
};
TitleInputField.super.call( this, input, config );
}
OO.inheritClass( TitleInputField, OO.ui.FieldLayout );
OO.mixinClass( TitleInputField, OO.EventEmitter );
/**
* Reset the field to initial state.
*/
TitleInputField.prototype.reset = function () {
this.getField().setValue( '' );
this.urlModeManual = false;
this.urlMode = LinkTypeField.static.LINK_MODE_INTERNAL;
};
/**
* Set the URL mode and disable automatic detection of external URLs.
*
* @public
* @param {string} urlMode One of the `LinkTypeField.static.LINK_MODE_*` values.
*/
TitleInputField.prototype.setUrlMode = function ( urlMode ) {
this.urlMode = urlMode === LinkTypeField.static.LINK_MODE_EXTERNAL ?
LinkTypeField.static.LINK_MODE_EXTERNAL :
LinkTypeField.static.LINK_MODE_INTERNAL;
this.urlModeManual = true;
this.getField().selectFirstMatch();
this.validate( this.getField().getValue() );
};
/**
* @public
* @return {boolean}
*/
TitleInputField.prototype.isExternal = function () {
return this.urlMode === LinkTypeField.static.LINK_MODE_EXTERNAL;
};
/**
* @inheritDoc
*/
TitleInputField.prototype.makeMessage = function ( kind, text ) {
this.message = new OO.ui.MessageWidget( {
type: kind,
inline: true,
label: text
} );
return this.message.$element;
};
/**
* Set the displayed field message, replacing any that is already set.
*
* @param {string} icon
* @param {string} message
* @param {string} type
*/
TitleInputField.prototype.setMessage = function ( icon, message, type ) {
this.setNotices( [ message ] );
// Note that setNotices() must be called before this.message is available.
this.message
.setIcon( icon )
.setType( type );
};
/**
* @private
* @param {string} value
*/
TitleInputField.prototype.onChange = function ( value ) {
if ( !this.urlModeManual && this.getField().looksLikeExternalLink( value ) ) {
this.urlMode = LinkTypeField.static.LINK_MODE_EXTERNAL;
}
this.validate( value );
};
/**
* Set message and emit event.
*
* @private
* @param {string} value
*/
TitleInputField.prototype.validate = function ( value ) {
if ( this.urlMode === LinkTypeField.static.LINK_MODE_INTERNAL && value !== '' && !mw.Title.newFromText( value ) ) {
this.setMessage(
'error',
mw.message( 'wikieditor-toolbar-tool-link-int-target-status-invalid' ).parse(),
'error'
);
this.emit( 'invalid' );
} else {
// Remove message; it'll be re-added if required (after selection or blur).
this.setNotices( [] );
this.emit( 'change', value );
}
};
/**
* @param {InsertLinkTitleOptionWidget} item
*/
TitleInputField.prototype.onSelect = function ( item ) {
var icon, msg;
if ( this.urlMode === LinkTypeField.static.LINK_MODE_EXTERNAL ||
( !this.urlModeManual && this.urlMode === LinkTypeField.static.LINK_MODE_INTERNAL && item.isExternal() )
) {
icon = 'linkExternal';
msg = 'wikieditor-toolbar-tool-link-int-target-status-external';
} else if ( item.isDisambiguation() ) {
icon = 'articleDisambiguation';
msg = 'wikieditor-toolbar-tool-link-int-target-status-disambig';
} else if ( !item.isMissing() && !item.isExternal() ) {
icon = 'article';
msg = 'wikieditor-toolbar-tool-link-int-target-status-exists';
} else {
icon = 'articleNotFound';
msg = 'wikieditor-toolbar-tool-link-int-target-status-notexists';
}
// eslint-disable-next-line mediawiki/msg-doc
this.setMessage( icon, mw.message( msg ).parse() );
};
module.exports = TitleInputField;

File Metadata

Mime Type
text/plain
Expires
Aug 16 2026, 11:21 (12 w, 7 h ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
c9/ce/78440b4b15871fd300910f543122
Default Alt Text
TitleInputField.js (4 KB)

Event Timeline