restricted input of '

AstuteClient2/src/app/ag-grid-components/empty-error-editor/empty-error-editor.component.ts

@@ -4,7 +4,7 @@ import {ToastManagerService} from '../../services/toast-manager/toast-service.se
 @Component({
   selector: 'app-empty-error-editor',
   template: `
-    <input #i class="w-100" [value]="params.value" (keydown)="onKeyDown($event)"/>
+    <input #i class="w-100" [value]="params.value" (keypress)="onKeyPress($event)" (keydown)="onKeyDown($event)"/>
   `
 })
 export class EmptyErrorEditorComponent implements AfterViewInit {
@@ -27,6 +27,23 @@ export class EmptyErrorEditorComponent implements AfterViewInit {
     return this.textInput.nativeElement.value;
   }
 
+  onKeyPress(event) {
+    if (event.key === '\'') {
+      event.preventDefault();
+      this.notif('Cannot use \' (apostrophes)');
+      setTimeout(() => {
+        this.textInput.nativeElement.focus();
+      });
+    }
+    if (event.key === '\'') {
+        event.preventDefault();
+        this.notif('Cannot use \' (apostrophes)');
+        setTimeout(() => {
+            this.textInput.nativeElement.focus();
+        });
+    }
+  }
+
   onKeyDown(event) {
     if (event.keyCode === 9 || event.keyCode === 13) {
       if (!this.textInput.nativeElement.value) {

AstuteClient2/src/app/ag-grid-components/in-det-qty-editor/in-det-qty-editor.component.ts

@@ -4,7 +4,7 @@ import {ToastManagerService} from '../../services/toast-manager/toast-service.se
 @Component({
     selector: 'app-in-det-qty-editor',
     template: `
-      <input #i type="number" min="0" [max]="remainingQty" class="w-100" [value]="params.value" (keydown)="onKeyDown($event)"/>
+      <input #i type="number" min="0" class="w-100" [step]="remainingQty/100" [value]="params.value" (keydown)="onKeyDown($event)"/>
     `
 })
 export class InDetQtyEditorComponent implements AfterViewInit {
@@ -37,9 +37,11 @@ export class InDetQtyEditorComponent implements AfterViewInit {
                 setTimeout(() => {
                     this.numberInput.nativeElement.focus();
                 });
-            } else if (this.numberInput.nativeElement.value < 0 || this.numberInput.nativeElement.value > this.remainingQty) {
+            } else if (!(this.numberInput.nativeElement.value >= 0
+                && parseInt((this.numberInput.nativeElement.value * 100000).toFixed(0), 10) -
+                   parseInt((this.remainingQty * 100000).toFixed(0), 10) <= 1)) {
                 event.stopPropagation();
-                this.notif('Value should between 0 and ' + this.remainingQty);
+                this.notif('Value should between 0 and ' + this.remainingQty.toPrecision(2));
                 setTimeout(() => {
                     this.numberInput.nativeElement.focus();
                 });

AstuteClient2/src/app/customer/customer.component.html

@@ -45,7 +45,7 @@
             <span class="input-group-text">ID*</span>
           </td>
           <td colspan="7">
-            <input type="text" class="form-control" placeholder="johndoe" #inId>
+            <input type="text" class="form-control" [textMask]="{mask: idMask, guide: false}" placeholder="johndoe" #inId>
           </td>
         </tr>
 
@@ -135,7 +135,7 @@
 
         <tr>
           <td style="width: 1%">
-            <span class="input-group-text">Ext*</span>
+            <span class="input-group-text">Ext</span>
           </td>
           <td colspan="3">
             <input type="tel" class="form-control" placeholder="123456" #inPhExt [value]="">

AstuteClient2/src/app/customer/customer.component.ts

@@ -32,7 +32,7 @@ export class CustomerComponent implements OnInit {
         {headerName: 'Address 2 ✎', field: 'add2', editable: true, cellEditor: 'emptyErrorEditorComponent'},
         {headerName: 'City ✎', field: 'city', editable: true, cellEditor: 'emptyErrorEditorComponent'},
         {headerName: 'State ✎', field: 'state', editable: true, cellEditor: 'emptyErrorEditorComponent'},
-        {headerName: 'ZIP ✎', field: 'zip', editable: true, cellEditor: 'emptyErrorEditorComponent'},
+        {headerName: 'ZIP ✎', field: 'zip', editable: true, cellEditor: 'numericEditorComponent'},
         {headerName: 'ZIP-4 ✎', field: 'ziplast4', editable: true, cellEditor: 'numericEditorComponent'}
     ];
     frameworkComponents = {
@@ -109,6 +109,8 @@ export class CustomerComponent implements OnInit {
         {headerName: 'Address ✎', field: 'address', editable: true}
     ];
 
+    idMask = [/[^']/, /[^']/, /[^']/, /[^']/, /[^']/, /[^']/, /[^']/, /[^']/, /[^']/, /[^']/];
+
     // address: "123 Test Drive"
     // contactId: 1
     // customerId: "MDOT"