iptdevs-design-system 3.1.3110 → 3.1.4367
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 +1 -1
- package/esm2020/lib/cod-self-managed/cod-self-managed.module.mjs +12 -4
- package/esm2020/lib/cod-self-managed/logic/cod-self-managed-controls.mjs +97 -0
- package/esm2020/lib/cod-self-managed/logic/cod-self-managed-steps.mjs +29 -0
- package/esm2020/lib/cod-self-managed/logic/local-storage-cod.service.mjs +46 -0
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.mjs +61 -19
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-three/cod-self-form-step-three.component.mjs +8 -4
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-two/cod-self-form-step-two.component.mjs +46 -10
- package/esm2020/lib/components/atoms/select/select.component.mjs +4 -4
- 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/attendance-service/attendance.service.mjs +5 -1
- package/esm2020/lib/core/services/budget-service/budget-service.mjs +22 -2
- package/esm2020/public-api.mjs +9 -5
- package/fesm2015/iptdevs-design-system.mjs +313 -37
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +313 -37
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/cod-self-managed/cod-self-managed.module.d.ts +2 -1
- package/lib/cod-self-managed/logic/cod-self-managed-controls.d.ts +16 -0
- package/lib/cod-self-managed/logic/cod-self-managed-steps.d.ts +15 -0
- package/lib/cod-self-managed/logic/local-storage-cod.service.d.ts +9 -0
- package/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.d.ts +11 -4
- package/lib/cod-self-managed/steps/cod-form-step-three/cod-self-form-step-three.component.d.ts +3 -1
- package/lib/cod-self-managed/steps/cod-form-step-two/cod-self-form-step-two.component.d.ts +13 -2
- package/lib/components/atoms/select/select.component.d.ts +1 -1
- package/lib/core/models/budget/budget.model.d.ts +59 -0
- package/lib/core/services/academic-service/academic.service.d.ts +1 -0
- package/lib/core/services/attendance-service/attendance.service.d.ts +1 -0
- package/lib/core/services/budget-service/budget-service.d.ts +4 -1
- package/package.json +1 -1
- package/public-api.d.ts +7 -4
|
@@ -36,6 +36,8 @@ import { InputTextModule } from 'primeng/inputtext';
|
|
|
36
36
|
import * as i1$3 from '@angular/router';
|
|
37
37
|
import * as i2 from 'primeng/steps';
|
|
38
38
|
import { StepsModule } from 'primeng/steps';
|
|
39
|
+
import * as i3$1 from 'primeng/calendar';
|
|
40
|
+
import { CalendarModule } from 'primeng/calendar';
|
|
39
41
|
|
|
40
42
|
class AsideButtonComponent {
|
|
41
43
|
constructor() {
|
|
@@ -609,6 +611,9 @@ class SelectComponent {
|
|
|
609
611
|
this.setBinding();
|
|
610
612
|
}
|
|
611
613
|
}
|
|
614
|
+
ngOnInit() {
|
|
615
|
+
this.setBinding();
|
|
616
|
+
}
|
|
612
617
|
seleccionar(evt) {
|
|
613
618
|
if (this.eventSelect.emit(evt) !== this.defaultText) {
|
|
614
619
|
this.boxShadow = 1;
|
|
@@ -628,9 +633,6 @@ class SelectComponent {
|
|
|
628
633
|
click(value) {
|
|
629
634
|
this.clicked = value.isTrusted;
|
|
630
635
|
}
|
|
631
|
-
ngOnInit() {
|
|
632
|
-
this.setBinding();
|
|
633
|
-
}
|
|
634
636
|
get textClass() {
|
|
635
637
|
return this.defaultText === '' ? 'selected' : 'select';
|
|
636
638
|
}
|
|
@@ -5572,8 +5574,13 @@ class BudgetService extends IPTGeneralService {
|
|
|
5572
5574
|
this.generateRequestParams(params);
|
|
5573
5575
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
5574
5576
|
}
|
|
5577
|
+
// AssingCourse(params: any): Observable<any> {
|
|
5578
|
+
// let serviceUrl = this.SERVICE_URL + 'post/course/by/code/user/budget/assign';
|
|
5579
|
+
// this.generateRequestParams(params);
|
|
5580
|
+
// return this.http.post(serviceUrl, this.httpOptions);
|
|
5581
|
+
// }
|
|
5575
5582
|
AssingCourse(params) {
|
|
5576
|
-
let serviceUrl = this.SERVICE_URL + '
|
|
5583
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/course/assign/detail/by/adviser/budget';
|
|
5577
5584
|
this.generateRequestParams(params);
|
|
5578
5585
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
5579
5586
|
}
|
|
@@ -5666,6 +5673,21 @@ class BudgetService extends IPTGeneralService {
|
|
|
5666
5673
|
this.generateRequestParams(param);
|
|
5667
5674
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
5668
5675
|
}
|
|
5676
|
+
obtainCodAndStatusApprovedLevelByGroup(param) {
|
|
5677
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/student/status/approved/by/group';
|
|
5678
|
+
this.generateRequestParams(param);
|
|
5679
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5680
|
+
}
|
|
5681
|
+
obtainStudentPaymentTransactionHistoryByCourse(param) {
|
|
5682
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/student/payment/transaction/history/by/course';
|
|
5683
|
+
this.generateRequestParams(param);
|
|
5684
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5685
|
+
}
|
|
5686
|
+
obtainPaymentTransactionHistoryByCod(param) {
|
|
5687
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/payment/transaction/history/by/cod';
|
|
5688
|
+
this.generateRequestParams(param);
|
|
5689
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5690
|
+
}
|
|
5669
5691
|
}
|
|
5670
5692
|
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 });
|
|
5671
5693
|
BudgetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BudgetService, providedIn: 'root' });
|
|
@@ -5911,6 +5933,11 @@ class AcademicService extends IPTGeneralService {
|
|
|
5911
5933
|
this.generateRequestParams(params);
|
|
5912
5934
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
5913
5935
|
}
|
|
5936
|
+
obtainAllCodAirByCourse(params) {
|
|
5937
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/all/cod/air/by/course';
|
|
5938
|
+
this.generateRequestParams(params);
|
|
5939
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5940
|
+
}
|
|
5914
5941
|
}
|
|
5915
5942
|
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 });
|
|
5916
5943
|
AcademicService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AcademicService, providedIn: 'root' });
|
|
@@ -6009,6 +6036,10 @@ class AttendanceService extends IPTGeneralService {
|
|
|
6009
6036
|
this.generateRequestParams(params);
|
|
6010
6037
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
6011
6038
|
}
|
|
6039
|
+
exportExcelAttendance(codeStudent) {
|
|
6040
|
+
let serviceUrl = this.SERVICE_URL + 'dowload/excel/attendances/students/by/course/' + codeStudent;
|
|
6041
|
+
return this.http.get(serviceUrl);
|
|
6042
|
+
}
|
|
6012
6043
|
}
|
|
6013
6044
|
AttendanceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AttendanceService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6014
6045
|
AttendanceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AttendanceService, providedIn: 'root' });
|
|
@@ -6124,18 +6155,197 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
6124
6155
|
}]
|
|
6125
6156
|
}] });
|
|
6126
6157
|
|
|
6127
|
-
class
|
|
6128
|
-
constructor(
|
|
6158
|
+
class CodSelfManagedControls {
|
|
6159
|
+
constructor() {
|
|
6160
|
+
this.controls = [
|
|
6161
|
+
[
|
|
6162
|
+
{ name: 'birthdate', required: true, description: 'Fecha de nacimiento del estudiante' },
|
|
6163
|
+
{ name: 'country', required: true, description: 'País' },
|
|
6164
|
+
{ name: 'state', required: true, description: 'Departamento o estado' },
|
|
6165
|
+
{ name: 'city', required: true, description: 'Ciudad de residencia' },
|
|
6166
|
+
{ name: 'student_id_card_type', required: true, description: 'Tipo de documento del estudiante' },
|
|
6167
|
+
{ name: 'student_id_card', required: true, description: 'Documento del estudiante' },
|
|
6168
|
+
{ name: 'student_last_name', required: true, description: 'Apellidos del estudiante' },
|
|
6169
|
+
{ name: 'student_name', required: true, description: 'Nombres del estudiante' },
|
|
6170
|
+
{ name: 'gender', required: true, description: 'Género' },
|
|
6171
|
+
{ name: 'student_email', required: true, description: 'Correo del estudiante' },
|
|
6172
|
+
{ name: 'student_phone_indicative', required: true, description: 'Indicativo del estudiante' },
|
|
6173
|
+
{ name: 'student_phone_number', required: true, description: 'Teléfono del estudiante' },
|
|
6174
|
+
// { name: 'student_address', required: true, description: 'Dirección del estudiante' },
|
|
6175
|
+
// { name: 'nickname', required: true, description: 'Alias o nickname' },
|
|
6176
|
+
// { name: 'age', required: true, description: 'Edad' },
|
|
6177
|
+
// { name: 'student_occupation', required: true, description: 'Ocupación del estudiante' },
|
|
6178
|
+
// { name: 'stratum', required: true, description: 'Estrato del estudiante' },
|
|
6179
|
+
// { name: 'grade', required: true, description: 'Grado del estudiante' },
|
|
6180
|
+
// { name: 'civil_status', required: true, description: 'Estado civil del estudiante' },
|
|
6181
|
+
// { name: 'password', required: true, description: 'Contraseña del estudiante' },
|
|
6182
|
+
// { name: 're_password', required: true, description: 'Confirmación de contraseña' },
|
|
6183
|
+
],
|
|
6184
|
+
[
|
|
6185
|
+
{ name: 'schedule', required: true, description: 'horario requerido' },
|
|
6186
|
+
// { name: 'academic_plan', required: true, description: 'Plan académico' },
|
|
6187
|
+
// { name: 'course_type', required: true, description: 'Tipo de curso' },
|
|
6188
|
+
// { name: 'agreement_by_category', required: true, description: 'Convenio' },
|
|
6189
|
+
// { name: 'english_level', required: true, description: 'Nivel de inglés' },
|
|
6190
|
+
// { name: 'availible_courses', required: false, description: 'Cursos disponibles' },
|
|
6191
|
+
// { name: 'course_modality', required: false, description: 'Modalidad del curso' },
|
|
6192
|
+
],
|
|
6193
|
+
// [
|
|
6194
|
+
// { name: 'parent_id_card_type', required: true, description: 'Tipo de documento del acudiente' },
|
|
6195
|
+
// { name: 'parent_id_card', required: true, description: 'Documento del acudiente' },
|
|
6196
|
+
// { name: 'parent_last_name', required: true, description: 'Apellidos del acudiente' },
|
|
6197
|
+
// { name: 'parent_name', required: true, description: 'Nombres del acudiente' },
|
|
6198
|
+
// { name: 'needAtendant', required: true, description: '¿Requiere acudiente?' },
|
|
6199
|
+
// { name: 'parent_phone_indicative', required: true, description: 'Indicativo del acudiente' },
|
|
6200
|
+
// { name: 'parent_occupation', required: true, description: 'Ocupación del acudiente' },
|
|
6201
|
+
// { name: 'parent_address', required: true, description: 'Dirección del acudiente' },
|
|
6202
|
+
// { name: 'parent_phone_number', required: true, description: 'Teléfono del acudiente' }
|
|
6203
|
+
// ],
|
|
6204
|
+
[
|
|
6205
|
+
{ name: 'payment_date', required: true, description: 'Fecha de pago' },
|
|
6206
|
+
{ name: 'program_price', required: true, description: 'Valor total del programa' },
|
|
6207
|
+
{ name: 'payment_method', required: true, description: 'Método de pago' },
|
|
6208
|
+
{ name: 'quota_times', required: true, description: 'Cantidad de cuotas' },
|
|
6209
|
+
{ name: 'total_price', required: true, description: 'Precio total de la matricula' },
|
|
6210
|
+
{ name: 'paid_level', required: true, description: 'Niveles pagos' },
|
|
6211
|
+
],
|
|
6212
|
+
// [
|
|
6213
|
+
// { name: 'marketing_reasons', required: true, description: '¿Cómo se enteró del programa?' },
|
|
6214
|
+
// { name: 'observation', required: false, description: 'Observación' },
|
|
6215
|
+
// { name: 'study_reasons', required: true, description: 'Motivo' },
|
|
6216
|
+
// { name: 'terms', required: true, description: 'Términos y condiciones' },
|
|
6217
|
+
// { name: 'disability', required: false, description: 'Discapacidad' },
|
|
6218
|
+
// { name: 'multiculturalism_1', required: false, description: 'Multiculturalismo' },
|
|
6219
|
+
// { name: 'multiculturalism_2', required: false, description: 'Multiculturalismo' },
|
|
6220
|
+
// { name: 'multiculturalism_3', required: false, description: 'Multiculturalismo' },
|
|
6221
|
+
// { name: 'multiculturalism_4', required: false, description: 'Multiculturalismo' },
|
|
6222
|
+
// { name: 'multiculturalism_5', required: false, description: 'Multiculturalismo' },
|
|
6223
|
+
// { name: 'multiculturalism_6', required: false, description: 'Multiculturalismo' },
|
|
6224
|
+
// { name: 'health_regimen', required: true, description: 'Régimen de salud' },
|
|
6225
|
+
// { name: 'code_refers', required: true, description: 'Refiere' },
|
|
6226
|
+
// { name: 'code_cod', required: false, description: 'Codigo Cod' }
|
|
6227
|
+
// ],
|
|
6228
|
+
];
|
|
6229
|
+
this.$controls = new BehaviorSubject([]);
|
|
6230
|
+
this.$controls.next(this.controls);
|
|
6231
|
+
}
|
|
6232
|
+
getControlValues() {
|
|
6233
|
+
return this.$controls.asObservable();
|
|
6234
|
+
}
|
|
6235
|
+
// Cambiar los valores de los controls, ejemplo: true y false del checkbox
|
|
6236
|
+
changeValue(step, controlName, newValue) {
|
|
6237
|
+
const controls = Object.assign({}, this.controls);
|
|
6238
|
+
let control = controls[step - 1].filter(element => element.name === controlName);
|
|
6239
|
+
control[0].required = newValue;
|
|
6240
|
+
this.$controls.next(controls);
|
|
6241
|
+
}
|
|
6242
|
+
}
|
|
6243
|
+
CodSelfManagedControls.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedControls, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6244
|
+
CodSelfManagedControls.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedControls, providedIn: 'root' });
|
|
6245
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedControls, decorators: [{
|
|
6246
|
+
type: Injectable,
|
|
6247
|
+
args: [{
|
|
6248
|
+
providedIn: 'root'
|
|
6249
|
+
}]
|
|
6250
|
+
}], ctorParameters: function () { return []; } });
|
|
6251
|
+
|
|
6252
|
+
class LocalStorageCodSelfMaganedService {
|
|
6253
|
+
constructor() { }
|
|
6254
|
+
getCodFormData(step, control) {
|
|
6255
|
+
if (step === 1)
|
|
6256
|
+
return localStorage.getItem(`COD SELF - step1(${control})`);
|
|
6257
|
+
if (step === 2)
|
|
6258
|
+
return localStorage.getItem(`COD SELF - step2(${control})`);
|
|
6259
|
+
if (step === 3)
|
|
6260
|
+
return localStorage.getItem(`COD SELF - step3(${control})`);
|
|
6261
|
+
if (step === 4)
|
|
6262
|
+
return localStorage.getItem(`COD SELF - step4(${control})`);
|
|
6263
|
+
return null;
|
|
6264
|
+
}
|
|
6265
|
+
setCodFormData(step, control, value) {
|
|
6266
|
+
if (step === 1)
|
|
6267
|
+
localStorage.setItem(`COD SELF - step1(${control})`, value);
|
|
6268
|
+
if (step === 2)
|
|
6269
|
+
localStorage.setItem(`COD SELF - step2(${control})`, value);
|
|
6270
|
+
if (step === 3)
|
|
6271
|
+
localStorage.setItem(`COD SELF - step3(${control})`, value);
|
|
6272
|
+
if (step === 4)
|
|
6273
|
+
localStorage.setItem(`COD SELF - step4(${control})`, value);
|
|
6274
|
+
}
|
|
6275
|
+
clearData() {
|
|
6276
|
+
let keySessionUser = '606a7d4e73650b75ebb06972e77d6cc4';
|
|
6277
|
+
let sessionUser = localStorage.getItem(keySessionUser);
|
|
6278
|
+
localStorage.clear();
|
|
6279
|
+
if (sessionUser !== null) {
|
|
6280
|
+
localStorage.setItem(keySessionUser, sessionUser);
|
|
6281
|
+
}
|
|
6282
|
+
else {
|
|
6283
|
+
console.log('raro que no haya sesion');
|
|
6284
|
+
}
|
|
6285
|
+
}
|
|
6286
|
+
}
|
|
6287
|
+
LocalStorageCodSelfMaganedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LocalStorageCodSelfMaganedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6288
|
+
LocalStorageCodSelfMaganedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LocalStorageCodSelfMaganedService, providedIn: 'root' });
|
|
6289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LocalStorageCodSelfMaganedService, decorators: [{
|
|
6290
|
+
type: Injectable,
|
|
6291
|
+
args: [{
|
|
6292
|
+
providedIn: 'root'
|
|
6293
|
+
}]
|
|
6294
|
+
}], ctorParameters: function () { return []; } });
|
|
6295
|
+
|
|
6296
|
+
class CodSelfManagedSteps {
|
|
6297
|
+
constructor() {
|
|
6298
|
+
this.localStorageCOD = new LocalStorageCodSelfMaganedService();
|
|
6299
|
+
}
|
|
6300
|
+
readAndWriteLS(step, control) {
|
|
6301
|
+
if (this.localStorageCOD.getCodFormData(step, control)) {
|
|
6302
|
+
const value = this.localStorageCOD.getCodFormData(step, control);
|
|
6303
|
+
return { control, value };
|
|
6304
|
+
}
|
|
6305
|
+
else {
|
|
6306
|
+
return { control, value: '' };
|
|
6307
|
+
}
|
|
6308
|
+
}
|
|
6309
|
+
setDataInLocalStorage(step, control, value) {
|
|
6310
|
+
this.localStorageCOD.setCodFormData(step, control, value);
|
|
6311
|
+
}
|
|
6312
|
+
listenFormChanges(step, control, obs) {
|
|
6313
|
+
obs.subscribe(value => {
|
|
6314
|
+
this.setDataInLocalStorage(step, control, value);
|
|
6315
|
+
});
|
|
6316
|
+
}
|
|
6317
|
+
resetLocalStorage(controls) {
|
|
6318
|
+
controls.forEach(control => {
|
|
6319
|
+
localStorage.removeItem(control.name);
|
|
6320
|
+
});
|
|
6321
|
+
}
|
|
6322
|
+
}
|
|
6323
|
+
|
|
6324
|
+
class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
|
|
6325
|
+
constructor(fb, parameterService, cdRef) {
|
|
6326
|
+
super();
|
|
6129
6327
|
this.fb = fb;
|
|
6130
6328
|
this.parameterService = parameterService;
|
|
6329
|
+
this.cdRef = cdRef;
|
|
6131
6330
|
this.completed = new EventEmitter();
|
|
6132
6331
|
this.genders = [];
|
|
6133
6332
|
this.errorMessage = 'Faltan campos por llenar.';
|
|
6333
|
+
this.controls = new CodSelfManagedControls().controls[0];
|
|
6134
6334
|
}
|
|
6135
6335
|
ngOnInit() {
|
|
6136
|
-
this.initForm();
|
|
6137
6336
|
this.getParameters();
|
|
6138
|
-
|
|
6337
|
+
}
|
|
6338
|
+
ngOnChanges(changes) {
|
|
6339
|
+
this.initForm();
|
|
6340
|
+
this.startLocalStorageWork();
|
|
6341
|
+
if (changes['user']) {
|
|
6342
|
+
if (this.user != null) {
|
|
6343
|
+
this.setDataUsers();
|
|
6344
|
+
this.cdRef.detectChanges();
|
|
6345
|
+
}
|
|
6346
|
+
else {
|
|
6347
|
+
}
|
|
6348
|
+
}
|
|
6139
6349
|
}
|
|
6140
6350
|
initForm() {
|
|
6141
6351
|
this.codSelfFormStepOne = this.fb.group({
|
|
@@ -6148,6 +6358,9 @@ class CodSelfFormStepOneComponent {
|
|
|
6148
6358
|
country: ['', [Validators.required], []],
|
|
6149
6359
|
state: ['', [Validators.required], []],
|
|
6150
6360
|
city: ['', [Validators.required], []],
|
|
6361
|
+
student_email: ['', [Validators.required, Validators.email]],
|
|
6362
|
+
student_phone_indicative: ['', [Validators.required], []],
|
|
6363
|
+
student_phone_number: ['', [Validators.required, Validators.minLength(8), Validators.maxLength(15)]],
|
|
6151
6364
|
});
|
|
6152
6365
|
// Calcular edad y setear valor
|
|
6153
6366
|
this.codSelfFormStepOne.controls['birthdate'].valueChanges.subscribe({
|
|
@@ -6168,7 +6381,7 @@ class CodSelfFormStepOneComponent {
|
|
|
6168
6381
|
else {
|
|
6169
6382
|
this.codSelfFormStepOne.controls['birthdate'].setErrors(null);
|
|
6170
6383
|
}
|
|
6171
|
-
this.codSelfFormStepOne.controls['age'].setValue(age);
|
|
6384
|
+
// this.codSelfFormStepOne.controls['age'].setValue(age);
|
|
6172
6385
|
}
|
|
6173
6386
|
});
|
|
6174
6387
|
}
|
|
@@ -6200,15 +6413,18 @@ class CodSelfFormStepOneComponent {
|
|
|
6200
6413
|
}
|
|
6201
6414
|
setDataUsers() {
|
|
6202
6415
|
var _a, _b, _c, _d, _e, _f;
|
|
6203
|
-
this.codSelfFormStepOne.controls['student_name'].setValue(this.user.name
|
|
6204
|
-
this.codSelfFormStepOne.controls['student_last_name'].setValue(this.user.last_name
|
|
6205
|
-
this.codSelfFormStepOne.controls['student_id_card_type'].setValue(this.user.id_card_type
|
|
6206
|
-
this.codSelfFormStepOne.controls['student_id_card'].setValue(this.user.id_card
|
|
6416
|
+
this.codSelfFormStepOne.controls['student_name'].setValue(this.user.name);
|
|
6417
|
+
this.codSelfFormStepOne.controls['student_last_name'].setValue(this.user.last_name);
|
|
6418
|
+
this.codSelfFormStepOne.controls['student_id_card_type'].setValue(this.user.id_card_type);
|
|
6419
|
+
this.codSelfFormStepOne.controls['student_id_card'].setValue(this.user.id_card);
|
|
6207
6420
|
this.codSelfFormStepOne.controls['country'].setValue(((_a = this.user.city[0]) === null || _a === void 0 ? void 0 : _a.country) != (1 || null) ? (_b = this.user.city[0]) === null || _b === void 0 ? void 0 : _b.country : null);
|
|
6208
6421
|
this.codSelfFormStepOne.controls['state'].setValue(((_c = this.user.city[0]) === null || _c === void 0 ? void 0 : _c.state) != (33 || null) ? (_d = this.user.city[0]) === null || _d === void 0 ? void 0 : _d.state : null);
|
|
6209
6422
|
this.codSelfFormStepOne.controls['city'].setValue(((_e = this.user.city[0]) === null || _e === void 0 ? void 0 : _e.code) != (1 || null) ? (_f = this.user.city[0]) === null || _f === void 0 ? void 0 : _f.code : null);
|
|
6210
|
-
this.codSelfFormStepOne.controls['gender'].setValue(this.user.gender
|
|
6211
|
-
this.codSelfFormStepOne.controls['birthdate'].setValue(this.user.birthdate
|
|
6423
|
+
this.codSelfFormStepOne.controls['gender'].setValue(this.user.gender);
|
|
6424
|
+
this.codSelfFormStepOne.controls['birthdate'].setValue(this.user.birthdate);
|
|
6425
|
+
this.codSelfFormStepOne.controls['student_email'].setValue(this.user.email);
|
|
6426
|
+
this.codSelfFormStepOne.controls['student_phone_indicative'].setValue(this.user.phone_indicative);
|
|
6427
|
+
this.codSelfFormStepOne.controls['student_phone_number'].setValue(this.user.phone_number);
|
|
6212
6428
|
}
|
|
6213
6429
|
selectCountry(country) {
|
|
6214
6430
|
let iso = '';
|
|
@@ -6224,7 +6440,7 @@ class CodSelfFormStepOneComponent {
|
|
|
6224
6440
|
this.codSelfFormStepOne.controls['country'].setValue(country);
|
|
6225
6441
|
this.parameterService.getStatesByCountry(iso).subscribe((response) => {
|
|
6226
6442
|
this.states = response.data;
|
|
6227
|
-
|
|
6443
|
+
this.selectState(this.localStorageCOD.getCodFormData(2, 'state'));
|
|
6228
6444
|
});
|
|
6229
6445
|
}
|
|
6230
6446
|
else {
|
|
@@ -6234,8 +6450,8 @@ class CodSelfFormStepOneComponent {
|
|
|
6234
6450
|
}
|
|
6235
6451
|
selectState(state) {
|
|
6236
6452
|
if (state !== 'Departamento o estado') {
|
|
6237
|
-
this.codSelfFormStepOne.controls['state'].setValue(state);
|
|
6238
6453
|
this.getState(state);
|
|
6454
|
+
this.codSelfFormStepOne.controls['state'].setValue(state);
|
|
6239
6455
|
}
|
|
6240
6456
|
else {
|
|
6241
6457
|
this.codSelfFormStepOne.controls['state'].setValue(null);
|
|
@@ -6267,6 +6483,14 @@ class CodSelfFormStepOneComponent {
|
|
|
6267
6483
|
this.codSelfFormStepOne.controls['gender'].setValue(null);
|
|
6268
6484
|
}
|
|
6269
6485
|
}
|
|
6486
|
+
selectIndicatives(indicative) {
|
|
6487
|
+
if (indicative !== 'Indicativo') {
|
|
6488
|
+
this.codSelfFormStepOne.controls['student_phone_indicative'].setValue(indicative);
|
|
6489
|
+
}
|
|
6490
|
+
else {
|
|
6491
|
+
this.codSelfFormStepOne.controls['student_phone_indicative'].setValue(null);
|
|
6492
|
+
}
|
|
6493
|
+
}
|
|
6270
6494
|
sendForm() {
|
|
6271
6495
|
this.codSelfFormStepOne.markAllAsTouched();
|
|
6272
6496
|
if (this.codSelfFormStepOne.invalid)
|
|
@@ -6280,53 +6504,99 @@ class CodSelfFormStepOneComponent {
|
|
|
6280
6504
|
getCity(state) {
|
|
6281
6505
|
this.parameterService.getCitiesByState(state).subscribe((response) => {
|
|
6282
6506
|
this.cities = response.data;
|
|
6283
|
-
|
|
6507
|
+
this.selectCity(this.localStorageCOD.getCodFormData(1, 'city'));
|
|
6508
|
+
});
|
|
6509
|
+
}
|
|
6510
|
+
startLocalStorageWork() {
|
|
6511
|
+
this.controls.forEach(control => {
|
|
6512
|
+
let localStorageValue = this.readAndWriteLS(1, control.name);
|
|
6513
|
+
this.codSelfFormStepOne.controls[control.name].setValue(localStorageValue.value);
|
|
6514
|
+
this.listenFormChanges(1, control.name, this.codSelfFormStepOne.controls[control.name].valueChanges);
|
|
6284
6515
|
});
|
|
6285
6516
|
}
|
|
6517
|
+
showConfirm() {
|
|
6518
|
+
// if (!this.visible) {
|
|
6519
|
+
// this.messageService.add({ key: 'confirm', sticky: true, severity: 'success', summary: 'Can you send me the report?' });
|
|
6520
|
+
// this.visible = true;
|
|
6521
|
+
// }
|
|
6522
|
+
}
|
|
6286
6523
|
}
|
|
6287
|
-
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 });
|
|
6288
|
-
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"] }] });
|
|
6524
|
+
CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6525
|
+
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" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos Personales</h2>\n <!-- <i class=\"pi pi-exclamation-circle\"> -->\n <!-- <p-toast position=\"bottom-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"5000\">\n <ng-template let-message pTemplate=\"message\">\n <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n <div class=\"flex align-items-center gap-2\">\n <p-avatar image=\"https://primefaces.org/cdn/primeng/images/avatar/amyelsner.png\" shape=\"circle\" />\n <span class=\"font-bold text-900\">Amy Elsner</span>\n </div>\n <div class=\"font-medium text-lg my-3 text-900\">{{ message.summary }}</div>\n <p-button class=\"p-button-sm\" label=\"Reply\" (click)=\"onConfirm()\"></p-button>\n </div>\n </ng-template>\n </p-toast> -->\n <!-- </i> -->\n\n <button type=\"button\" pButton pRipple (click)=\"showConfirm()\">\n <i class=\"pi pi-exclamation-circle\"></i> <!-- Aqu\u00ED se agrega el icono -->\n </button>\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 <ipt-input\n [inputType]=\"'email'\"\n [placeHolder]=\"'Correo electr\u00F3nico'\"\n [control]=\"codSelfFormStepOne.controls['student_email']\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n <span class=\"error-message\">Por favor ingresa un email valido.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n [data]=\"indicatives\"\n (eventSelect)=\"selectIndicatives($event)\"\n [defaultText]=\"'Indicativo'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n </div>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n <span class=\"error-message\">Por favor ingresa un numero de telefono v\u00E1lido.</span>\n </div>\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\n<div>\n <pre>{{ codSelfFormStepOne.value | json }}</pre>\n <div>\n <pre>{{ codSelfFormStepOne.valid | json }}</pre>\n </div>\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"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
|
|
6289
6526
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
|
|
6290
6527
|
type: Component,
|
|
6291
|
-
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"] }]
|
|
6292
|
-
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }]; }, propDecorators: { user: [{
|
|
6528
|
+
args: [{ selector: 'app-cod-self-form-step-one', template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos Personales</h2>\n <!-- <i class=\"pi pi-exclamation-circle\"> -->\n <!-- <p-toast position=\"bottom-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"5000\">\n <ng-template let-message pTemplate=\"message\">\n <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n <div class=\"flex align-items-center gap-2\">\n <p-avatar image=\"https://primefaces.org/cdn/primeng/images/avatar/amyelsner.png\" shape=\"circle\" />\n <span class=\"font-bold text-900\">Amy Elsner</span>\n </div>\n <div class=\"font-medium text-lg my-3 text-900\">{{ message.summary }}</div>\n <p-button class=\"p-button-sm\" label=\"Reply\" (click)=\"onConfirm()\"></p-button>\n </div>\n </ng-template>\n </p-toast> -->\n <!-- </i> -->\n\n <button type=\"button\" pButton pRipple (click)=\"showConfirm()\">\n <i class=\"pi pi-exclamation-circle\"></i> <!-- Aqu\u00ED se agrega el icono -->\n </button>\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 <ipt-input\n [inputType]=\"'email'\"\n [placeHolder]=\"'Correo electr\u00F3nico'\"\n [control]=\"codSelfFormStepOne.controls['student_email']\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n <span class=\"error-message\">Por favor ingresa un email valido.</span>\n </div>\n <ipt-select\n [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n [data]=\"indicatives\"\n (eventSelect)=\"selectIndicatives($event)\"\n [defaultText]=\"'Indicativo'\"\n ></ipt-select>\n <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n </div>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n ></ipt-input>\n <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n <span class=\"error-message\">Por favor ingresa un numero de telefono v\u00E1lido.</span>\n </div>\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\n<div>\n <pre>{{ codSelfFormStepOne.value | json }}</pre>\n <div>\n <pre>{{ codSelfFormStepOne.valid | json }}</pre>\n </div>\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"] }]
|
|
6529
|
+
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { user: [{
|
|
6293
6530
|
type: Input
|
|
6294
6531
|
}], completed: [{
|
|
6295
6532
|
type: Output
|
|
6296
6533
|
}] } });
|
|
6297
6534
|
|
|
6298
|
-
class CodSelfFormStepTwoComponent {
|
|
6299
|
-
constructor() {
|
|
6535
|
+
class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
|
|
6536
|
+
constructor(fb, cdRef) {
|
|
6537
|
+
super();
|
|
6538
|
+
this.fb = fb;
|
|
6539
|
+
this.cdRef = cdRef;
|
|
6300
6540
|
this.completed = new EventEmitter();
|
|
6541
|
+
this.controls = new CodSelfManagedControls().controls[1];
|
|
6542
|
+
}
|
|
6543
|
+
ngOnInit() {
|
|
6544
|
+
this.initForm();
|
|
6545
|
+
this.startLocalStorageWork();
|
|
6546
|
+
}
|
|
6547
|
+
ngOnChanges() {
|
|
6548
|
+
// this.initForm();
|
|
6549
|
+
// this.startLocalStorageWork();
|
|
6550
|
+
}
|
|
6551
|
+
initForm() {
|
|
6552
|
+
this.codSelfFormStepTwo = this.fb.group({
|
|
6553
|
+
schedule: ['', [Validators.required]],
|
|
6554
|
+
// academic_plan: ['', [Validators.required]],
|
|
6555
|
+
// course_type:['', [Validators.required]],
|
|
6556
|
+
// agreement_by_category: ['', [Validators.required],],
|
|
6557
|
+
// english_level: [{value: '', disabled: true}, [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
|
|
6558
|
+
// availible_courses: ['', [Validators.required]],
|
|
6559
|
+
// course_modality: ['', [Validators.required],],
|
|
6560
|
+
});
|
|
6301
6561
|
}
|
|
6302
6562
|
back() {
|
|
6303
6563
|
// Movernos al paso anterior
|
|
6304
6564
|
this.completed.emit(0);
|
|
6305
6565
|
}
|
|
6306
6566
|
sendForm() {
|
|
6307
|
-
// this.
|
|
6308
|
-
// if (this.
|
|
6567
|
+
// this.codSelfFormStepTwo.markAllAsTouched();
|
|
6568
|
+
// if (this.codSelfFormStepTwo.invalid) return;
|
|
6309
6569
|
// Movernos al paso 3
|
|
6310
6570
|
this.completed.emit(2);
|
|
6311
6571
|
}
|
|
6572
|
+
startLocalStorageWork() {
|
|
6573
|
+
this.controls.forEach(control => {
|
|
6574
|
+
let localStorageValue = this.readAndWriteLS(2, control.name);
|
|
6575
|
+
this.codSelfFormStepTwo.controls[control.name].setValue(localStorageValue.value);
|
|
6576
|
+
this.listenFormChanges(2, control.name, this.codSelfFormStepTwo.controls[control.name].valueChanges);
|
|
6577
|
+
});
|
|
6578
|
+
}
|
|
6312
6579
|
}
|
|
6313
|
-
CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6314
|
-
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>
|
|
6580
|
+
CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6581
|
+
CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Planes</h2>\n\n <form [formGroup]=\"codSelfFormStepTwo\">\n\n <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n <div class=\"since\">\n <span>Selecciona un Horario deseado</span>\n <p-calendar\n [timeOnly]=\"true\"\n placeholder=\"hh:mm\"\n [hourFormat]=\"'12'\"\n inputId=\"timeonly\"\n [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n ></p-calendar>\n </div>\n </div>\n\n </form>\n <div class=\"flex mt-3 align-items-center gap-3\">\n <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n <button\n pButton\n icon=\"pi pi-arrow-left\"\n type=\"submit\"\n (click)=\"back()\"\n ></button>\n\n <button\n pButton\n icon=\"pi pi-arrow-right\"\n (click)=\"sendForm()\"\n ></button>\n </div>\n </div>\n</div>\n\n<div>\n <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n <div>\n <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n </div>\n</div>\n\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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["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"] }, { kind: "component", type: i3$1.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
|
|
6315
6582
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
|
|
6316
6583
|
type: Component,
|
|
6317
|
-
args: [{ selector: 'app-cod-self-form-step-two', template: "<span>
|
|
6318
|
-
}], propDecorators: { completed: [{
|
|
6584
|
+
args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Planes</h2>\n\n <form [formGroup]=\"codSelfFormStepTwo\">\n\n <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n <div class=\"since\">\n <span>Selecciona un Horario deseado</span>\n <p-calendar\n [timeOnly]=\"true\"\n placeholder=\"hh:mm\"\n [hourFormat]=\"'12'\"\n inputId=\"timeonly\"\n [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n ></p-calendar>\n </div>\n </div>\n\n </form>\n <div class=\"flex mt-3 align-items-center gap-3\">\n <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n <button\n pButton\n icon=\"pi pi-arrow-left\"\n type=\"submit\"\n (click)=\"back()\"\n ></button>\n\n <button\n pButton\n icon=\"pi pi-arrow-right\"\n (click)=\"sendForm()\"\n ></button>\n </div>\n </div>\n</div>\n\n<div>\n <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n <div>\n <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n </div>\n</div>\n\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"] }]
|
|
6585
|
+
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { completed: [{
|
|
6319
6586
|
type: Output
|
|
6320
6587
|
}] } });
|
|
6321
6588
|
|
|
6322
|
-
class CodSelfFormStepThreeComponent {
|
|
6589
|
+
class CodSelfFormStepThreeComponent extends CodSelfManagedSteps {
|
|
6590
|
+
constructor() {
|
|
6591
|
+
super();
|
|
6592
|
+
}
|
|
6323
6593
|
}
|
|
6324
6594
|
CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6325
|
-
CodSelfFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", ngImport: i0, template: "<span>step 3</span>\n", styles: [""] });
|
|
6595
|
+
CodSelfFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", usesInheritance: true, ngImport: i0, template: "<span>step 3</span>\n", styles: [""] });
|
|
6326
6596
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, decorators: [{
|
|
6327
6597
|
type: Component,
|
|
6328
6598
|
args: [{ selector: 'app-cod-self-form-step-three', template: "<span>step 3</span>\n" }]
|
|
6329
|
-
}] });
|
|
6599
|
+
}], ctorParameters: function () { return []; } });
|
|
6330
6600
|
|
|
6331
6601
|
class CodSelfFormStepFourComponent {
|
|
6332
6602
|
}
|
|
@@ -6380,7 +6650,9 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
6380
6650
|
ReactiveFormsModule,
|
|
6381
6651
|
StepsModule,
|
|
6382
6652
|
FormsModule,
|
|
6383
|
-
ButtonModule
|
|
6653
|
+
ButtonModule,
|
|
6654
|
+
// ToastModule
|
|
6655
|
+
CalendarModule], exports: [CodSelfManagedComponent,
|
|
6384
6656
|
CodSelfFormStepOneComponent,
|
|
6385
6657
|
CodSelfFormStepTwoComponent,
|
|
6386
6658
|
CodSelfFormStepThreeComponent,
|
|
@@ -6390,7 +6662,9 @@ codSelfManagedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
|
|
|
6390
6662
|
ReactiveFormsModule,
|
|
6391
6663
|
StepsModule,
|
|
6392
6664
|
FormsModule,
|
|
6393
|
-
ButtonModule
|
|
6665
|
+
ButtonModule,
|
|
6666
|
+
// ToastModule
|
|
6667
|
+
CalendarModule] });
|
|
6394
6668
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, decorators: [{
|
|
6395
6669
|
type: NgModule,
|
|
6396
6670
|
args: [{
|
|
@@ -6400,7 +6674,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
6400
6674
|
ReactiveFormsModule,
|
|
6401
6675
|
StepsModule,
|
|
6402
6676
|
FormsModule,
|
|
6403
|
-
ButtonModule
|
|
6677
|
+
ButtonModule,
|
|
6678
|
+
// ToastModule
|
|
6679
|
+
CalendarModule
|
|
6404
6680
|
],
|
|
6405
6681
|
declarations: [
|
|
6406
6682
|
CodSelfManagedComponent,
|
|
@@ -6595,5 +6871,5 @@ class IUserFullDataRs {
|
|
|
6595
6871
|
* Generated bundle index. Do not edit.
|
|
6596
6872
|
*/
|
|
6597
6873
|
|
|
6598
|
-
export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CodSelfFormStepFourComponent, CodSelfFormStepOneComponent, CodSelfFormStepThreeComponent, CodSelfFormStepTwoComponent, CodSelfManagedComponent, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, IUnitNameClubRs, IUserFullDataRs, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LoginFormComponent, MarketingService, NotesService, ParameterService, PlacementService, QuestionTypeComponent, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, codSelfManagedModule, validateCoupunts };
|
|
6874
|
+
export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CodSelfFormStepFourComponent, CodSelfFormStepOneComponent, CodSelfFormStepThreeComponent, CodSelfFormStepTwoComponent, CodSelfManagedComponent, CodSelfManagedControls, CodSelfManagedSteps, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, IUnitNameClubRs, IUserFullDataRs, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LocalStorageCodSelfMaganedService, LoginFormComponent, MarketingService, NotesService, ParameterService, PlacementService, QuestionTypeComponent, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, codSelfManagedModule, validateCoupunts };
|
|
6599
6875
|
//# sourceMappingURL=iptdevs-design-system.mjs.map
|