' )
.text( '↑' )
.addClass( 'shortcut-popup' )
.appendTo( 'body' )
.offset( { top: middle - 15, left: maxLeft } )
.css( 'transform', 'translate( -50%, 0 )' );
$( '
' )
.text( '↓' )
.addClass( 'shortcut-popup' )
.appendTo( 'body' )
.offset( { top: middle + 15, left: maxLeft } )
.css( 'transform', 'translate( -50%, 0 )' );
this.$editor.find( '.shortcut-activated:visible' ).each( function ( index ) {
var offset = getStartCornerOffsetOf( $( this ), rtl );
// Let's not have numbers appear outside the editor over other content
if ( offset.top > maxTop || offset.top < minTop ) {
return;
}
$( '
' )
.text( index + 1 )
.addClass( 'shortcut-popup' )
.appendTo( 'body' )
.offset( offset )
.css( 'transform', 'translate( -50%, -50% )' );
} );
},
hideShortcuts: function () {
$( '.shortcut-popup' ).remove();
}
};
function getStartCornerOffsetOf( $element, rtl ) {
var offset = $element.offset();
if ( rtl ) {
offset.left += $element.outerWidth();
}
return offset;
}
mw.translate.editor = mw.translate.editor || {};
$.extend( mw.translate.editor, translateEditorShortcuts );
}() );