mw.widgets.visibleLengthLimit: Apply number conversion to the limit

In languages like Persian (fa) or Hindi (hi) this should probably use
localised numerals.

Change-Id: Iba40634038079deba1c26bacb515f4791b4d38db

diff --git a/resources/Resources.php b/resources/Resources.php
index 0595bb0..2f230f2 100644 (file)
--- a/resources/Resources.php
+++ b/resources/Resources.php
@@ -2536,6 +2536,7 @@ return [
                'dependencies' => [
                        'oojs-ui-core',
                        'jquery.lengthLimit',
+                       'mediawiki.language',
                        'mediawiki.String',
                ],
                'targets' => [ 'desktop', 'mobile' ]

diff --git a/resources/src/mediawiki.widgets.visibleLengthLimit/mediawiki.widgets.visibleLengthLimit.js b/resources/src/mediawiki.widgets.visibleLengthLimit/mediawiki.widgets.visibleLengthLimit.js
index 52ebe74..c92c5e5 100644 (file)
--- a/resources/src/mediawiki.widgets.visibleLengthLimit/mediawiki.widgets.visibleLengthLimit.js
+++ b/resources/src/mediawiki.widgets.visibleLengthLimit/mediawiki.widgets.visibleLengthLimit.js
@@ -19,7 +19,9 @@
                limit = limit || +textInputWidget.$input.attr( 'maxlength' );
 
                function updateCount() {
-                       textInputWidget.setLabel( ( limit - byteLength( textInputWidget.getValue() ) ).toString() );
+                       var remaining = limit - byteLength( textInputWidget.getValue() );
+                       remaining = mw.language.convertNumber( remaining );
+                       textInputWidget.setLabel( remaining );
                }
                textInputWidget.on( 'change', updateCount );
                // Initialise value
@@ -41,7 +43,9 @@
                limit = limit || +textInputWidget.$input.attr( 'maxlength' );
 
                function updateCount() {
-                       textInputWidget.setLabel( ( limit - codePointLength( textInputWidget.getValue() ) ).toString() );
+                       var remaining = limit - codePointLength( textInputWidget.getValue() );
+                       remaining = mw.language.convertNumber( remaining );
+                       textInputWidget.setLabel( remaining );
                }
                textInputWidget.on( 'change', updateCount );
                // Initialise value