Added mask

Author: Gid733

eform-client/package.json

@@ -48,6 +48,7 @@
     "ng2-file-upload": "1.3.0",
     "ngx-cookie-service": "1.0.10",
     "ngx-image-cropper": "^1.2.5",
+    "ngx-mask": "^7.3.3",
     "ngx-papaparse": "^3.0.0",
     "ngx-slimscroll": "5.2.2",
     "ngx-toastr": "8.10.2",

eform-client/src/app/app.module.ts

@@ -7,6 +7,7 @@ import {GallerizeModule} from '@ngx-gallery/gallerize';
 import {TranslateModule} from '@ngx-translate/core';
 import { LightboxModule } from '@ngx-gallery/lightbox';
 import {DragulaModule} from 'ng2-dragula';
+import {NgxMaskModule} from 'ngx-mask';
 import {ToastrModule} from 'ngx-toastr';
 
 import {MDBBootstrapModule} from 'port/angular-bootstrap-md';
@@ -49,6 +50,7 @@ import {
     GalleryModule.forRoot(),
     LightboxModule.forRoot(),
     GallerizeModule,
+    NgxMaskModule.forRoot(),
     // Modules
     PluginsModule
   ],

eform-client/src/app/modules/cases/cases.module.ts

@@ -1,13 +1,14 @@
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
-import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {FormsModule} from '@angular/forms';
 import {NgSelectModule} from '@ng-select/ng-select';
 import {GalleryModule} from '@ngx-gallery/core';
 import {GallerizeModule} from '@ngx-gallery/gallerize';
 import {LightboxModule} from '@ngx-gallery/lightbox';
 import {TranslateModule} from '@ngx-translate/core';
-import {DateTimeAdapter, OWL_DATE_TIME_FORMATS, OwlDateTimeModule, OwlNativeDateTimeModule} from 'ng-pick-datetime';
+import {OWL_DATE_TIME_FORMATS, OwlDateTimeModule, OwlNativeDateTimeModule} from 'ng-pick-datetime';
 import {OwlMomentDateTimeModule} from 'ng-pick-datetime-moment';
+import {NgxMaskModule} from 'ngx-mask';
 import {MDBBootstrapModule} from 'port/angular-bootstrap-md';
 import {MY_MOMENT_FORMATS} from 'src/app/common/helpers';
 import {EformImportedModule} from 'src/app/common/modules/eform-imported/eform-imported.module';
@@ -53,7 +54,7 @@ import {
     OwlNativeDateTimeModule,
     OwlMomentDateTimeModule,
     FormsModule,
-    ReactiveFormsModule
+    NgxMaskModule.forChild()
   ],
   declarations: [
     CasesTableComponent,

eform-client/src/app/modules/cases/components/case-elements/element-number/element-number.component.html

@@ -1,8 +1,9 @@
 
   <div class="md-form md-form-case-elem">
-    <input mdbInputDirective type="number"
+    <input mdbInputDirective type="text"
            [(ngModel)]="fieldValueObj.value"
            [mdbValidate]="false"
+           mask="dot_separator"
            id="numberElement{{fieldValueObj.fieldId}}"
            name="numberElement" class="form-control">
     <label for="numberElement{{fieldValueObj.fieldId}}">{{'Value' | translate}}</label>

eform-client/src/app/modules/cases/components/case-elements/element-number/element-number.component.ts

@@ -15,7 +15,6 @@ export class ElementNumberComponent {
   }
 
   set fieldValue(val) {
-    val.value = val.value.replace(/,/g, '.');
     this.fieldValueObj = val;
   }