iptdevs-design-system 3.1.399 → 3.1.410
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-self-managed/cod-form-self-managed/cod-self-managed.component.mjs +9 -7
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.mjs +46 -19
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-two/cod-self-form-step-two.component.mjs +3 -3
- package/esm2020/lib/core/models/academic/academic.component.mjs +1 -1
- package/esm2020/lib/core/models/budget/budget.model.mjs +1 -1
- package/esm2020/lib/core/services/academic-service/academic.service.mjs +6 -1
- package/esm2020/lib/core/services/budget-service/budget-service.mjs +11 -1
- package/fesm2015/iptdevs-design-system.mjs +65 -21
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +64 -21
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/cod-self-managed/cod-form-self-managed/cod-self-managed.component.d.ts +2 -1
- package/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.d.ts +4 -1
- package/lib/core/models/academic/academic.component.d.ts +6 -0
- package/lib/core/models/budget/budget.model.d.ts +21 -0
- package/lib/core/services/academic-service/academic.service.d.ts +2 -1
- package/lib/core/services/budget-service/budget-service.d.ts +3 -1
- package/package.json +1 -1
|
@@ -5656,6 +5656,16 @@ class BudgetService extends IPTGeneralService {
|
|
|
5656
5656
|
this.generateRequestParams(param);
|
|
5657
5657
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
5658
5658
|
}
|
|
5659
|
+
obtainCodAndStatusApprovedLevelByGroup(param) {
|
|
5660
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/student/status/approved/by/group';
|
|
5661
|
+
this.generateRequestParams(param);
|
|
5662
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5663
|
+
}
|
|
5664
|
+
obtainStudentPaymentTransactionHistoryByCourse(param) {
|
|
5665
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/student/payment/transaction/history/by/course';
|
|
5666
|
+
this.generateRequestParams(param);
|
|
5667
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5668
|
+
}
|
|
5659
5669
|
}
|
|
5660
5670
|
BudgetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BudgetService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5661
5671
|
BudgetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BudgetService, providedIn: 'root' });
|
|
@@ -5896,6 +5906,11 @@ class AcademicService extends IPTGeneralService {
|
|
|
5896
5906
|
this.generateRequestParams(params);
|
|
5897
5907
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
5898
5908
|
}
|
|
5909
|
+
obtainCoursesByTypeCoursesInCreatdCourseRs(params) {
|
|
5910
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/course/by/plan/academic/type/course/modality';
|
|
5911
|
+
this.generateRequestParams(params);
|
|
5912
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5913
|
+
}
|
|
5899
5914
|
}
|
|
5900
5915
|
AcademicService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AcademicService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5901
5916
|
AcademicService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AcademicService, providedIn: 'root' });
|
|
@@ -6115,11 +6130,12 @@ class CodSelfFormStepOneComponent {
|
|
|
6115
6130
|
this.parameterService = parameterService;
|
|
6116
6131
|
this.completed = new EventEmitter();
|
|
6117
6132
|
this.genders = [];
|
|
6133
|
+
this.errorMessage = 'Faltan campos por llenar.';
|
|
6118
6134
|
}
|
|
6119
6135
|
ngOnInit() {
|
|
6120
6136
|
this.initForm();
|
|
6121
6137
|
this.getParameters();
|
|
6122
|
-
|
|
6138
|
+
this.setDataUsers();
|
|
6123
6139
|
}
|
|
6124
6140
|
initForm() {
|
|
6125
6141
|
this.codSelfFormStepOne = this.fb.group({
|
|
@@ -6127,14 +6143,33 @@ class CodSelfFormStepOneComponent {
|
|
|
6127
6143
|
student_last_name: ['', [Validators.required]],
|
|
6128
6144
|
student_id_card_type: ['', [Validators.required], []],
|
|
6129
6145
|
student_id_card: [{ value: '', disabled: true }, [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
|
|
6130
|
-
student_email: ['', [Validators.required, Validators.email]],
|
|
6131
6146
|
gender: ['', [Validators.required]],
|
|
6132
|
-
// age: ['', [Validators.required]],
|
|
6133
6147
|
birthdate: ['', [Validators.required], []],
|
|
6134
6148
|
country: ['', [Validators.required], []],
|
|
6135
6149
|
state: ['', [Validators.required], []],
|
|
6136
6150
|
city: ['', [Validators.required], []],
|
|
6137
|
-
|
|
6151
|
+
});
|
|
6152
|
+
// Calcular edad y setear valor
|
|
6153
|
+
this.codSelfFormStepOne.controls['birthdate'].valueChanges.subscribe({
|
|
6154
|
+
next: (change) => {
|
|
6155
|
+
let today = new Date();
|
|
6156
|
+
let birthday = new Date(change);
|
|
6157
|
+
let age = today.getFullYear() - birthday.getFullYear();
|
|
6158
|
+
let month = today.getMonth() - birthday.getMonth();
|
|
6159
|
+
if (month < 0 || (month === 0 && today.getDate() < birthday.getDate())) {
|
|
6160
|
+
age--;
|
|
6161
|
+
}
|
|
6162
|
+
if (age < 3) {
|
|
6163
|
+
this.errorMessage = 'Fecha de nacimiento no válida';
|
|
6164
|
+
this.codSelfFormStepOne.controls['birthdate'].setErrors({
|
|
6165
|
+
invalidAge: true
|
|
6166
|
+
});
|
|
6167
|
+
}
|
|
6168
|
+
else {
|
|
6169
|
+
this.codSelfFormStepOne.controls['birthdate'].setErrors(null);
|
|
6170
|
+
}
|
|
6171
|
+
this.codSelfFormStepOne.controls['age'].setValue(age);
|
|
6172
|
+
}
|
|
6138
6173
|
});
|
|
6139
6174
|
}
|
|
6140
6175
|
getParameters() {
|
|
@@ -6147,12 +6182,6 @@ class CodSelfFormStepOneComponent {
|
|
|
6147
6182
|
this.parameterService.getCountries().subscribe((response) => {
|
|
6148
6183
|
this.countries = response.data;
|
|
6149
6184
|
});
|
|
6150
|
-
// this.parameterService.getStratums().subscribe((response) => {
|
|
6151
|
-
// this.stratums = response.data;
|
|
6152
|
-
// });
|
|
6153
|
-
// this.parameterService.getCivilStatus().subscribe((response) => {
|
|
6154
|
-
// this.civilStatus = response.data;
|
|
6155
|
-
// });
|
|
6156
6185
|
this.parameterService.getAllCities().subscribe((response) => {
|
|
6157
6186
|
this.cities = response.data;
|
|
6158
6187
|
});
|
|
@@ -6168,7 +6197,17 @@ class CodSelfFormStepOneComponent {
|
|
|
6168
6197
|
this.genders.push(genderItem);
|
|
6169
6198
|
});
|
|
6170
6199
|
});
|
|
6171
|
-
|
|
6200
|
+
}
|
|
6201
|
+
setDataUsers() {
|
|
6202
|
+
this.codSelfFormStepOne.controls['student_name'].setValue(this.user.name ? this.user.name : null);
|
|
6203
|
+
this.codSelfFormStepOne.controls['student_last_name'].setValue(this.user.last_name ? this.user.last_name : null);
|
|
6204
|
+
this.codSelfFormStepOne.controls['student_id_card_type'].setValue(this.user.id_card_type ? this.user.id_card_type : null);
|
|
6205
|
+
this.codSelfFormStepOne.controls['student_id_card'].setValue(this.user.id_card ? this.user.id_card : null);
|
|
6206
|
+
this.codSelfFormStepOne.controls['country'].setValue(this.user.city[0]?.country != (1 || null) ? this.user.city[0]?.country : null);
|
|
6207
|
+
this.codSelfFormStepOne.controls['state'].setValue(this.user.city[0]?.state != (33 || null) ? this.user.city[0]?.state : null);
|
|
6208
|
+
this.codSelfFormStepOne.controls['city'].setValue(this.user.city[0]?.code != (1 || null) ? this.user.city[0]?.code : null);
|
|
6209
|
+
this.codSelfFormStepOne.controls['gender'].setValue(this.user.gender ? this.user.gender : null);
|
|
6210
|
+
this.codSelfFormStepOne.controls['birthdate'].setValue(this.user.birthdate ? this.user.birthdate : null);
|
|
6172
6211
|
}
|
|
6173
6212
|
selectCountry(country) {
|
|
6174
6213
|
let iso = '';
|
|
@@ -6245,11 +6284,13 @@ class CodSelfFormStepOneComponent {
|
|
|
6245
6284
|
}
|
|
6246
6285
|
}
|
|
6247
6286
|
CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6248
|
-
CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: { completed: "completed" }, ngImport: i0, template: "<div class=\"container-main\">\n <div>\n <h2>
|
|
6287
|
+
CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: { user: "user" }, outputs: { completed: "completed" }, ngImport: i0, template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos Personales</h2>\n <form [formGroup]=\"codSelfFormStepOne\">\n\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepOne.controls['student_name']\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n </div>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Apellidos'\"\n [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n [isRequired]=\"true\"\n [data]=\"idTypes\"\n (eventSelect)=\"selectIdType($event)\"\n [defaultText]=\"'Tipo de documento'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n </div>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'N\u00FAmero de documento'\"\n [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n [control]=\"codSelfFormStepOne.controls['gender']\"\n [data]=\"genders\"\n (eventSelect)=\"selectGender($event)\"\n [defaultText]=\"'G\u00E9nero'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n </div>\n <ipt-input\n onfocus=\"(this.type='date')\"\n [inputType]=\"'date'\"\n [control]=\"codSelfFormStepOne.controls['birthdate']\"\n [placeHolder]=\"'Fecha de nacimiento'\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n [control]=\"codSelfFormStepOne.controls['country']\"\n [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n (eventSelect)=\"selectCountry($event)\"\n [data]=\"countries\"\n [defaultText]=\"'Pa\u00EDs de residencia'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n [control]=\"codSelfFormStepOne.controls['state']\"\n [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n [isRequired]=\"true\"\n (eventSelect)=\"selectState($event)\"\n [data]=\"states\"\n [defaultText]=\"'Departamento o estado'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n [control]=\"codSelfFormStepOne.controls['city']\"\n [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n (eventSelect)=\"selectCity($event)\"\n [data]=\"cities\"\n [defaultText]=\"'Ciudad de residencia'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n </div>\n\n </form>\n\n <div class=\"flex mt-3 align-items-center gap-3\">\n <button\n pButton\n icon=\"pi pi-arrow-right\"\n type=\"submit\"\n [disabled]=\"!codSelfFormStepOne.valid\"\n (click)=\"sendForm()\"\n ></button>\n </div>\n </div>\n\n</div>\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"], dependencies: [{ 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", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "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: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
|
|
6249
6288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
|
|
6250
6289
|
type: Component,
|
|
6251
|
-
args: [{ selector: 'app-cod-self-form-step-one', template: "<div class=\"container-main\">\n <div>\n <h2>
|
|
6252
|
-
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }]; }, propDecorators: {
|
|
6290
|
+
args: [{ selector: 'app-cod-self-form-step-one', template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos Personales</h2>\n <form [formGroup]=\"codSelfFormStepOne\">\n\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepOne.controls['student_name']\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n </div>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Apellidos'\"\n [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n [isRequired]=\"true\"\n [data]=\"idTypes\"\n (eventSelect)=\"selectIdType($event)\"\n [defaultText]=\"'Tipo de documento'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n </div>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'N\u00FAmero de documento'\"\n [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n [control]=\"codSelfFormStepOne.controls['gender']\"\n [data]=\"genders\"\n (eventSelect)=\"selectGender($event)\"\n [defaultText]=\"'G\u00E9nero'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n </div>\n <ipt-input\n onfocus=\"(this.type='date')\"\n [inputType]=\"'date'\"\n [control]=\"codSelfFormStepOne.controls['birthdate']\"\n [placeHolder]=\"'Fecha de nacimiento'\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n [control]=\"codSelfFormStepOne.controls['country']\"\n [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n (eventSelect)=\"selectCountry($event)\"\n [data]=\"countries\"\n [defaultText]=\"'Pa\u00EDs de residencia'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n [control]=\"codSelfFormStepOne.controls['state']\"\n [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n [isRequired]=\"true\"\n (eventSelect)=\"selectState($event)\"\n [data]=\"states\"\n [defaultText]=\"'Departamento o estado'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n [control]=\"codSelfFormStepOne.controls['city']\"\n [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n (eventSelect)=\"selectCity($event)\"\n [data]=\"cities\"\n [defaultText]=\"'Ciudad de residencia'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n </div>\n\n </form>\n\n <div class=\"flex mt-3 align-items-center gap-3\">\n <button\n pButton\n icon=\"pi pi-arrow-right\"\n type=\"submit\"\n [disabled]=\"!codSelfFormStepOne.valid\"\n (click)=\"sendForm()\"\n ></button>\n </div>\n </div>\n\n</div>\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"] }]
|
|
6291
|
+
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }]; }, propDecorators: { user: [{
|
|
6292
|
+
type: Input
|
|
6293
|
+
}], completed: [{
|
|
6253
6294
|
type: Output
|
|
6254
6295
|
}] } });
|
|
6255
6296
|
|
|
@@ -6269,10 +6310,10 @@ class CodSelfFormStepTwoComponent {
|
|
|
6269
6310
|
}
|
|
6270
6311
|
}
|
|
6271
6312
|
CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6272
|
-
CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, 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
|
|
6313
|
+
CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, 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"] }] });
|
|
6273
6314
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
|
|
6274
6315
|
type: Component,
|
|
6275
|
-
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
|
|
6316
|
+
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" }]
|
|
6276
6317
|
}], propDecorators: { completed: [{
|
|
6277
6318
|
type: Output
|
|
6278
6319
|
}] } });
|
|
@@ -6306,11 +6347,11 @@ class CodSelfManagedComponent {
|
|
|
6306
6347
|
{ label: 'Datos', id: '1' },
|
|
6307
6348
|
{ label: 'Planes', id: '2' },
|
|
6308
6349
|
{ label: 'Pago', id: '3' },
|
|
6309
|
-
{ label: '
|
|
6350
|
+
{ label: 'Confirmacion', id: '4' }
|
|
6310
6351
|
];
|
|
6311
6352
|
}
|
|
6312
6353
|
onChangeStep(step) {
|
|
6313
|
-
console.log(step);
|
|
6354
|
+
// console.log(step);
|
|
6314
6355
|
this.currentStep = step;
|
|
6315
6356
|
}
|
|
6316
6357
|
changeStep(step) {
|
|
@@ -6318,11 +6359,13 @@ class CodSelfManagedComponent {
|
|
|
6318
6359
|
}
|
|
6319
6360
|
}
|
|
6320
6361
|
CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6321
|
-
CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", ngImport: i0, template: "<!-- <h3>Matricula</h3> -->\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n<div class=\"container-steps\">\n
|
|
6362
|
+
CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", inputs: { user: "user" }, ngImport: i0, template: "<!-- <h3>Matricula</h3> -->\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n<div class=\"container-steps\">\n\n <div *ngIf=\"currentStep === 0\">\n <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [user]=\"user\"></app-cod-self-form-step-one>\n </div>\n\n <div *ngIf=\"currentStep === 1\">\n <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n </div>\n\n <div *ngIf=\"currentStep === 2\">\n <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n </div>\n\n <div *ngIf=\"currentStep === 3\">\n <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n </div>\n\n</div>\n\n\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: ["user"], outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three" }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four" }] });
|
|
6322
6363
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
|
|
6323
6364
|
type: Component,
|
|
6324
|
-
args: [{ selector: 'ipt-cod-self-managed', template: "<!-- <h3>Matricula</h3> -->\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n<div class=\"container-steps\">\n
|
|
6325
|
-
}]
|
|
6365
|
+
args: [{ selector: 'ipt-cod-self-managed', template: "<!-- <h3>Matricula</h3> -->\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n<div class=\"container-steps\">\n\n <div *ngIf=\"currentStep === 0\">\n <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [user]=\"user\"></app-cod-self-form-step-one>\n </div>\n\n <div *ngIf=\"currentStep === 1\">\n <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n </div>\n\n <div *ngIf=\"currentStep === 2\">\n <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n </div>\n\n <div *ngIf=\"currentStep === 3\">\n <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n </div>\n\n</div>\n\n\n" }]
|
|
6366
|
+
}], propDecorators: { user: [{
|
|
6367
|
+
type: Input
|
|
6368
|
+
}] } });
|
|
6326
6369
|
|
|
6327
6370
|
class codSelfManagedModule {
|
|
6328
6371
|
}
|