' )
.addClass( 'ext-WikiEditor-realtimepreview-preview' )
.attr( 'tabindex', '1' ) // T317108
@@ -80,16 +80,16 @@ function RealtimePreview() {
*/
RealtimePreview.prototype.getToolbarButton = function ( context ) {
this.context = context;
- var $uiText = context.$ui.find( '.wikiEditor-ui-text' );
+ const $uiText = context.$ui.find( '.wikiEditor-ui-text' );
// Fix the height of the textarea, before adding a resizing bar below it.
- var height = context.$textarea.height();
+ const height = context.$textarea.height();
$uiText.css( 'height', height + 'px' );
context.$textarea.removeAttr( 'rows cols' );
context.$textarea.addClass( 'ext-WikiEditor-realtimepreview-textbox' );
// Add the resizing bar.
- var bottomDragBar = new ResizingDragBar( { isEW: false } );
+ const bottomDragBar = new ResizingDragBar( { isEW: false } );
$uiText.after( bottomDragBar.$element );
// Create and configure the toolbar button.
@@ -156,13 +156,13 @@ RealtimePreview.prototype.saveUserPref = function () {
* @private
*/
RealtimePreview.prototype.toggle = function ( saveUserPref ) {
- var $uiText = this.context.$ui.find( '.wikiEditor-ui-text' );
- var $textarea = this.context.$textarea;
- var $form = $textarea.parents( 'form' );
+ const $uiText = this.context.$ui.find( '.wikiEditor-ui-text' );
+ const $textarea = this.context.$textarea;
+ const $form = $textarea.parents( 'form' );
// Save the current cursor selection and focused element.
- var cursorPos = $textarea.textSelection( 'getCaretPosition', { startAndEnd: true } );
- var focusedElement = document.activeElement;
+ const cursorPos = $textarea.textSelection( 'getCaretPosition', { startAndEnd: true } );
+ const focusedElement = document.activeElement;
// Remove or add the layout to the DOM.
if ( this.enabled ) {
@@ -254,8 +254,8 @@ RealtimePreview.prototype.isScreenWideEnough = function () {
* @private
*/
RealtimePreview.prototype.enableFeatureWhenScreenIsWideEnough = function () {
- var previewButtonIsVisible = this.button.isVisible();
- var isScreenWideEnough = this.isScreenWideEnough();
+ const previewButtonIsVisible = this.button.isVisible();
+ const isScreenWideEnough = this.isScreenWideEnough();
if ( !isScreenWideEnough && previewButtonIsVisible ) {
this.button.toggle( false );
this.reloadButton.setDisabled( true );
@@ -301,7 +301,7 @@ RealtimePreview.prototype.checkResponseTimes = function ( time ) {
return;
}
- var totalResponseTime = this.responseTimes.reduce( ( a, b ) => a + b, 0 );
+ const totalResponseTime = this.responseTimes.reduce( ( a, b ) => a + b, 0 );
if ( ( totalResponseTime / this.responseTimes.length ) > this.configData.realtimeDisableDuration ) {
this.inManualMode = true;
@@ -325,8 +325,8 @@ RealtimePreview.prototype.doRealtimePreview = function ( forceUpdate ) {
return;
}
- var $textareaNode = $( '#wpTextbox1' );
- var wikitext = $textareaNode.textSelection( 'getContents' );
+ const $textareaNode = $( '#wpTextbox1' );
+ const wikitext = $textareaNode.textSelection( 'getContents' );
if ( !forceUpdate && wikitext === this.lastWikitext ) {
// Wikitext unchanged, no update necessary
return;
@@ -339,14 +339,14 @@ RealtimePreview.prototype.doRealtimePreview = function ( forceUpdate ) {
this.reloadButton.setDisabled( true );
this.manualWidget.setDisabled( true );
this.errorLayout.toggle( false );
- var loadingSelectors = this.pagePreview.getLoadingSelectors()
+ const loadingSelectors = this.pagePreview.getLoadingSelectors()
// config.$previewNode below is a clone of #wikiPreview with a different selector!
// config.$diffNode defaults to #wikiDiff but is disabled below and never updated.
.filter( ( selector ) => selector.indexOf( '#wiki' ) !== 0 );
loadingSelectors.push( '.ext-WikiEditor-realtimepreview-preview' );
loadingSelectors.push( '.ext-WikiEditor-ManualWidget' );
loadingSelectors.push( '.ext-WikiEditor-realtimepreview-ErrorLayout' );
- var time = Date.now();
+ const time = Date.now();
this.pagePreview.doPreview( {
$textareaNode: $textareaNode,
diff --git a/modules/realtimepreview/ResizingDragBar.js b/modules/realtimepreview/ResizingDragBar.js
index b039cf3b..27ace43a 100644
--- a/modules/realtimepreview/ResizingDragBar.js
+++ b/modules/realtimepreview/ResizingDragBar.js
@@ -12,15 +12,15 @@ function ResizingDragBar( config ) {
}, config );
ResizingDragBar.super.call( this, config );
- var classNameDir = 'ext-WikiEditor-ResizingDragBar-' + ( config.isEW ? 'ew' : 'ns' );
+ const classNameDir = 'ext-WikiEditor-ResizingDragBar-' + ( config.isEW ? 'ew' : 'ns' );
// Possible class names:
// * ext-WikiEditor-ResizingDragBar-ew
// * ext-WikiEditor-ResizingDragBar-ns
this.$element.addClass( classNameDir );
- var resizingDragBar = this;
+ const resizingDragBar = this;
// Determine the horizontal direction to move (flexbox automatically reverses but the offset direction doesn't).
- var rtlFactor = config.isEW && OO.ui.Element.static.getDir( document ) === 'rtl' ? -1 : 1;
+ const rtlFactor = config.isEW && OO.ui.Element.static.getDir( document ) === 'rtl' ? -1 : 1;
this.$element.on( 'mousedown', ( eventMousedown ) => {
if ( eventMousedown.button !== ResizingDragBar.static.MAIN_MOUSE_BUTTON ) {
// If not the main mouse (e.g. left) button, ignore.
@@ -29,19 +29,19 @@ function ResizingDragBar( config ) {
// Prevent selecting (or anything else) when dragging over other parts of the page.
$( document ).on( 'selectstart.' + classNameDir, false );
// Set up parameter names.
- var xOrY = config.isEW ? 'pageX' : 'pageY';
- var widthOrHeight = config.isEW ? 'width' : 'height';
- var lastOffset = eventMousedown[ xOrY ];
+ const xOrY = config.isEW ? 'pageX' : 'pageY';
+ const widthOrHeight = config.isEW ? 'width' : 'height';
+ let lastOffset = eventMousedown[ xOrY ];
// Handle the actual dragging.
$( document ).on( 'mousemove.' + classNameDir, ( eventMousemove ) => {
// Initial width or height of the pane.
- var startSize = resizingDragBar.getResizedPane()[ widthOrHeight ]();
+ const startSize = resizingDragBar.getResizedPane()[ widthOrHeight ]();
// Current position of the mouse (relative to page, not viewport).
- var newOffset = eventMousemove[ xOrY ];
+ const newOffset = eventMousemove[ xOrY ];
// Distance the mouse has moved.
- var change = rtlFactor * ( lastOffset - newOffset );
+ const change = rtlFactor * ( lastOffset - newOffset );
// Set the new size of the pane, and tell others about it.
- var newSize = Math.max( startSize - change, ResizingDragBar.static.MIN_PANE_SIZE );
+ const newSize = Math.max( startSize - change, ResizingDragBar.static.MIN_PANE_SIZE );
resizingDragBar.getResizedPane().css( widthOrHeight, newSize );
// Save the new starting point of the mouse, from which to calculate the next move.
lastOffset = newOffset;
diff --git a/modules/realtimepreview/TwoPaneLayout.js b/modules/realtimepreview/TwoPaneLayout.js
index 3f63bb10..f964c6c2 100644
--- a/modules/realtimepreview/TwoPaneLayout.js
+++ b/modules/realtimepreview/TwoPaneLayout.js
@@ -1,4 +1,4 @@
-var ResizingDragBar = require( './ResizingDragBar.js' );
+const ResizingDragBar = require( './ResizingDragBar.js' );
/**
* This is a layout with two resizable panes.
@@ -14,7 +14,7 @@ function TwoPaneLayout( config ) {
TwoPaneLayout.super.call( this, config );
this.$pane1 = $( '
' ).addClass( 'ext-WikiEditor-twopanes-pane1' );
- var middleDragBar = new ResizingDragBar( { isEW: true } );
+ const middleDragBar = new ResizingDragBar( { isEW: true } );
this.$pane2 = $( '
' ).addClass( 'ext-WikiEditor-twopanes-pane2' );
this.$element.addClass( 'ext-WikiEditor-twopanes-TwoPaneLayout' );
diff --git a/modules/realtimepreview/init.js b/modules/realtimepreview/init.js
index d294e27c..34d156ed 100644
--- a/modules/realtimepreview/init.js
+++ b/modules/realtimepreview/init.js
@@ -6,8 +6,8 @@ mw.hook( 'wikiEditor.toolbarReady' ).add( function ( $textarea ) {
return;
}
- var RealtimePreview = require( './RealtimePreview.js' );
- var realtimePreview = new RealtimePreview();
+ const RealtimePreview = require( './RealtimePreview.js' );
+ const realtimePreview = new RealtimePreview();
$textarea.wikiEditor( 'addToToolbar', {
section: 'secondary',
group: 'default',
diff --git a/tests/qunit/ext.wikiEditor.toolbar.test.js b/tests/qunit/ext.wikiEditor.toolbar.test.js
index ae0d7ecf..ee709c42 100644
--- a/tests/qunit/ext.wikiEditor.toolbar.test.js
+++ b/tests/qunit/ext.wikiEditor.toolbar.test.js
@@ -1,6 +1,6 @@
QUnit.module( 'ext.wikiEditor.toolbar', ( hooks ) => {
hooks.beforeEach( function () {
- var $target = $( '