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
|
@@ -3698,33 +3698,82 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
3698
3698
|
this.codFormStepOne.controls['course_type'].valueChanges
|
|
3699
3699
|
.subscribe(value => this.communicatorService.setCurrentCourseType(value));
|
|
3700
3700
|
this.communicatorService.setCurrentAgreement(this.localStorageCOD.getCodFormData(1, 'agreement_by_category'));
|
|
3701
|
-
|
|
3701
|
+
// Lógica principal de cambios
|
|
3702
|
+
if (changes['initialData'] || changes['dataPreviusCodData']) {
|
|
3703
|
+
this.handleDataChanges(changes);
|
|
3704
|
+
}
|
|
3705
|
+
this.cdRef.detectChanges();
|
|
3706
|
+
// const shouldProcessInitialData = changes['initialData'] &&
|
|
3707
|
+
// this.initialData != null &&
|
|
3708
|
+
// this.dataPreviusCodData === null;
|
|
3709
|
+
// const shouldProcessPreviusData = this.dataPreviusCodData != null &&
|
|
3710
|
+
// this.isEditCod === false &&
|
|
3711
|
+
// this.isRenovation === false;
|
|
3712
|
+
// if (shouldProcessInitialData || shouldProcessPreviusData) {
|
|
3713
|
+
// this.processData(this.initialData);
|
|
3714
|
+
// this.cdRef.detectChanges();
|
|
3715
|
+
// console.log("Entro en this.processData con initialData");
|
|
3716
|
+
// } else {
|
|
3717
|
+
// // Manejo más controlado del "else"
|
|
3718
|
+
// console.log("entre en el else que borra todo en null");
|
|
3719
|
+
// this.codFormStepOne.controls['academic_plan'].setValue(null);
|
|
3720
|
+
// this.codFormStepOne.controls['course_type'].setValue(null);
|
|
3721
|
+
// this.codFormStepOne.controls['agreement_by_category'].setValue(null);
|
|
3722
|
+
// this.codFormStepOne.controls['english_level'].setValue(null);
|
|
3723
|
+
// this.codFormStepOne.controls['availible_courses'].setValue(null);
|
|
3724
|
+
// this.codFormStepOne.controls['course_modality'].setValue(null);
|
|
3725
|
+
// }
|
|
3726
|
+
// if (changes['initialData'] && this.initialData != null && this.dataPreviusCodData === null || this.dataPreviusCodData != null && this.isEditCod === false && this.isRenovation === false) {
|
|
3727
|
+
// this.processData(this.initialData);
|
|
3728
|
+
// console.log("Entro en this.processData con initialData");
|
|
3729
|
+
// this.cdRef.detectChanges();
|
|
3730
|
+
// }else{
|
|
3731
|
+
// this.codFormStepOne.controls['academic_plan'].setValue(null);
|
|
3732
|
+
// this.codFormStepOne.controls['course_type'].setValue(null);
|
|
3733
|
+
// this.codFormStepOne.controls['agreement_by_category'].setValue(null);
|
|
3734
|
+
// this.codFormStepOne.controls['english_level'].setValue(null);
|
|
3735
|
+
// this.codFormStepOne.controls['availible_courses'].setValue(null);
|
|
3736
|
+
// this.codFormStepOne.controls['course_modality'].setValue(null);
|
|
3737
|
+
// }
|
|
3738
|
+
// if (changes['dataPreviusCodData'] && this.dataPreviusCodData != null && this.isEditCod && this.isRenovation === false ) {
|
|
3739
|
+
// this.processData(this.dataPreviusCodData);
|
|
3740
|
+
// console.log("Entro en this.processData con dataPreviusCodData");
|
|
3741
|
+
// if (this.isEditCod && !this.dataPreviusCodData.edit_course_payment) {
|
|
3742
|
+
// this.isDisabledSel = true;
|
|
3743
|
+
// } else {
|
|
3744
|
+
// this.isDisabledSel = false;
|
|
3745
|
+
// }
|
|
3746
|
+
// this.cdRef.detectChanges();
|
|
3747
|
+
// }else if(changes['dataPreviusCodData'] && this.dataPreviusCodData != null && !this.isEditCod && this.courseSelectRenovation && this.isRenovation === true ){
|
|
3748
|
+
// this.setDataCodRenovationSelect();
|
|
3749
|
+
// this.isDisabledSel= true
|
|
3750
|
+
// this.cdRef.detectChanges();
|
|
3751
|
+
// }
|
|
3752
|
+
}
|
|
3753
|
+
handleDataChanges(changes) {
|
|
3754
|
+
var _a, _b;
|
|
3755
|
+
// Caso 1: Hay initialData y NO hay dataPreviusCodData
|
|
3756
|
+
if (((_a = changes['initialData']) === null || _a === void 0 ? void 0 : _a.currentValue) && !this.dataPreviusCodData) {
|
|
3702
3757
|
this.processData(this.initialData);
|
|
3703
|
-
|
|
3704
|
-
}
|
|
3705
|
-
else {
|
|
3706
|
-
this.codFormStepOne.controls['academic_plan'].setValue(null);
|
|
3707
|
-
this.codFormStepOne.controls['course_type'].setValue(null);
|
|
3708
|
-
this.codFormStepOne.controls['agreement_by_category'].setValue(null);
|
|
3709
|
-
this.codFormStepOne.controls['english_level'].setValue(null);
|
|
3710
|
-
this.codFormStepOne.controls['availible_courses'].setValue(null);
|
|
3711
|
-
this.codFormStepOne.controls['course_modality'].setValue(null);
|
|
3758
|
+
return;
|
|
3712
3759
|
}
|
|
3713
|
-
|
|
3714
|
-
|
|
3715
|
-
|
|
3716
|
-
|
|
3760
|
+
// Caso 2: Hay dataPreviusCodData
|
|
3761
|
+
if ((_b = changes['dataPreviusCodData']) === null || _b === void 0 ? void 0 : _b.currentValue) {
|
|
3762
|
+
// Subcaso 2.1: Es edición
|
|
3763
|
+
if (this.isEditCod && !this.isRenovation) {
|
|
3764
|
+
this.processData(this.dataPreviusCodData);
|
|
3765
|
+
this.isDisabledSel = !this.dataPreviusCodData.edit_course_payment;
|
|
3766
|
+
return;
|
|
3717
3767
|
}
|
|
3718
|
-
|
|
3719
|
-
|
|
3768
|
+
// Subcaso 2.2: Es renovación
|
|
3769
|
+
if (!this.isEditCod && this.isRenovation && this.courseSelectRenovation) {
|
|
3770
|
+
this.setDataCodRenovationSelect();
|
|
3771
|
+
this.isDisabledSel = true;
|
|
3772
|
+
return;
|
|
3720
3773
|
}
|
|
3721
|
-
this.cdRef.detectChanges();
|
|
3722
|
-
}
|
|
3723
|
-
else if (changes['dataPreviusCodData'] && this.dataPreviusCodData != null && !this.isEditCod && this.courseSelectRenovation && this.isRenovation === true) {
|
|
3724
|
-
this.setDataCodRenovationSelect();
|
|
3725
|
-
this.isDisabledSel = true;
|
|
3726
|
-
this.cdRef.detectChanges();
|
|
3727
3774
|
}
|
|
3775
|
+
// Caso 3: Ninguna condición anterior se cumplió (reset controlado)
|
|
3776
|
+
this.resetForm();
|
|
3728
3777
|
}
|
|
3729
3778
|
processData(data) {
|
|
3730
3779
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -3793,20 +3842,6 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
3793
3842
|
course_modality: [''],
|
|
3794
3843
|
});
|
|
3795
3844
|
}
|
|
3796
|
-
// setValuesByLocalStorage() {
|
|
3797
|
-
// const academicPlan = this.codFormStepOne.controls['academic_plan'].value || null;
|
|
3798
|
-
// if (!academicPlan) return;
|
|
3799
|
-
// this.selectAcademicPlan(academicPlan);
|
|
3800
|
-
// const agreementByCategory = this.codFormStepOne.controls['agreement_by_category'].value || null;
|
|
3801
|
-
// if (!agreementByCategory) return;
|
|
3802
|
-
// this.getAvailibleCourses();
|
|
3803
|
-
// const englishLevel = this.codFormStepOne.controls['english_level'].value || null;
|
|
3804
|
-
// if (!englishLevel) return;
|
|
3805
|
-
// this.getAvailibleCourses();
|
|
3806
|
-
// const courseModality = this.codFormStepOne.controls['course_modality'].value || null;
|
|
3807
|
-
// if (!courseModality) return;
|
|
3808
|
-
// this.getAvailibleCourses();
|
|
3809
|
-
// }
|
|
3810
3845
|
setValuesByLocalStorage() {
|
|
3811
3846
|
const academicPlan = this.codFormStepOne.controls['academic_plan'].value;
|
|
3812
3847
|
if (academicPlan) {
|
|
@@ -3816,7 +3851,6 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
3816
3851
|
const englishLevel = parseInt(this.codFormStepOne.controls['english_level'].value);
|
|
3817
3852
|
const courseModality = parseInt(this.codFormStepOne.controls['course_modality'].value);
|
|
3818
3853
|
if (agreementByCategory && englishLevel && courseModality) {
|
|
3819
|
-
console.log("se llama getAvailibleCourses desde setValuesByLocalStorage");
|
|
3820
3854
|
this.getAvailibleCourses();
|
|
3821
3855
|
}
|
|
3822
3856
|
}
|
|
@@ -3828,8 +3862,14 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
3828
3862
|
this.changeStepEvent.emit(1);
|
|
3829
3863
|
}
|
|
3830
3864
|
resetForm() {
|
|
3831
|
-
this.resetLocalStorage(this.controls);
|
|
3832
|
-
this.codFormStepOne.reset();
|
|
3865
|
+
// this.resetLocalStorage(this.controls);
|
|
3866
|
+
// this.codFormStepOne.reset();
|
|
3867
|
+
this.codFormStepOne.controls['academic_plan'].setValue(null);
|
|
3868
|
+
this.codFormStepOne.controls['course_type'].setValue(null);
|
|
3869
|
+
this.codFormStepOne.controls['agreement_by_category'].setValue(null);
|
|
3870
|
+
this.codFormStepOne.controls['english_level'].setValue(null);
|
|
3871
|
+
this.codFormStepOne.controls['availible_courses'].setValue(null);
|
|
3872
|
+
this.codFormStepOne.controls['course_modality'].setValue(null);
|
|
3833
3873
|
}
|
|
3834
3874
|
// Eventos de los selects
|
|
3835
3875
|
selectAcademicPlan(academic_plan) {
|
|
@@ -3986,7 +4026,6 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
3986
4026
|
agreement_by_category: (_c = this.codFormStepOne.get('agreement_by_category')) === null || _c === void 0 ? void 0 : _c.value,
|
|
3987
4027
|
english_level: (_d = this.codFormStepOne.get('english_level')) === null || _d === void 0 ? void 0 : _d.value
|
|
3988
4028
|
};
|
|
3989
|
-
console.log('Before request:', this.codFormStepOne.value);
|
|
3990
4029
|
let request_availibleCourses = {
|
|
3991
4030
|
token: this.baseService.getUserToken(),
|
|
3992
4031
|
english_level: currentValues.english_level,
|
|
@@ -4013,7 +4052,6 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
4013
4052
|
};
|
|
4014
4053
|
});
|
|
4015
4054
|
this.hasAvailableCourse = true;
|
|
4016
|
-
console.log(this.availibleCourses);
|
|
4017
4055
|
}
|
|
4018
4056
|
else {
|
|
4019
4057
|
this.hasAvailableCourse = false;
|
|
@@ -4022,13 +4060,11 @@ class CodFormStepOneComponent extends CodFormSteps {
|
|
|
4022
4060
|
}
|
|
4023
4061
|
},
|
|
4024
4062
|
error: (err) => {
|
|
4025
|
-
console.error('Error loading courses:', err);
|
|
4026
4063
|
this.hasAvailableCourse = false;
|
|
4027
4064
|
this.cdRef.detectChanges();
|
|
4028
4065
|
}
|
|
4029
4066
|
});
|
|
4030
4067
|
}
|
|
4031
|
-
console.log('After response:', this.codFormStepOne.value);
|
|
4032
4068
|
}
|
|
4033
4069
|
setValueStepFour() {
|
|
4034
4070
|
this.setDataInLocalStorage(4, 'program_price', null);
|
|
@@ -5042,10 +5078,10 @@ class CodFormStepFourComponent extends CodFormSteps {
|
|
|
5042
5078
|
}
|
|
5043
5079
|
}
|
|
5044
5080
|
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 });
|
|
5045
|
-
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=\"
|
|
5081
|
+
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"] }] });
|
|
5046
5082
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFourComponent, decorators: [{
|
|
5047
5083
|
type: Component,
|
|
5048
|
-
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=\"
|
|
5084
|
+
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"] }]
|
|
5049
5085
|
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: CalculateQuotesService }, { type: CodFormControls }, { type: CommercialService }, { type: BaseService }]; }, propDecorators: { isEditCod: [{
|
|
5050
5086
|
type: Input
|
|
5051
5087
|
}], initialData: [{
|