' ).addClass( 'actions' ),
// Use MediaWiki ResourceLoader require(), not Webpack require()
contLangMessages = (
__non_webpack_require__( './contLangMessages.json' )
),
msg = this.gateway.wouldautocreate ?
'mobile-frontend-editor-autocreatewarning' :
'mobile-frontend-editor-anonwarning',
$anonWarning = $( '
' ).addClass( 'anonwarning content' ).append(
new MessageBox( {
type: 'notice',
className: 'anon-msg',
// eslint-disable-next-line mediawiki/msg-doc
msg: mw.message( msg, contLangMessages[ 'tempuser-helppage' ] ).parse()
} ).$el,
$actions
),
params = util.extend( {
returnto: options.returnTo || (
// use wgPageName as this includes the namespace if outside Main
mw.config.get( 'wgPageName' ) + '#/editor/' + ( options.sectionId || 'all' )
),
warning: 'mobile-frontend-edit-login-action'
}, options.queryParams ),
signupParams = util.extend( {
type: 'signup',
warning: 'mobile-frontend-edit-signup-action'
}, options.signupQueryParams ),
anonymousEditorActions = [
new Button( {
label: mw.msg( 'mobile-frontend-editor-anon' ),
block: true,
additionalClassNames: 'anonymous progressive',
progressive: true
} ),
new Button( {
block: true,
href: mw.util.getUrl( 'Special:UserLogin', params ),
label: mw.msg( 'mobile-frontend-watchlist-cta-button-login' )
} ),
new Button( {
block: true,
href: mw.util.getUrl( 'Special:UserLogin', util.extend( params, signupParams ) ),
label: mw.msg( 'mobile-frontend-watchlist-cta-button-signup' )
} )
];
$actions.append(
anonymousEditorActions.map( function ( action ) {
return action.$el;
} )
);
return $anonWarning;
},
/**
* Creates and returns a copy of the anon talk message warning
*
* @memberof EditorOverlayBase
* @instance
* @return {jQuery.Element}
*/
createAnonTalkWarning: function () {
return $( '.minerva-anon-talk-message' ).clone();
},
/**
* Get an options object not containing any defaults or editor
* specific options, so that it can be used to construct a
* different editor for switching.
*
* @memberof EditorOverlayBase
* @return {Object} Options
*/
getOptionsForSwitch: function () {
// Only preserve options that would be passed in editor.js#setupEditor
// and skip over defaults.
return {
switched: true,
overlayManager: this.options.overlayManager,
currentPageHTMLParser: this.options.currentPageHTMLParser,
fakeScroll: this.options.fakeScroll,
api: this.options.api,
licenseMsg: this.options.licenseMsg,
title: this.options.title,
titleObj: this.options.titleObj,
isAnon: this.options.isAnon,
isNewPage: this.options.isNewPage,
oldId: this.options.oldId,
contentLang: this.options.contentLang,
contentDir: this.options.contentDir,
sectionId: this.options.sectionId
};
},
/**
* Checks whether the state of the thing being edited as changed. Expects to be
* implemented by child class.
*
* @memberof EditorOverlayBase
* @instance
*/
hasChanged: function () {},
/**
* Get a promise that is resolved when the editor data has loaded,
* or rejected when we're refusing to load the editor because the user is blocked.
*
* @memberof EditorOverlayBase
* @instance
* @return {jQuery.Promise}
*/
getLoadingPromise: function () {
return this.dataPromise.then( function ( result ) {
// check if user is blocked
if ( result && result.blockinfo ) {
const block = parseBlockInfo( result.blockinfo ),
message = blockMessageDrawer( block );
return util.Deferred().reject( message );
}
return result;
} );
},
showEditNotices: function () {
const overlay = this;
if ( mw.config.get( 'wgMFEditNoticesFeatureConflict' ) ) {
return;
}
this.getLoadingPromise().then( function ( data ) {
if ( data.notices ) {
const editNotices = Object.keys( data.notices ).filter( function ( key ) {
if ( key.indexOf( 'editnotice' ) !== 0 ) {
return false;
}
if ( key === 'editnotice-notext' ) {
// This notice is shown on pages which don't have any
// other edit notices. It's blank by default, but
// some wikis have it template-generated and hidden
// by CSS. It's filtered out from VE's API response,
// but not from the source mode.
return false;
}
// The contents of an edit notice is unlikely to change in the 24 hour
// expiry window, so just record that a notice with this key has been shown.
// If a cheap hashing function was available in core (or the API provided
// as hash) it could be used here instead.
const storageKey = 'mf-editnotices/' + mw.config.get( 'wgPageName' ) + '#' + key;
if ( mw.storage.get( storageKey ) ) {
return false;
}
mw.storage.set( storageKey, '1', 24 * 60 * 60 );
return true;
} );
if ( editNotices.length ) {
mw.loader.using( 'oojs-ui-windows' ).then( function () {
const $container = $( '
' ).addClass( 'editor-overlay-editNotices' );
editNotices.forEach( function ( key ) {
const $notice = $( '
' ).append( data.notices[ key ] );
$notice.addClass( 'editor-overlay-editNotice' );
$container.append( $notice );
} );
OO.ui.alert( $container );
overlay.logFeatureUse( {
feature: 'notices',
action: 'show'
} );
} );
}
}
} );
},
/**
* Handles a failed save due to a CAPTCHA provided by ConfirmEdit extension.
*
* @memberof EditorOverlayBase
* @instance
* @param {Object} details Details returned from the api.
*/
handleCaptcha: function ( details ) {
const self = this,
$input = this.$el.find( '.captcha-word' );
if ( this.captchaShown ) {
$input.val( '' );
$input.attr( 'placeholder', this.options.captchaTryAgainMsg );
setTimeout( function () {
$input.attr( 'placeholder', self.options.captchaMsg );
}, 2000 );
}
// handle different mime types different
if ( details.mime.indexOf( 'image/' ) === 0 ) {
// image based CAPTCHA's like provided by FancyCaptcha, ReCaptcha or similar
this.$el.find( '.captcha-panel#question' ).detach();
this.$el.find( '.captcha-panel img' ).attr( 'src', details.url );
} else {
// not image based CAPTCHA.
this.$el.find( '.captcha-panel #image' ).detach();
if ( details.mime.indexOf( 'text/html' ) === 0 ) {
// handle mime type of HTML as HTML content (display as-is).
// QuestyCaptcha now have default MIME type "text/html": see T147606
this.$el.find( '.captcha-panel #question' ).html( details.question );
} else {
// handle mime types
// (other than image based ones and HTML based ones)
// as plain text by default.
// e.g. MathCaptcha (solve a math formula) or
// SimpleCaptcha (simple math formula)
this.$el.find( '.captcha-panel #question' ).text( details.question );
}
}
this.showHidden( '.save-header, .captcha-panel' );
this.captchaShown = true;
}
} );
module.exports = EditorOverlayBase;