resources/src/mediawiki.action/mediawiki.action.edit.js

   1 /*!
   2  * Scripts for action=edit at domready
   3  */
   4 ( function ( mw, $ ) {
   5         'use strict';
   6
   7         /**
   8          * Fired when the editform is added to the edit page
   9          *
  10          * Similar to the {@link mw.hook#event-wikipage_content wikipage.content hook}
  11          * $editForm can still be detached when this hook is fired.
  12          *
  13          * @event wikipage_editform
  14          * @member mw.hook
  15          * @param {jQuery} $editForm The most appropriate element containing the
  16          *   editform, usually #editform.
  17          */
  18
  19         $( function () {
  20                 var editBox, scrollTop, $editForm;
  21
  22                 // Make sure edit summary does not exceed byte limit
  23                 // TODO: Replace with this when $wgOOUIEditPage is removed:
  24                 // OO.ui.infuse( 'wpSummary' ).$input.byteLimit( 255 );
  25                 $( '#wpSummary' ).byteLimit( 255 );
  26
  27                 // Show a byte-counter to users with how many bytes are left for their edit summary.
  28                 // TODO: This looks a bit weird, as there is no unit in the UI, just numbers; showing
  29                 // 'bytes' confused users in testing, and showing 'chars' would be a lie. See T42035.
  30                 if ( $( '#editform' ).hasClass( 'mw-editform-ooui' ) ) {
  31                         mw.loader.using( 'oojs-ui-core' ).then( function () {
  32                                 var wpSummary = OO.ui.infuse( $( '#wpSummaryWidget' ) );
  33
  34                                 function updateSummaryLabelCount() {
  35                                         wpSummary.setLabel( String( 255 - $.byteLength( wpSummary.getValue() ) ) );
  36                                 }
  37
  38                                 wpSummary.on( 'change', updateSummaryLabelCount );
  39                                 // Initialise value
  40                                 updateSummaryLabelCount();
  41                         } );
  42                 }
  43
  44                 // Restore the edit box scroll state following a preview operation,
  45                 // and set up a form submission handler to remember this state.
  46                 editBox = document.getElementById( 'wpTextbox1' );
  47                 scrollTop = document.getElementById( 'wpScrolltop' );
  48                 $editForm = $( '#editform' );
  49                 mw.hook( 'wikipage.editform' ).fire( $editForm );
  50                 if ( $editForm.length && editBox && scrollTop ) {
  51                         if ( scrollTop.value ) {
  52                                 editBox.scrollTop = scrollTop.value;
  53                         }
  54                         $editForm.submit( function () {
  55                                 scrollTop.value = editBox.scrollTop;
  56                         } );
  57                 }
  58         } );
  59 }( mediaWiki, jQuery ) );