FEATURE: text length counter for text type fields

assets/javascripts/wizard/helpers/char-counter.js.es6

@@ -0,0 +1,9 @@
+import { registerUnbound } from "discourse-common/lib/helpers";
+import I18n from "I18n";
+
+export default registerUnbound("char-counter", function(body) {
+    let bodyLength = body ? body.length : 0; 
+    let characterString = bodyLength == 1 ? 'wizard.character' : 'wizard.characters';
+    let finalString = `<div class="body-length">${bodyLength} ${ I18n.t(characterString)}</div>`;
+  return new Handlebars.SafeString(finalString);
+});

assets/javascripts/wizard/templates/components/wizard-field.hbs

@@ -16,6 +16,10 @@
   </div>
 {{/if}}
 
+{{#if textType}}
+  {{char-counter field.value}}
+{{/if}}
+
 {{#if field.errorDescription}}
   <div class='field-error-description'>{{{field.errorDescription}}}</div>
 {{/if}}

assets/stylesheets/wizard/custom/base.scss

@@ -80,3 +80,7 @@ textarea {
   }
 }
 
+.body-length {
+  text-align: right;
+  font-weight: bold;
+}

config/locales/client.en.yml

@@ -469,6 +469,8 @@ en:
       requires_login: "You need to be logged in to access this wizard."
       reset: "Reset this wizard."
       step_not_permitted: "You're not permitted to view this step."
+      characters: "Characters"
+      character: "Character"
 
     wizard_composer:
       show_preview: "Preview Post"