iptdevs-design-system 2.7.107 → 2.7.108

package/fesm2020/iptdevs-design-system.mjs

@@ -3385,8 +3385,7 @@ class CodFormStepThreeComponent extends CodFormSteps {
     }
     // Eventos de los select
     selectNeedAtendant(needAtendant) {
-        console.log(needAtendant);
-        if (needAtendant !== 'Requiere acudiente') {
+        if (needAtendant == 1) {
             this.codFormStepThree.controls['needAtendant'].setValue(needAtendant);
         }
         else {
@@ -3559,6 +3558,7 @@ class CodFormStepFourComponent extends CodFormSteps {
                 if (response.data) {
                     const codPrices = response.data;
                     this.codPrices = codPrices;
+                    console.log(this.codPrices);
                     if (this.codFormStepFour.controls['payment_method'].value === '2') {
                         const aux = this.codPrices.filter(codPrice => codPrice.agreement === Number(agreementSelected))[0];
                         this.codFormStepFour.controls['program_price'].setValue(aux.normal_price);
@@ -3702,6 +3702,9 @@ class CodFormStepFourComponent extends CodFormSteps {
         console.log(quotas);
         if (quotas !== 'Número de cuotas') {
             const codPrice = this.codPrices.filter(codPrice => codPrice.code === Number(quotas));
+            console.log(codPrice[0].code);
+            console.log(codPrice[0].enrollment);
+            console.log(codPrice[0].financed_price);
             this.codFormStepFour.controls['quota_times'].setValue(codPrice[0].code);
             this.codFormStepFour.controls['total_price'].setValue(codPrice[0].enrollment);
             this.codFormStepFour.controls['program_price'].setValue(codPrice[0].financed_price);
@@ -3736,46 +3739,45 @@ class CodFormStepFiveComponent extends CodFormSteps {
         // Controls del formulario
         this.controls = new CodFormControls().controls[4];
     }
-    ngOnInit() {
-        console.log(this.initialData);
-        this.initForm();
-        this.getParameters();
-        this.startLocalStorageWork();
-        this.codFormStepFive.controls['terms'].valueChanges.subscribe(changes => {
-            this.termsCheckboxStatus = changes;
-            if (!this.termsCheckboxStatus)
-                this.errorMessage = 'Debe marcar la casilla de términos y condiciones.';
-        });
-        if (this.userRole === 30 || this.userRole === 31 || this.userRole === 32)
-            this.sendFormMsg = 'Editar COD'; // Roles Administrativos
-        if (this.userRole === 40 || this.userRole === 41 || this.userRole === 42)
-            this.sendFormMsg = 'Crear COD'; // Roles comerciales
-        if (this.initialData != null) {
-            this.setDataFromPreviusCod();
-        }
-        else {
-            console.log('No hay data cargada para el Paso 5');
-        }
-    }
-    // ngOnChanges(changes: SimpleChanges): void {
+    // ngOnInit(): void {
     //   console.log(this.initialData);
     //   this.initForm();
-    //   this.startLocalStorageWork();
     //   this.getParameters();
+    //   this.startLocalStorageWork();
     //   this.codFormStepFive.controls['terms'].valueChanges.subscribe(changes => {
     //     this.termsCheckboxStatus = changes;
     //     if (!this.termsCheckboxStatus) this.errorMessage = 'Debe marcar la casilla de términos y condiciones.'
     //   })
     //   if (this.userRole === 30 || this.userRole === 31 || this.userRole === 32) this.sendFormMsg = 'Editar COD'; // Roles Administrativos
     //   if (this.userRole === 40 || this.userRole === 41 || this.userRole === 42) this.sendFormMsg = 'Crear COD'; // Roles comerciales
-    //   if (changes['initialData']) {
     //     if (this.initialData != null) {
     //       this.setDataFromPreviusCod();
     //     } else {
     //      console.log('No hay data cargada para el Paso 5');
     //     }
-    //   }
     // }
+    ngOnChanges(changes) {
+        this.initForm();
+        this.startLocalStorageWork();
+        this.getParameters();
+        this.codFormStepFive.controls['terms'].valueChanges.subscribe(changes => {
+            this.termsCheckboxStatus = changes;
+            if (!this.termsCheckboxStatus)
+                this.errorMessage = 'Debe marcar la casilla de términos y condiciones.';
+        });
+        if (this.userRole === 30 || this.userRole === 31 || this.userRole === 32)
+            this.sendFormMsg = 'Editar COD'; // Roles Administrativos
+        if (this.userRole === 40 || this.userRole === 41 || this.userRole === 42)
+            this.sendFormMsg = 'Crear COD'; // Roles comerciales
+        if (changes['initialData']) {
+            if (this.initialData != null) {
+                this.setDataFromPreviusCod();
+            }
+            else {
+                console.log('No hay data cargada para el Paso 5');
+            }
+        }
+    }
     getParameters() {
         this.parameterService.getMarketingReasons().subscribe((response) => {
             this.marketingReasons = response.data;
@@ -3853,6 +3855,7 @@ class CodFormStepFiveComponent extends CodFormSteps {
     }
     cleanStorage() {
         sessionStorage.clear();
+        this.startLocalStorageWork();
     }
     // Eventos del select
     selectMarketingReasons(marketingReasons) {
@@ -3880,7 +3883,7 @@ class CodFormStepFiveComponent extends CodFormSteps {
     }
 }
 CodFormStepFiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFiveComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
-CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole", initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 mt-4\">\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div *ngFor=\"let option of multiculturalities; index as i\" class=\"field-checkbox mt-4 flex align-items-center\">\n        <mat-checkbox [formControlName]=\"'multiculturalism' + '_' + (i+1)\" class=\"example-margin\"></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas establecidas en este contrato, los\n      primeros 5 (cinco) d\u00EDas del mes. En caso de querer retirarse, deber\u00E1 informar por escrito 30\n      (treinta) d\u00EDas antes y cancelar lo correspondiente hasta la fecha definida de retiro, para poder\n      obtener su paz y salvo.\n    </p>\n    <br><br>\n    <div class=\"flex gap-2\">\n      <mat-checkbox formControlName=\"terms\" class=\"example-margin\"></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS ESTABLECIDAS EN LA\n        INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"(codFormStepFive.invalid && codFormStepFive.touched) || (!termsCheckboxStatus && codFormStepFive.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 type=\"submit\" class=\"ml-auto p-button-success p-button-sm\" (click)=\"sendForm()\" pButton [label]=\"sendFormMsg\" icon=\"pi pi-check\"></button>\n  <button class=\"ml-auto p-button-danger p-button-sm\" (click)=\"cleanStorage()\" pButton label=\"Clean Storage\" icon=\"pi pi-check\"></button>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "component", type: i6$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i8$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }] });
+CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole", initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 mt-4\">\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div *ngFor=\"let option of multiculturalities; index as i\" class=\"field-checkbox mt-4 flex align-items-center\">\n        <mat-checkbox [formControlName]=\"'multiculturalism' + '_' + (i+1)\" class=\"example-margin\"></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas establecidas en este contrato, los\n      primeros 5 (cinco) d\u00EDas del mes. En caso de querer retirarse, deber\u00E1 informar por escrito 30\n      (treinta) d\u00EDas antes y cancelar lo correspondiente hasta la fecha definida de retiro, para poder\n      obtener su paz y salvo.\n    </p>\n    <br><br>\n    <div class=\"flex gap-2\">\n      <mat-checkbox formControlName=\"terms\" class=\"example-margin\"></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS ESTABLECIDAS EN LA\n        INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"(codFormStepFive.invalid && codFormStepFive.touched) || (!termsCheckboxStatus && codFormStepFive.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 type=\"submit\" class=\"ml-auto p-button-success p-button-sm\" (click)=\"sendForm()\" pButton [label]=\"sendFormMsg\" icon=\"pi pi-check\"></button>\n  <button class=\"ml-auto p-button-danger p-button-sm\" (click)=\"cleanStorage()\" pButton label=\"Clean Storage\" icon=\"pi pi-check\"></button>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "component", type: i6$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i8$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFiveComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-form-step-five', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 mt-4\">\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div *ngFor=\"let option of multiculturalities; index as i\" class=\"field-checkbox mt-4 flex align-items-center\">\n        <mat-checkbox [formControlName]=\"'multiculturalism' + '_' + (i+1)\" class=\"example-margin\"></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas establecidas en este contrato, los\n      primeros 5 (cinco) d\u00EDas del mes. En caso de querer retirarse, deber\u00E1 informar por escrito 30\n      (treinta) d\u00EDas antes y cancelar lo correspondiente hasta la fecha definida de retiro, para poder\n      obtener su paz y salvo.\n    </p>\n    <br><br>\n    <div class=\"flex gap-2\">\n      <mat-checkbox formControlName=\"terms\" class=\"example-margin\"></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS ESTABLECIDAS EN LA\n        INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"(codFormStepFive.invalid && codFormStepFive.touched) || (!termsCheckboxStatus && codFormStepFive.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 type=\"submit\" class=\"ml-auto p-button-success p-button-sm\" (click)=\"sendForm()\" pButton [label]=\"sendFormMsg\" icon=\"pi pi-check\"></button>\n  <button class=\"ml-auto p-button-danger p-button-sm\" (click)=\"cleanStorage()\" pButton label=\"Clean Storage\" icon=\"pi pi-check\"></button>\n</div>\n\n" }]