character count

scriptmanager/src/app/script/script-slide/script-slide.component.html

@@ -28,7 +28,9 @@
                   <quill-editor id="editor" [modules]="modules" tagName="textarea" formControlName="cue" [(ngModel)]="slide.cue" (onBlur)="saveSlide(true)" 
                     [styles]="quillStyles" theme="snow"  (ngModelChange)="onChange($event)">
                   </quill-editor>
+                  <p>Character Count : {{ visual_cue_char }}</p>
                   <p>Word Count : {{ visual_cue }} </p>
+
                 </div>
               </div>
             </div>
@@ -42,6 +44,7 @@
                   <quill-editor [modules]="modules" tagName="textarea" formControlName="narration" [(ngModel)]="slide.narration"
                     (onBlur)="saveSlide(true)" [styles]="quillStyles" theme="snow" (ngModelChange)="onNarrationChange($event)">
                   </quill-editor>
+                  <p>Character Count : {{ narration_char }}</p>
                   <p>Word Count : {{ narration }} </p>
                 </div>
               </div>

scriptmanager/src/app/script/script-slide/script-slide.component.ts

@@ -24,7 +24,9 @@ export class ScriptSlideComponent implements OnInit {
   public ckEditorCue: boolean = false;
   public ckEditorNarration: boolean = false;
   public visual_cue : number = 0;
+  public visual_cue_char : number = 0;
   narration = 0;
+  public narration_char : number = 0;
 
   public quillStyles = {
     'height': '200px',
@@ -40,33 +42,45 @@ export class ScriptSlideComponent implements OnInit {
   onChange(event: any): void {
   if(event == ''){
     this.visual_cue = 0;
+    this.visual_cue_char = 0;
   }else
   if(event == null){
     this.visual_cue = 0;
+    this.visual_cue_char = 0;
   }else{
   var s = event;
   var regex  = /(<([^>]+)>)/ig;
-  s = s.replace(regex, " ");
+  var sn = s.replace(regex, " ");
+  var s_char = s.replace(regex, "");
+  this.visual_cue_char = s_char.length;
   var regex_space = /\s{2,}/ig;
-  s = s.trim().replace(regex_space,' ')
-  var len = s.split(" ").length;
+  var regex_space_c = /\s{1,}/ig;
+  var s1 = sn.trim().replace(regex_space,' ')
+  var s2 = sn.trim().replace(regex_space_c,'')
+  var len = s1.split(" ").length;
+  var char_len = s2.length;
   this.visual_cue = len;
   }
 }
 
   onNarrationChange(event: any): void {
   if(event == ''){
     this.narration = 0;
+    this.narration_char = 0;
   }else
   if(event == null){
     this.narration = 0;
+    this.narration_char = 0;
   }else{
   var s = event;
   var regex  = /(<([^>]+)>)/ig;
-  s = s.replace(regex, " ");
+  var sn = s.replace(regex, " ");
+  var s_char = s.replace(regex, "");
+  this.narration_char = s_char.length;
   var regex_space = /\s{2,}/ig;
-  s = s.trim().replace(regex_space,' ')
-  var len = s.split(" ").length;
+  var regex_space_c = /\s{1,}/ig;
+  var s1 = sn.trim().replace(regex_space,' ')
+  var len = s1.split(" ").length;
   this.narration = len;
   }
   }