iptdevs-design-system 3.1.426 → 3.1.427

package/fesm2020/iptdevs-design-system.mjs

@@ -6320,17 +6320,18 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
         this.errorMessage = 'Faltan campos por llenar.';
         this.controls = new CodSelfManagedControls().controls[0];
     }
-    // ngOnInit(): void {
-    //   this.setDataUsers();
-    // }
     ngOnChanges(changes) {
         this.initForm();
         this.getParameters();
         this.startLocalStorageWork();
         // this.setDataUsers();
-        if (changes['user'] && this.user != null) {
-            this.setDataUsers();
-            this.cdRef.detectChanges();
+        if (changes['user']) {
+            if (this.user != null) {
+                this.setDataUsers();
+                this.cdRef.detectChanges();
+            }
+            else {
+            }
         }
     }
     initForm() {
@@ -6435,7 +6436,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
     }
     selectState(state) {
         if (state !== 'Departamento o estado') {
-            // this.getState(state);
+            this.getState(state);
             this.codSelfFormStepOne.controls['state'].setValue(state);
         }
         else {
@@ -6488,8 +6489,8 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
     }
     getCity(state) {
         this.parameterService.getCitiesByState(state).subscribe((response) => {
-            this.selectCity(this.localStorageCOD.getCodFormData(1, 'city'));
             this.cities = response.data;
+            this.selectCity(this.localStorageCOD.getCodFormData(1, 'city'));
         });
     }
     startLocalStorageWork() {
@@ -6518,27 +6519,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
             }] } });
 
 class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
-    constructor() {
+    constructor(fb, cdRef) {
         super();
+        this.fb = fb;
+        this.cdRef = cdRef;
         this.completed = new EventEmitter();
+        this.controls = new CodSelfManagedControls().controls[1];
+    }
+    ngOnChanges() {
+        this.startLocalStorageWork();
+    }
+    initForm() {
+        this.codSelfFormStepTwo = this.fb.group({
+            academic_plan: ['', [Validators.required]],
+            course_type: ['', [Validators.required]],
+            agreement_by_category: ['', [Validators.required],],
+            english_level: [{ value: '', disabled: true }, [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
+            availible_courses: ['', [Validators.required]],
+            course_modality: ['', [Validators.required],],
+        });
     }
     back() {
         // Movernos al paso anterior
         this.completed.emit(0);
     }
     sendForm() {
-        // this.codSelfFormStepOne.markAllAsTouched();
-        // if (this.codSelfFormStepOne.invalid) return;
+        // this.codSelfFormStepTwo.markAllAsTouched();
+        // if (this.codSelfFormStepTwo.invalid) return;
         // Movernos al paso 3
         this.completed.emit(2);
     }
+    startLocalStorageWork() {
+        this.controls.forEach(control => {
+            let localStorageValue = this.readAndWriteLS(2, control.name);
+            this.codSelfFormStepTwo.controls[control.name].setValue(localStorageValue.value);
+            this.listenFormChanges(2, control.name, this.codSelfFormStepTwo.controls[control.name].valueChanges);
+        });
+    }
 }
-CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<span>step 2</span>\n\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n  <button\n  pButton\n  icon=\"pi pi-arrow-left\"\n  type=\"submit\"\n  (click)=\"back()\"\n  ></button>\n\n  <button\n  pButton\n  icon=\"pi pi-arrow-right\"\n  type=\"submit\"\n  (click)=\"sendForm()\"\n  ></button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <span>step 2</span>\n\n  <form [formGroup]=\"codSelfFormStepTwo\">\n  </form>\n  <div class=\"flex mt-3 align-items-center gap-3\">\n    <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n    <button\n    pButton\n    icon=\"pi pi-arrow-left\"\n    type=\"submit\"\n    (click)=\"back()\"\n    ></button>\n\n    <button\n    pButton\n    icon=\"pi pi-arrow-right\"\n    type=\"submit\"\n    (click)=\"sendForm()\"\n    ></button>\n  </div>\n\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-two', template: "<span>step 2</span>\n\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n  <button\n  pButton\n  icon=\"pi pi-arrow-left\"\n  type=\"submit\"\n  (click)=\"back()\"\n  ></button>\n\n  <button\n  pButton\n  icon=\"pi pi-arrow-right\"\n  type=\"submit\"\n  (click)=\"sendForm()\"\n  ></button>\n</div>\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { completed: [{
+            args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <span>step 2</span>\n\n  <form [formGroup]=\"codSelfFormStepTwo\">\n  </form>\n  <div class=\"flex mt-3 align-items-center gap-3\">\n    <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n    <button\n    pButton\n    icon=\"pi pi-arrow-left\"\n    type=\"submit\"\n    (click)=\"back()\"\n    ></button>\n\n    <button\n    pButton\n    icon=\"pi pi-arrow-right\"\n    type=\"submit\"\n    (click)=\"sendForm()\"\n    ></button>\n  </div>\n\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { completed: [{
                 type: Output
             }] } });