refactor(code): small variable name refactoring

Author: Ghislain Beaulac

src/app/modules/angular-slickgrid/editors/longTextEditor.ts

@@ -19,7 +19,7 @@ declare var $: any;
  * KeyDown events are also handled to provide handling for Tab, Shift-Tab, Esc and Ctrl-Enter.
  */
 export class LongTextEditor implements Editor {
-  $input: any;
+  $textarea: any;
   $wrapper: any;
   defaultValue: any;
 
@@ -64,12 +64,12 @@ export class LongTextEditor implements Editor {
     const $container = $('body');
 
     this.$wrapper = $(`<div class="slick-large-editor-text editor-${columnId}" placeholder="${placeholder}" />`).appendTo($container);
-    this.$input = $(`<textarea hidefocus rows="5">`).appendTo(this.$wrapper);
+    this.$textarea = $(`<textarea hidefocus rows="5">`).appendTo(this.$wrapper);
 
     // the lib does not get the focus out event for some reason
     // so register it here
     if (this.hasAutoCommitEdit) {
-      this.$input.on('focusout', () => this.save());
+      this.$textarea.on('focusout', () => this.save());
     }
 
     $(`<div class="editor-footer">
@@ -79,10 +79,10 @@ export class LongTextEditor implements Editor {
 
     this.$wrapper.find('button:first').on('click', () => this.save());
     this.$wrapper.find('button:last').on('click', () => this.cancel());
-    this.$input.on('keydown', this.handleKeyDown.bind(this));
+    this.$textarea.on('keydown', this.handleKeyDown.bind(this));
 
     this.position(this.args && this.args.position);
-    this.$input.focus().select();
+    this.$textarea.focus().select();
   }
 
   handleKeyDown(e: any) {
@@ -116,7 +116,7 @@ export class LongTextEditor implements Editor {
   }
 
   cancel() {
-    this.$input.val(this.defaultValue);
+    this.$textarea.val(this.defaultValue);
     if (this.args && this.args.cancelChanges) {
       this.args.cancelChanges();
     }
@@ -141,33 +141,33 @@ export class LongTextEditor implements Editor {
   }
 
   focus() {
-    this.$input.focus();
+    this.$textarea.focus();
   }
 
   getColumnEditor() {
     return this.args && this.args.column && this.args.column.internalColumnEditor && this.args.column.internalColumnEditor;
   }
 
   loadValue(item: any) {
-    this.$input.val(this.defaultValue = item[this.columnDef.field]);
-    this.$input.select();
+    this.$textarea.val(this.defaultValue = item[this.columnDef.field]);
+    this.$textarea.select();
   }
 
   serializeValue() {
-    return this.$input.val();
+    return this.$textarea.val();
   }
 
   applyValue(item: any, state: any) {
     item[this.columnDef.field] = state;
   }
 
   isValueChanged() {
-    return (!(this.$input.val() === '' && this.defaultValue == null)) && (this.$input.val() !== this.defaultValue);
+    return (!(this.$textarea.val() === '' && this.defaultValue == null)) && (this.$textarea.val() !== this.defaultValue);
   }
 
   validate(): EditorValidatorOutput {
     if (this.validator) {
-      const value = this.$input && this.$input.val && this.$input.val();
+      const value = this.$textarea && this.$textarea.val && this.$textarea.val();
       const validationResults = this.validator(value, this.args);
       if (!validationResults.valid) {
         return validationResults;