iptdevs-design-system 3.1.880 → 3.1.883
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/cod/cod-form/cod-form.component.mjs +1 -1
- package/esm2020/lib/cod/steps/cod-form-step-four/cod-form-step-four.component.mjs +3 -3
- package/esm2020/lib/cod/steps/cod-form-step-one/cod-form-step-one.component.mjs +79 -44
- package/fesm2015/iptdevs-design-system.mjs +81 -45
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +80 -45
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/cod/cod-form/cod-form.component.d.ts +1 -1
- package/lib/cod/steps/cod-form-step-one/cod-form-step-one.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -3695,33 +3695,81 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
3695
3695
|
this.codFormStepOne.controls['course_type'].valueChanges
|
|
3696
3696
|
.subscribe(value => this.communicatorService.setCurrentCourseType(value));
|
|
3697
3697
|
this.communicatorService.setCurrentAgreement(this.localStorageCOD.getCodFormData(1, 'agreement_by_category'));
|
|
3698
|
-
|
|
3698
|
+
// Lógica principal de cambios
|
|
3699
|
+
if (changes['initialData'] || changes['dataPreviusCodData']) {
|
|
3700
|
+
this.handleDataChanges(changes);
|
|
3701
|
+
}
|
|
3702
|
+
this.cdRef.detectChanges();
|
|
3703
|
+
// const shouldProcessInitialData = changes['initialData'] &&
|
|
3704
|
+
// this.initialData != null &&
|
|
3705
|
+
// this.dataPreviusCodData === null;
|
|
3706
|
+
// const shouldProcessPreviusData = this.dataPreviusCodData != null &&
|
|
3707
|
+
// this.isEditCod === false &&
|
|
3708
|
+
// this.isRenovation === false;
|
|
3709
|
+
// if (shouldProcessInitialData || shouldProcessPreviusData) {
|
|
3710
|
+
// this.processData(this.initialData);
|
|
3711
|
+
// this.cdRef.detectChanges();
|
|
3712
|
+
// console.log("Entro en this.processData con initialData");
|
|
3713
|
+
// } else {
|
|
3714
|
+
// // Manejo más controlado del "else"
|
|
3715
|
+
// console.log("entre en el else que borra todo en null");
|
|
3716
|
+
// this.codFormStepOne.controls['academic_plan'].setValue(null);
|
|
3717
|
+
// this.codFormStepOne.controls['course_type'].setValue(null);
|
|
3718
|
+
// this.codFormStepOne.controls['agreement_by_category'].setValue(null);
|
|
3719
|
+
// this.codFormStepOne.controls['english_level'].setValue(null);
|
|
3720
|
+
// this.codFormStepOne.controls['availible_courses'].setValue(null);
|
|
3721
|
+
// this.codFormStepOne.controls['course_modality'].setValue(null);
|
|
3722
|
+
// }
|
|
3723
|
+
// if (changes['initialData'] && this.initialData != null && this.dataPreviusCodData === null || this.dataPreviusCodData != null && this.isEditCod === false && this.isRenovation === false) {
|
|
3724
|
+
// this.processData(this.initialData);
|
|
3725
|
+
// console.log("Entro en this.processData con initialData");
|
|
3726
|
+
// this.cdRef.detectChanges();
|
|
3727
|
+
// }else{
|
|
3728
|
+
// this.codFormStepOne.controls['academic_plan'].setValue(null);
|
|
3729
|
+
// this.codFormStepOne.controls['course_type'].setValue(null);
|
|
3730
|
+
// this.codFormStepOne.controls['agreement_by_category'].setValue(null);
|
|
3731
|
+
// this.codFormStepOne.controls['english_level'].setValue(null);
|
|
3732
|
+
// this.codFormStepOne.controls['availible_courses'].setValue(null);
|
|
3733
|
+
// this.codFormStepOne.controls['course_modality'].setValue(null);
|
|
3734
|
+
// }
|
|
3735
|
+
// if (changes['dataPreviusCodData'] && this.dataPreviusCodData != null && this.isEditCod && this.isRenovation === false ) {
|
|
3736
|
+
// this.processData(this.dataPreviusCodData);
|
|
3737
|
+
// console.log("Entro en this.processData con dataPreviusCodData");
|
|
3738
|
+
// if (this.isEditCod && !this.dataPreviusCodData.edit_course_payment) {
|
|
3739
|
+
// this.isDisabledSel = true;
|
|
3740
|
+
// } else {
|
|
3741
|
+
// this.isDisabledSel = false;
|
|
3742
|
+
// }
|
|
3743
|
+
// this.cdRef.detectChanges();
|
|
3744
|
+
// }else if(changes['dataPreviusCodData'] && this.dataPreviusCodData != null && !this.isEditCod && this.courseSelectRenovation && this.isRenovation === true ){
|
|
3745
|
+
// this.setDataCodRenovationSelect();
|
|
3746
|
+
// this.isDisabledSel= true
|
|
3747
|
+
// this.cdRef.detectChanges();
|
|
3748
|
+
// }
|
|
3749
|
+
}
|
|
3750
|
+
handleDataChanges(changes) {
|
|
3751
|
+
// Caso 1: Hay initialData y NO hay dataPreviusCodData
|
|
3752
|
+
if (changes['initialData']?.currentValue && !this.dataPreviusCodData) {
|
|
3699
3753
|
this.processData(this.initialData);
|
|
3700
|
-
|
|
3701
|
-
}
|
|
3702
|
-
else {
|
|
3703
|
-
this.codFormStepOne.controls['academic_plan'].setValue(null);
|
|
3704
|
-
this.codFormStepOne.controls['course_type'].setValue(null);
|
|
3705
|
-
this.codFormStepOne.controls['agreement_by_category'].setValue(null);
|
|
3706
|
-
this.codFormStepOne.controls['english_level'].setValue(null);
|
|
3707
|
-
this.codFormStepOne.controls['availible_courses'].setValue(null);
|
|
3708
|
-
this.codFormStepOne.controls['course_modality'].setValue(null);
|
|
3754
|
+
return;
|
|
3709
3755
|
}
|
|
3710
|
-
|
|
3711
|
-
|
|
3712
|
-
|
|
3713
|
-
|
|
3756
|
+
// Caso 2: Hay dataPreviusCodData
|
|
3757
|
+
if (changes['dataPreviusCodData']?.currentValue) {
|
|
3758
|
+
// Subcaso 2.1: Es edición
|
|
3759
|
+
if (this.isEditCod && !this.isRenovation) {
|
|
3760
|
+
this.processData(this.dataPreviusCodData);
|
|
3761
|
+
this.isDisabledSel = !this.dataPreviusCodData.edit_course_payment;
|
|
3762
|
+
return;
|
|
3714
3763
|
}
|
|
3715
|
-
|
|
3716
|
-
|
|
3764
|
+
// Subcaso 2.2: Es renovación
|
|
3765
|
+
if (!this.isEditCod && this.isRenovation && this.courseSelectRenovation) {
|
|
3766
|
+
this.setDataCodRenovationSelect();
|
|
3767
|
+
this.isDisabledSel = true;
|
|
3768
|
+
return;
|
|
3717
3769
|
}
|
|
3718
|
-
this.cdRef.detectChanges();
|
|
3719
|
-
}
|
|
3720
|
-
else if (changes['dataPreviusCodData'] && this.dataPreviusCodData != null && !this.isEditCod && this.courseSelectRenovation && this.isRenovation === true) {
|
|
3721
|
-
this.setDataCodRenovationSelect();
|
|
3722
|
-
this.isDisabledSel = true;
|
|
3723
|
-
this.cdRef.detectChanges();
|
|
3724
3770
|
}
|
|
3771
|
+
// Caso 3: Ninguna condición anterior se cumplió (reset controlado)
|
|
3772
|
+
this.resetForm();
|
|
3725
3773
|
}
|
|
3726
3774
|
processData(data) {
|
|
3727
3775
|
const { codFormStepOne } = this;
|
|
@@ -3787,20 +3835,6 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
3787
3835
|
course_modality: [''],
|
|
3788
3836
|
});
|
|
3789
3837
|
}
|
|
3790
|
-
// setValuesByLocalStorage() {
|
|
3791
|
-
// const academicPlan = this.codFormStepOne.controls['academic_plan'].value || null;
|
|
3792
|
-
// if (!academicPlan) return;
|
|
3793
|
-
// this.selectAcademicPlan(academicPlan);
|
|
3794
|
-
// const agreementByCategory = this.codFormStepOne.controls['agreement_by_category'].value || null;
|
|
3795
|
-
// if (!agreementByCategory) return;
|
|
3796
|
-
// this.getAvailibleCourses();
|
|
3797
|
-
// const englishLevel = this.codFormStepOne.controls['english_level'].value || null;
|
|
3798
|
-
// if (!englishLevel) return;
|
|
3799
|
-
// this.getAvailibleCourses();
|
|
3800
|
-
// const courseModality = this.codFormStepOne.controls['course_modality'].value || null;
|
|
3801
|
-
// if (!courseModality) return;
|
|
3802
|
-
// this.getAvailibleCourses();
|
|
3803
|
-
// }
|
|
3804
3838
|
setValuesByLocalStorage() {
|
|
3805
3839
|
const academicPlan = this.codFormStepOne.controls['academic_plan'].value;
|
|
3806
3840
|
if (academicPlan) {
|
|
@@ -3810,7 +3844,6 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
3810
3844
|
const englishLevel = parseInt(this.codFormStepOne.controls['english_level'].value);
|
|
3811
3845
|
const courseModality = parseInt(this.codFormStepOne.controls['course_modality'].value);
|
|
3812
3846
|
if (agreementByCategory && englishLevel && courseModality) {
|
|
3813
|
-
console.log("se llama getAvailibleCourses desde setValuesByLocalStorage");
|
|
3814
3847
|
this.getAvailibleCourses();
|
|
3815
3848
|
}
|
|
3816
3849
|
}
|
|
@@ -3822,8 +3855,14 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
3822
3855
|
this.changeStepEvent.emit(1);
|
|
3823
3856
|
}
|
|
3824
3857
|
resetForm() {
|
|
3825
|
-
this.resetLocalStorage(this.controls);
|
|
3826
|
-
this.codFormStepOne.reset();
|
|
3858
|
+
// this.resetLocalStorage(this.controls);
|
|
3859
|
+
// this.codFormStepOne.reset();
|
|
3860
|
+
this.codFormStepOne.controls['academic_plan'].setValue(null);
|
|
3861
|
+
this.codFormStepOne.controls['course_type'].setValue(null);
|
|
3862
|
+
this.codFormStepOne.controls['agreement_by_category'].setValue(null);
|
|
3863
|
+
this.codFormStepOne.controls['english_level'].setValue(null);
|
|
3864
|
+
this.codFormStepOne.controls['availible_courses'].setValue(null);
|
|
3865
|
+
this.codFormStepOne.controls['course_modality'].setValue(null);
|
|
3827
3866
|
}
|
|
3828
3867
|
// Eventos de los selects
|
|
3829
3868
|
selectAcademicPlan(academic_plan) {
|
|
@@ -3976,7 +4015,6 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
3976
4015
|
agreement_by_category: this.codFormStepOne.get('agreement_by_category')?.value,
|
|
3977
4016
|
english_level: this.codFormStepOne.get('english_level')?.value
|
|
3978
4017
|
};
|
|
3979
|
-
console.log('Before request:', this.codFormStepOne.value);
|
|
3980
4018
|
let request_availibleCourses = {
|
|
3981
4019
|
token: this.baseService.getUserToken(),
|
|
3982
4020
|
english_level: currentValues.english_level,
|
|
@@ -4001,7 +4039,6 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
4001
4039
|
};
|
|
4002
4040
|
});
|
|
4003
4041
|
this.hasAvailableCourse = true;
|
|
4004
|
-
console.log(this.availibleCourses);
|
|
4005
4042
|
}
|
|
4006
4043
|
else {
|
|
4007
4044
|
this.hasAvailableCourse = false;
|
|
@@ -4010,13 +4047,11 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
4010
4047
|
}
|
|
4011
4048
|
},
|
|
4012
4049
|
error: (err) => {
|
|
4013
|
-
console.error('Error loading courses:', err);
|
|
4014
4050
|
this.hasAvailableCourse = false;
|
|
4015
4051
|
this.cdRef.detectChanges();
|
|
4016
4052
|
}
|
|
4017
4053
|
});
|
|
4018
4054
|
}
|
|
4019
|
-
console.log('After response:', this.codFormStepOne.value);
|
|
4020
4055
|
}
|
|
4021
4056
|
setValueStepFour() {
|
|
4022
4057
|
this.setDataInLocalStorage(4, 'program_price', null);
|
|
@@ -5023,10 +5058,10 @@ class CodFormStepFourComponent extends CodFormSteps {
|
|
|
5023
5058
|
}
|
|
5024
5059
|
}
|
|
5025
5060
|
CodFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: CalculateQuotesService }, { token: CodFormControls }, { token: CommercialService }, { token: BaseService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5026
|
-
CodFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", inputs: { isEditCod: "isEditCod", initialData: "initialData", isRenovation: "isRenovation" }, outputs: { changeStepEvent: "changeStepEvent", financingData: "financingData" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\n <strong>Nota: </strong>\n El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\n</div>\n\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\n\n <div class=\"col-12\">\n <ipt-select\n [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\n [control]=\"codFormStepFour.controls['payment_method']\"\n (eventSelect)=\"selectPaymentMethod($event)\"\n [data]=\"paymentMethods\"\n [defaultText]=\"'M\u00E9todo de pago'\"\n [disabledSel]=\"isDisabledSel\"\n ></ipt-select>\n <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n <div class=\"col-12\" *ngIf=\"thereArePlans\">\n <p-table\n [value]=\"dataPrices\"\n [tableStyle]=\"{'min-width': '100%'}\"\n [rowHover]=\"true\"\n >\n <ng-template pTemplate=\"caption\">\n <div class=\"flex align-items-center\">\n Seleccion de niveles a cancelar.\n </div>\n </ng-template>\n <ng-template pTemplate=\"header\">\n <tr>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Admin</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-data>\n <tr>\n <td>{{ data.paid_level }} Nivel(es)</td>\n <td>{{ data.fee_number }}</td>\n <td class=\"pt-2 pb-2\">\n <button\n pButton\n pRipple\n icon=\"pi pi-money-bill\"\n class=\"p-button-sm p-button-rounded\"\n (click)=\"selectLevels(data)\"\n\n ></button>\n </td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n\n <!-- [initialValue]=\"codFormStepFour.controls['quota_times'].value\" -->\n <!-- <ipt-select *ngIf=\"isFinanced();\"\n [initialValue]=\"'1'\"\n [control]=\"codFormStepFour.controls['quota_times']\"\n (eventSelect)=\"selectQuotas($event)\"\n [defaultText]=\"'N\u00FAmero de cuotas'\"\n [data]=\"codPrices\"\n ></ipt-select> -->\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n [control]=\"codFormStepFour.controls['total_price']\"\n [withPipe]=\"true\"\n ></ipt-input>\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n [withPipe]=\"true\"\n [inputType]=\"'text'\"\n [control]=\"codFormStepFour.controls['program_price']\"\n [placeHolder]=\"'Valor total del programa'\"\n ></ipt-input>\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n onfocus=\"(this.type='date')\"\n [inputType]=\"'date'\"\n [control]=\"codFormStepFour.controls['payment_date']\"\n [placeHolder]=\"'Fecha de pago'\"\n ></ipt-input>\n </div>\n\n <!-- Tabla de financiaci\u00F3n -->\n <div *ngIf=\"
|
|
5061
|
+
CodFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", inputs: { isEditCod: "isEditCod", initialData: "initialData", isRenovation: "isRenovation" }, outputs: { changeStepEvent: "changeStepEvent", financingData: "financingData" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\n <strong>Nota: </strong>\n El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\n</div>\n\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\n\n <div class=\"col-12\">\n <ipt-select\n [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\n [control]=\"codFormStepFour.controls['payment_method']\"\n (eventSelect)=\"selectPaymentMethod($event)\"\n [data]=\"paymentMethods\"\n [defaultText]=\"'M\u00E9todo de pago'\"\n [disabledSel]=\"isDisabledSel\"\n ></ipt-select>\n <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n <div class=\"col-12\" *ngIf=\"thereArePlans\">\n <p-table\n [value]=\"dataPrices\"\n [tableStyle]=\"{'min-width': '100%'}\"\n [rowHover]=\"true\"\n >\n <ng-template pTemplate=\"caption\">\n <div class=\"flex align-items-center\">\n Seleccion de niveles a cancelar.\n </div>\n </ng-template>\n <ng-template pTemplate=\"header\">\n <tr>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Admin</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-data>\n <tr>\n <td>{{ data.paid_level }} Nivel(es)</td>\n <td>{{ data.fee_number }}</td>\n <td class=\"pt-2 pb-2\">\n <button\n pButton\n pRipple\n icon=\"pi pi-money-bill\"\n class=\"p-button-sm p-button-rounded\"\n (click)=\"selectLevels(data)\"\n\n ></button>\n </td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n\n <!-- [initialValue]=\"codFormStepFour.controls['quota_times'].value\" -->\n <!-- <ipt-select *ngIf=\"isFinanced();\"\n [initialValue]=\"'1'\"\n [control]=\"codFormStepFour.controls['quota_times']\"\n (eventSelect)=\"selectQuotas($event)\"\n [defaultText]=\"'N\u00FAmero de cuotas'\"\n [data]=\"codPrices\"\n ></ipt-select> -->\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n [control]=\"codFormStepFour.controls['total_price']\"\n [withPipe]=\"true\"\n ></ipt-input>\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n [withPipe]=\"true\"\n [inputType]=\"'text'\"\n [control]=\"codFormStepFour.controls['program_price']\"\n [placeHolder]=\"'Valor total del programa'\"\n ></ipt-input>\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n onfocus=\"(this.type='date')\"\n [inputType]=\"'date'\"\n [control]=\"codFormStepFour.controls['payment_date']\"\n [placeHolder]=\"'Fecha de pago'\"\n ></ipt-input>\n </div>\n\n <!-- Tabla de financiaci\u00F3n -->\n <div *ngIf=\"isFinancing && isRenovation === false\" class=\"container_tablet\">\n <div class=\"col-12\" *ngIf=\"isFinancing\">\n <p-table\n [value]=\"dataFinancing\"\n [tableStyle]=\"{'min-width': '100%'}\"\n [rowHover]=\"true\"\n >\n <ng-template pTemplate=\"caption\">\n <div class=\"flex align-items-center\">\n C\u00E1lculo de cuotas\n <button pButton class=\"p-button-sm ml-auto\" label=\"Nuevo c\u00E1lculo\" (click)=\"calculateNewQuotes()\" [disabled]=\"isDisabledSel\" lab icon=\"pi pi-replay\"></button>\n </div>\n </ng-template>\n <ng-template pTemplate=\"header\">\n <tr>\n <th>#</th>\n <th>Valor</th>\n <th>Fecha</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-data>\n <tr>\n <td>{{ data[0] }}</td>\n <td>{{ data[1] }}</td>\n <td>{{ data[2] }}</td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n </div>\n <!-- ---------------------- -->\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n <span *ngIf=\"codFormStepFour.invalid && codFormStepFour.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n <div class=\"flex ml-auto gap-2\">\n <button *ngIf=\"codFormStepFour.controls['payment_method'].value === '1'\" [disabled]=\"isFinancing || codFormStepFour.controls['payment_method'].value !== '1'\"type=\"submit\" class=\"ml-auto p-button-sm p-button-secondary\" (click)=\"showTable()\" pButton label=\"Calcular cuotas\" icon=\"pi pi-sliders-h\"></button>\n <button [disabled]=\"!isFinancing && codFormStepFour.controls['payment_method'].value === '1'\" type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n </div>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { 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: "component", type: i11.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i6$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
|
|
5027
5062
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFourComponent, decorators: [{
|
|
5028
5063
|
type: Component,
|
|
5029
|
-
args: [{ selector: 'app-cod-form-step-four', template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\n <strong>Nota: </strong>\n El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\n</div>\n\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\n\n <div class=\"col-12\">\n <ipt-select\n [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\n [control]=\"codFormStepFour.controls['payment_method']\"\n (eventSelect)=\"selectPaymentMethod($event)\"\n [data]=\"paymentMethods\"\n [defaultText]=\"'M\u00E9todo de pago'\"\n [disabledSel]=\"isDisabledSel\"\n ></ipt-select>\n <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n <div class=\"col-12\" *ngIf=\"thereArePlans\">\n <p-table\n [value]=\"dataPrices\"\n [tableStyle]=\"{'min-width': '100%'}\"\n [rowHover]=\"true\"\n >\n <ng-template pTemplate=\"caption\">\n <div class=\"flex align-items-center\">\n Seleccion de niveles a cancelar.\n </div>\n </ng-template>\n <ng-template pTemplate=\"header\">\n <tr>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Admin</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-data>\n <tr>\n <td>{{ data.paid_level }} Nivel(es)</td>\n <td>{{ data.fee_number }}</td>\n <td class=\"pt-2 pb-2\">\n <button\n pButton\n pRipple\n icon=\"pi pi-money-bill\"\n class=\"p-button-sm p-button-rounded\"\n (click)=\"selectLevels(data)\"\n\n ></button>\n </td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n\n <!-- [initialValue]=\"codFormStepFour.controls['quota_times'].value\" -->\n <!-- <ipt-select *ngIf=\"isFinanced();\"\n [initialValue]=\"'1'\"\n [control]=\"codFormStepFour.controls['quota_times']\"\n (eventSelect)=\"selectQuotas($event)\"\n [defaultText]=\"'N\u00FAmero de cuotas'\"\n [data]=\"codPrices\"\n ></ipt-select> -->\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n [control]=\"codFormStepFour.controls['total_price']\"\n [withPipe]=\"true\"\n ></ipt-input>\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n [withPipe]=\"true\"\n [inputType]=\"'text'\"\n [control]=\"codFormStepFour.controls['program_price']\"\n [placeHolder]=\"'Valor total del programa'\"\n ></ipt-input>\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n onfocus=\"(this.type='date')\"\n [inputType]=\"'date'\"\n [control]=\"codFormStepFour.controls['payment_date']\"\n [placeHolder]=\"'Fecha de pago'\"\n ></ipt-input>\n </div>\n\n <!-- Tabla de financiaci\u00F3n -->\n <div *ngIf=\"
|
|
5064
|
+
args: [{ selector: 'app-cod-form-step-four', template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\n <strong>Nota: </strong>\n El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\n</div>\n\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\n\n <div class=\"col-12\">\n <ipt-select\n [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\n [control]=\"codFormStepFour.controls['payment_method']\"\n (eventSelect)=\"selectPaymentMethod($event)\"\n [data]=\"paymentMethods\"\n [defaultText]=\"'M\u00E9todo de pago'\"\n [disabledSel]=\"isDisabledSel\"\n ></ipt-select>\n <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n <div class=\"col-12\" *ngIf=\"thereArePlans\">\n <p-table\n [value]=\"dataPrices\"\n [tableStyle]=\"{'min-width': '100%'}\"\n [rowHover]=\"true\"\n >\n <ng-template pTemplate=\"caption\">\n <div class=\"flex align-items-center\">\n Seleccion de niveles a cancelar.\n </div>\n </ng-template>\n <ng-template pTemplate=\"header\">\n <tr>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Admin</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-data>\n <tr>\n <td>{{ data.paid_level }} Nivel(es)</td>\n <td>{{ data.fee_number }}</td>\n <td class=\"pt-2 pb-2\">\n <button\n pButton\n pRipple\n icon=\"pi pi-money-bill\"\n class=\"p-button-sm p-button-rounded\"\n (click)=\"selectLevels(data)\"\n\n ></button>\n </td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n\n <!-- [initialValue]=\"codFormStepFour.controls['quota_times'].value\" -->\n <!-- <ipt-select *ngIf=\"isFinanced();\"\n [initialValue]=\"'1'\"\n [control]=\"codFormStepFour.controls['quota_times']\"\n (eventSelect)=\"selectQuotas($event)\"\n [defaultText]=\"'N\u00FAmero de cuotas'\"\n [data]=\"codPrices\"\n ></ipt-select> -->\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n [control]=\"codFormStepFour.controls['total_price']\"\n [withPipe]=\"true\"\n ></ipt-input>\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n [withPipe]=\"true\"\n [inputType]=\"'text'\"\n [control]=\"codFormStepFour.controls['program_price']\"\n [placeHolder]=\"'Valor total del programa'\"\n ></ipt-input>\n </div>\n\n <div class=\"col-12\">\n <ipt-input\n onfocus=\"(this.type='date')\"\n [inputType]=\"'date'\"\n [control]=\"codFormStepFour.controls['payment_date']\"\n [placeHolder]=\"'Fecha de pago'\"\n ></ipt-input>\n </div>\n\n <!-- Tabla de financiaci\u00F3n -->\n <div *ngIf=\"isFinancing && isRenovation === false\" class=\"container_tablet\">\n <div class=\"col-12\" *ngIf=\"isFinancing\">\n <p-table\n [value]=\"dataFinancing\"\n [tableStyle]=\"{'min-width': '100%'}\"\n [rowHover]=\"true\"\n >\n <ng-template pTemplate=\"caption\">\n <div class=\"flex align-items-center\">\n C\u00E1lculo de cuotas\n <button pButton class=\"p-button-sm ml-auto\" label=\"Nuevo c\u00E1lculo\" (click)=\"calculateNewQuotes()\" [disabled]=\"isDisabledSel\" lab icon=\"pi pi-replay\"></button>\n </div>\n </ng-template>\n <ng-template pTemplate=\"header\">\n <tr>\n <th>#</th>\n <th>Valor</th>\n <th>Fecha</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-data>\n <tr>\n <td>{{ data[0] }}</td>\n <td>{{ data[1] }}</td>\n <td>{{ data[2] }}</td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n </div>\n <!-- ---------------------- -->\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n <span *ngIf=\"codFormStepFour.invalid && codFormStepFour.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n <div class=\"flex ml-auto gap-2\">\n <button *ngIf=\"codFormStepFour.controls['payment_method'].value === '1'\" [disabled]=\"isFinancing || codFormStepFour.controls['payment_method'].value !== '1'\"type=\"submit\" class=\"ml-auto p-button-sm p-button-secondary\" (click)=\"showTable()\" pButton label=\"Calcular cuotas\" icon=\"pi pi-sliders-h\"></button>\n <button [disabled]=\"!isFinancing && codFormStepFour.controls['payment_method'].value === '1'\" type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n </div>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"] }]
|
|
5030
5065
|
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: CalculateQuotesService }, { type: CodFormControls }, { type: CommercialService }, { type: BaseService }]; }, propDecorators: { isEditCod: [{
|
|
5031
5066
|
type: Input
|
|
5032
5067
|
}], initialData: [{
|