chore:🌻 remove directive from dom

NsdHSO · Oct 28, 2023 · 7045692 · 7045692
1 parent 78c375a
commit 7045692
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 6 deletions.
diff --git a/ftx-sivan-shared/src/lib/components/input/sivan-input.component.html b/ftx-sivan-shared/src/lib/components/input/sivan-input.component.html
@@ -12,8 +12,6 @@
       <div class="sivan-input-container__center-label"></div>
       <div class="sivan-input-container__field">
         <input
-          sivanMask
-          typeMask="europe"
           [formControl]="mainControl"
           [placeholder]="hintTop"
           class="input-dropdown text"

diff --git a/ftx-sivan-shared/src/lib/directive/mask.directive.spec.ts b/ftx-sivan-shared/src/lib/directive/mask.directive.spec.ts
@@ -1,6 +1,6 @@
 import { MaskDirective } from './mask.directive';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Component, DebugElement } from '@angular/core';
+import { Component, DebugElement, ElementRef } from '@angular/core';
 import { By } from '@angular/platform-browser';
 
 @Component({
@@ -29,6 +29,18 @@ fdescribe('MaskDirective', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
       imports: [TestComponent],
+      providers: [
+        {
+          provide: ElementRef,
+          useValue: {
+            nativeElement: {
+              value: {
+                toString: () => '',
+              },
+            },
+          },
+        },
+      ],
     });
   });
 

diff --git a/ftx-sivan-shared/src/lib/directive/mask.directive.ts b/ftx-sivan-shared/src/lib/directive/mask.directive.ts
@@ -1,4 +1,5 @@
 import {
+  AfterViewInit,
   Directive,
   ElementRef,
   HostListener,
@@ -40,13 +41,18 @@ export class MaskDirective {
     }
   }
 
+  ngAfterViewInit(): void {
+    if (this.elementRef.nativeElement.value) {
+      this.onInput(this.elementRef.nativeElement.value.toString());
+    }
+  }
+
   @HostListener('input', ['$event.target.value'])
   onInput(value: string) {
     // Remove any non-digit characters
-    value = value.replace(/\D/g, '');
 
     // Format the value according to your requirements
-    const formattedValue = this.formatValue(value, this.typeMask);
+    const formattedValue = this.formatValue(value.toString(), this.typeMask);
 
     // Update the input value with the formatted value
     this.renderer2.setProperty(

diff --git a/src/app/components/contentSteps/spendMoney/spend-money.component.ts b/src/app/components/contentSteps/spendMoney/spend-money.component.ts
@@ -41,7 +41,14 @@ export class SpendMoneyComponent {
   } as DataFormBuilder;
 
   constructor() {
-    this.simple = this._fb.buildFormFromJson(this.simpleData);
+    this.simple = this._fb.buildFormFromJson({
+      label: 'name',
+      value: 412123,
+      validators: [{ type: TypeConstantEnum.REQUIRED }],
+      placeholder: 'Isvan Avramescu',
+      labelHint: 'Name for User',
+      updateOn: 'blur',
+    });
     this.currency = this._fb.buildFormFromJson({
       label: 'personalData',
       labelHint: 'Personal Data',