mediawiki-extensions-Discus.../modules/dt.ui.ReplyWidgetVisual.js
David Lynch b7ad053105 @Username completion in VE (source or visual) mode
Bug: T232601
Depends-On: I075cac9aa195574c3d416a40bbdc5ec2d64424e2
Change-Id: Ie605e783b333be0f81099d8d953725c38eb4cee1
2020-05-05 09:44:08 -05:00

106 lines
2.8 KiB
JavaScript

var CommentTargetWidget = require( './CommentTargetWidget.js' );
require( './dt.ui.UsernameCompletion.js' );
/**
* DiscussionTools ReplyWidgetVisual class
*
* @class mw.dt.ReplyWidgetVisual
* @extends mw.dt.ReplyWidget
* @constructor
* @param {Object} commentController
* @param {Object} parsoidData
* @param {Object} [config] Configuration options
*/
function ReplyWidgetVisual() {
// Parent constructor
ReplyWidgetVisual.super.apply( this, arguments );
// TODO: Use user preference
this.defaultMode = 'source';
}
/* Inheritance */
OO.inheritClass( ReplyWidgetVisual, require( 'ext.discussionTools.ReplyWidget' ) );
/* Methods */
ReplyWidgetVisual.prototype.createReplyBodyWidget = function ( config ) {
return new CommentTargetWidget( $.extend( {
defaultMode: this.defaultMode
}, config ) );
};
ReplyWidgetVisual.prototype.getValue = function () {
if ( this.getMode() === 'source' ) {
return this.replyBodyWidget.target.getSurface().getModel().getDom();
} else {
return this.replyBodyWidget.target.getSurface().getHtml();
}
};
// TODO: Implement getMode to get current mode from surface
ReplyWidgetVisual.prototype.clear = function () {
// Parent method
ReplyWidgetVisual.super.prototype.clear.apply( this, arguments );
this.replyBodyWidget.clear();
};
ReplyWidgetVisual.prototype.isEmpty = function () {
var surface = this.replyBodyWidget.target.getSurface();
return !( surface && surface.getModel().getDocument().data.hasContent() );
};
ReplyWidgetVisual.prototype.getMode = function () {
return this.replyBodyWidget.target.getSurface() ?
this.replyBodyWidget.target.getSurface().getMode() :
this.defaultMode;
};
ReplyWidgetVisual.prototype.initAutoSave = function () {
// TODO: Implement
};
ReplyWidgetVisual.prototype.setup = function () {
var surface;
// Parent method
ReplyWidgetVisual.super.prototype.setup.call( this );
this.replyBodyWidget.setDocument( '<p></p>' );
surface = this.replyBodyWidget.target.getSurface();
// Events
surface.getModel().getDocument()
.connect( this, { transact: this.onInputChangeThrottled } )
.once( 'transact', this.onFirstTransaction.bind( this ) );
surface.connect( this, { submit: 'onReplyClick' } );
};
ReplyWidgetVisual.prototype.focus = function () {
var targetWidget = this.replyBodyWidget;
setTimeout( function () {
targetWidget.getSurface().getModel().selectLastContentOffset();
targetWidget.focus();
} );
};
ReplyWidgetVisual.prototype.setPending = function ( pending ) {
ReplyWidgetVisual.super.prototype.setPending.call( this, pending );
if ( pending ) {
// TODO
// this.replyBodyWidget.pushPending();
this.replyBodyWidget.setReadOnly( true );
} else {
// this.replyBodyWidget.popPending();
this.replyBodyWidget.setReadOnly( false );
}
};
module.exports = ReplyWidgetVisual;