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
|
}
|
|
@@ -5562,8 +5564,13 @@ class BudgetService extends IPTGeneralService {
|
|
|
5562
5564
|
this.generateRequestParams(params);
|
|
5563
5565
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
5564
5566
|
}
|
|
5567
|
+
// AssingCourse(params: any): Observable<any> {
|
|
5568
|
+
// let serviceUrl = this.SERVICE_URL + 'post/course/by/code/user/budget/assign';
|
|
5569
|
+
// this.generateRequestParams(params);
|
|
5570
|
+
// return this.http.post(serviceUrl, this.httpOptions);
|
|
5571
|
+
// }
|
|
5565
5572
|
AssingCourse(params) {
|
|
5566
|
-
let serviceUrl = this.SERVICE_URL + '
|
|
5573
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/course/assign/detail/by/adviser/budget';
|
|
5567
5574
|
this.generateRequestParams(params);
|
|
5568
5575
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
5569
5576
|
}
|
|
@@ -5656,6 +5663,21 @@ class BudgetService extends IPTGeneralService {
|
|
|
5656
5663
|
this.generateRequestParams(param);
|
|
5657
5664
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
5658
5665
|
}
|
|
5666
|
+
obtainCodAndStatusApprovedLevelByGroup(param) {
|
|
5667
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/student/status/approved/by/group';
|
|
5668
|
+
this.generateRequestParams(param);
|
|
5669
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5670
|
+
}
|
|
5671
|
+
obtainStudentPaymentTransactionHistoryByCourse(param) {
|
|
5672
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/student/payment/transaction/history/by/course';
|
|
5673
|
+
this.generateRequestParams(param);
|
|
5674
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5675
|
+
}
|
|
5676
|
+
obtainPaymentTransactionHistoryByCod(param) {
|
|
5677
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/payment/transaction/history/by/cod';
|
|
5678
|
+
this.generateRequestParams(param);
|
|
5679
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5680
|
+
}
|
|
5659
5681
|
}
|
|
5660
5682
|
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
5683
|
BudgetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BudgetService, providedIn: 'root' });
|
|
@@ -5901,6 +5923,11 @@ class AcademicService extends IPTGeneralService {
|
|
|
5901
5923
|
this.generateRequestParams(params);
|
|
5902
5924
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
5903
5925
|
}
|
|
5926
|
+
obtainAllCodAirByCourse(params) {
|
|
5927
|
+
let serviceUrl = this.SERVICE_URL + 'obtain/all/cod/air/by/course';
|
|
5928
|
+
this.generateRequestParams(params);
|
|
5929
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
5930
|
+
}
|
|
5904
5931
|
}
|
|
5905
5932
|
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 });
|
|
5906
5933
|
AcademicService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AcademicService, providedIn: 'root' });
|
|
@@ -5999,6 +6026,10 @@ class AttendanceService extends IPTGeneralService {
|
|
|
5999
6026
|
this.generateRequestParams(params);
|
|
6000
6027
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
6001
6028
|
}
|
|
6029
|
+
exportExcelAttendance(codeStudent) {
|
|
6030
|
+
let serviceUrl = this.SERVICE_URL + 'dowload/excel/attendances/students/by/course/' + codeStudent;
|
|
6031
|
+
return this.http.get(serviceUrl);
|
|
6032
|
+
}
|
|
6002
6033
|
}
|
|
6003
6034
|
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 });
|
|
6004
6035
|
AttendanceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AttendanceService, providedIn: 'root' });
|
|
@@ -6114,18 +6145,197 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
6114
6145
|
}]
|
|
6115
6146
|
}] });
|
|
6116
6147
|
|
|
6117
|
-
class
|
|
6118
|
-
constructor(
|
|
6148
|
+
class CodSelfManagedControls {
|
|
6149
|
+
constructor() {
|
|
6150
|
+
this.controls = [
|
|
6151
|
+
[
|
|
6152
|
+
{ name: 'birthdate', required: true, description: 'Fecha de nacimiento del estudiante' },
|
|
6153
|
+
{ name: 'country', required: true, description: 'País' },
|
|
6154
|
+
{ name: 'state', required: true, description: 'Departamento o estado' },
|
|
6155
|
+
{ name: 'city', required: true, description: 'Ciudad de residencia' },
|
|
6156
|
+
{ name: 'student_id_card_type', required: true, description: 'Tipo de documento del estudiante' },
|
|
6157
|
+
{ name: 'student_id_card', required: true, description: 'Documento del estudiante' },
|
|
6158
|
+
{ name: 'student_last_name', required: true, description: 'Apellidos del estudiante' },
|
|
6159
|
+
{ name: 'student_name', required: true, description: 'Nombres del estudiante' },
|
|
6160
|
+
{ name: 'gender', required: true, description: 'Género' },
|
|
6161
|
+
{ name: 'student_email', required: true, description: 'Correo del estudiante' },
|
|
6162
|
+
{ name: 'student_phone_indicative', required: true, description: 'Indicativo del estudiante' },
|
|
6163
|
+
{ name: 'student_phone_number', required: true, description: 'Teléfono del estudiante' },
|
|
6164
|
+
// { name: 'student_address', required: true, description: 'Dirección del estudiante' },
|
|
6165
|
+
// { name: 'nickname', required: true, description: 'Alias o nickname' },
|
|
6166
|
+
// { name: 'age', required: true, description: 'Edad' },
|
|
6167
|
+
// { name: 'student_occupation', required: true, description: 'Ocupación del estudiante' },
|
|
6168
|
+
// { name: 'stratum', required: true, description: 'Estrato del estudiante' },
|
|
6169
|
+
// { name: 'grade', required: true, description: 'Grado del estudiante' },
|
|
6170
|
+
// { name: 'civil_status', required: true, description: 'Estado civil del estudiante' },
|
|
6171
|
+
// { name: 'password', required: true, description: 'Contraseña del estudiante' },
|
|
6172
|
+
// { name: 're_password', required: true, description: 'Confirmación de contraseña' },
|
|
6173
|
+
],
|
|
6174
|
+
[
|
|
6175
|
+
{ name: 'schedule', required: true, description: 'horario requerido' },
|
|
6176
|
+
// { name: 'academic_plan', required: true, description: 'Plan académico' },
|
|
6177
|
+
// { name: 'course_type', required: true, description: 'Tipo de curso' },
|
|
6178
|
+
// { name: 'agreement_by_category', required: true, description: 'Convenio' },
|
|
6179
|
+
// { name: 'english_level', required: true, description: 'Nivel de inglés' },
|
|
6180
|
+
// { name: 'availible_courses', required: false, description: 'Cursos disponibles' },
|
|
6181
|
+
// { name: 'course_modality', required: false, description: 'Modalidad del curso' },
|
|
6182
|
+
],
|
|
6183
|
+
// [
|
|
6184
|
+
// { name: 'parent_id_card_type', required: true, description: 'Tipo de documento del acudiente' },
|
|
6185
|
+
// { name: 'parent_id_card', required: true, description: 'Documento del acudiente' },
|
|
6186
|
+
// { name: 'parent_last_name', required: true, description: 'Apellidos del acudiente' },
|
|
6187
|
+
// { name: 'parent_name', required: true, description: 'Nombres del acudiente' },
|
|
6188
|
+
// { name: 'needAtendant', required: true, description: '¿Requiere acudiente?' },
|
|
6189
|
+
// { name: 'parent_phone_indicative', required: true, description: 'Indicativo del acudiente' },
|
|
6190
|
+
// { name: 'parent_occupation', required: true, description: 'Ocupación del acudiente' },
|
|
6191
|
+
// { name: 'parent_address', required: true, description: 'Dirección del acudiente' },
|
|
6192
|
+
// { name: 'parent_phone_number', required: true, description: 'Teléfono del acudiente' }
|
|
6193
|
+
// ],
|
|
6194
|
+
[
|
|
6195
|
+
{ name: 'payment_date', required: true, description: 'Fecha de pago' },
|
|
6196
|
+
{ name: 'program_price', required: true, description: 'Valor total del programa' },
|
|
6197
|
+
{ name: 'payment_method', required: true, description: 'Método de pago' },
|
|
6198
|
+
{ name: 'quota_times', required: true, description: 'Cantidad de cuotas' },
|
|
6199
|
+
{ name: 'total_price', required: true, description: 'Precio total de la matricula' },
|
|
6200
|
+
{ name: 'paid_level', required: true, description: 'Niveles pagos' },
|
|
6201
|
+
],
|
|
6202
|
+
// [
|
|
6203
|
+
// { name: 'marketing_reasons', required: true, description: '¿Cómo se enteró del programa?' },
|
|
6204
|
+
// { name: 'observation', required: false, description: 'Observación' },
|
|
6205
|
+
// { name: 'study_reasons', required: true, description: 'Motivo' },
|
|
6206
|
+
// { name: 'terms', required: true, description: 'Términos y condiciones' },
|
|
6207
|
+
// { name: 'disability', required: false, description: 'Discapacidad' },
|
|
6208
|
+
// { name: 'multiculturalism_1', required: false, description: 'Multiculturalismo' },
|
|
6209
|
+
// { name: 'multiculturalism_2', required: false, description: 'Multiculturalismo' },
|
|
6210
|
+
// { name: 'multiculturalism_3', required: false, description: 'Multiculturalismo' },
|
|
6211
|
+
// { name: 'multiculturalism_4', required: false, description: 'Multiculturalismo' },
|
|
6212
|
+
// { name: 'multiculturalism_5', required: false, description: 'Multiculturalismo' },
|
|
6213
|
+
// { name: 'multiculturalism_6', required: false, description: 'Multiculturalismo' },
|
|
6214
|
+
// { name: 'health_regimen', required: true, description: 'Régimen de salud' },
|
|
6215
|
+
// { name: 'code_refers', required: true, description: 'Refiere' },
|
|
6216
|
+
// { name: 'code_cod', required: false, description: 'Codigo Cod' }
|
|
6217
|
+
// ],
|
|
6218
|
+
];
|
|
6219
|
+
this.$controls = new BehaviorSubject([]);
|
|
6220
|
+
this.$controls.next(this.controls);
|
|
6221
|
+
}
|
|
6222
|
+
getControlValues() {
|
|
6223
|
+
return this.$controls.asObservable();
|
|
6224
|
+
}
|
|
6225
|
+
// Cambiar los valores de los controls, ejemplo: true y false del checkbox
|
|
6226
|
+
changeValue(step, controlName, newValue) {
|
|
6227
|
+
const controls = { ...this.controls };
|
|
6228
|
+
let control = controls[step - 1].filter(element => element.name === controlName);
|
|
6229
|
+
control[0].required = newValue;
|
|
6230
|
+
this.$controls.next(controls);
|
|
6231
|
+
}
|
|
6232
|
+
}
|
|
6233
|
+
CodSelfManagedControls.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedControls, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6234
|
+
CodSelfManagedControls.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedControls, providedIn: 'root' });
|
|
6235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedControls, decorators: [{
|
|
6236
|
+
type: Injectable,
|
|
6237
|
+
args: [{
|
|
6238
|
+
providedIn: 'root'
|
|
6239
|
+
}]
|
|
6240
|
+
}], ctorParameters: function () { return []; } });
|
|
6241
|
+
|
|
6242
|
+
class LocalStorageCodSelfMaganedService {
|
|
6243
|
+
constructor() { }
|
|
6244
|
+
getCodFormData(step, control) {
|
|
6245
|
+
if (step === 1)
|
|
6246
|
+
return localStorage.getItem(`COD SELF - step1(${control})`);
|
|
6247
|
+
if (step === 2)
|
|
6248
|
+
return localStorage.getItem(`COD SELF - step2(${control})`);
|
|
6249
|
+
if (step === 3)
|
|
6250
|
+
return localStorage.getItem(`COD SELF - step3(${control})`);
|
|
6251
|
+
if (step === 4)
|
|
6252
|
+
return localStorage.getItem(`COD SELF - step4(${control})`);
|
|
6253
|
+
return null;
|
|
6254
|
+
}
|
|
6255
|
+
setCodFormData(step, control, value) {
|
|
6256
|
+
if (step === 1)
|
|
6257
|
+
localStorage.setItem(`COD SELF - step1(${control})`, value);
|
|
6258
|
+
if (step === 2)
|
|
6259
|
+
localStorage.setItem(`COD SELF - step2(${control})`, value);
|
|
6260
|
+
if (step === 3)
|
|
6261
|
+
localStorage.setItem(`COD SELF - step3(${control})`, value);
|
|
6262
|
+
if (step === 4)
|
|
6263
|
+
localStorage.setItem(`COD SELF - step4(${control})`, value);
|
|
6264
|
+
}
|
|
6265
|
+
clearData() {
|
|
6266
|
+
let keySessionUser = '606a7d4e73650b75ebb06972e77d6cc4';
|
|
6267
|
+
let sessionUser = localStorage.getItem(keySessionUser);
|
|
6268
|
+
localStorage.clear();
|
|
6269
|
+
if (sessionUser !== null) {
|
|
6270
|
+
localStorage.setItem(keySessionUser, sessionUser);
|
|
6271
|
+
}
|
|
6272
|
+
else {
|
|
6273
|
+
console.log('raro que no haya sesion');
|
|
6274
|
+
}
|
|
6275
|
+
}
|
|
6276
|
+
}
|
|
6277
|
+
LocalStorageCodSelfMaganedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LocalStorageCodSelfMaganedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6278
|
+
LocalStorageCodSelfMaganedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LocalStorageCodSelfMaganedService, providedIn: 'root' });
|
|
6279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LocalStorageCodSelfMaganedService, decorators: [{
|
|
6280
|
+
type: Injectable,
|
|
6281
|
+
args: [{
|
|
6282
|
+
providedIn: 'root'
|
|
6283
|
+
}]
|
|
6284
|
+
}], ctorParameters: function () { return []; } });
|
|
6285
|
+
|
|
6286
|
+
class CodSelfManagedSteps {
|
|
6287
|
+
constructor() {
|
|
6288
|
+
this.localStorageCOD = new LocalStorageCodSelfMaganedService();
|
|
6289
|
+
}
|
|
6290
|
+
readAndWriteLS(step, control) {
|
|
6291
|
+
if (this.localStorageCOD.getCodFormData(step, control)) {
|
|
6292
|
+
const value = this.localStorageCOD.getCodFormData(step, control);
|
|
6293
|
+
return { control, value };
|
|
6294
|
+
}
|
|
6295
|
+
else {
|
|
6296
|
+
return { control, value: '' };
|
|
6297
|
+
}
|
|
6298
|
+
}
|
|
6299
|
+
setDataInLocalStorage(step, control, value) {
|
|
6300
|
+
this.localStorageCOD.setCodFormData(step, control, value);
|
|
6301
|
+
}
|
|
6302
|
+
listenFormChanges(step, control, obs) {
|
|
6303
|
+
obs.subscribe(value => {
|
|
6304
|
+
this.setDataInLocalStorage(step, control, value);
|
|
6305
|
+
});
|
|
6306
|
+
}
|
|
6307
|
+
resetLocalStorage(controls) {
|
|
6308
|
+
controls.forEach(control => {
|
|
6309
|
+
localStorage.removeItem(control.name);
|
|
6310
|
+
});
|
|
6311
|
+
}
|
|
6312
|
+
}
|
|
6313
|
+
|
|
6314
|
+
class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
|
|
6315
|
+
constructor(fb, parameterService, cdRef) {
|
|
6316
|
+
super();
|
|
6119
6317
|
this.fb = fb;
|
|
6120
6318
|
this.parameterService = parameterService;
|
|
6319
|
+
this.cdRef = cdRef;
|
|
6121
6320
|
this.completed = new EventEmitter();
|
|
6122
6321
|
this.genders = [];
|
|
6123
6322
|
this.errorMessage = 'Faltan campos por llenar.';
|
|
6323
|
+
this.controls = new CodSelfManagedControls().controls[0];
|
|
6124
6324
|
}
|
|
6125
6325
|
ngOnInit() {
|
|
6126
|
-
this.initForm();
|
|
6127
6326
|
this.getParameters();
|
|
6128
|
-
|
|
6327
|
+
}
|
|
6328
|
+
ngOnChanges(changes) {
|
|
6329
|
+
this.initForm();
|
|
6330
|
+
this.startLocalStorageWork();
|
|
6331
|
+
if (changes['user']) {
|
|
6332
|
+
if (this.user != null) {
|
|
6333
|
+
this.setDataUsers();
|
|
6334
|
+
this.cdRef.detectChanges();
|
|
6335
|
+
}
|
|
6336
|
+
else {
|
|
6337
|
+
}
|
|
6338
|
+
}
|
|
6129
6339
|
}
|
|
6130
6340
|
initForm() {
|
|
6131
6341
|
this.codSelfFormStepOne = this.fb.group({
|
|
@@ -6138,6 +6348,9 @@ class CodSelfFormStepOneComponent {
|
|
|
6138
6348
|
country: ['', [Validators.required], []],
|
|
6139
6349
|
state: ['', [Validators.required], []],
|
|
6140
6350
|
city: ['', [Validators.required], []],
|
|
6351
|
+
student_email: ['', [Validators.required, Validators.email]],
|
|
6352
|
+
student_phone_indicative: ['', [Validators.required], []],
|
|
6353
|
+
student_phone_number: ['', [Validators.required, Validators.minLength(8), Validators.maxLength(15)]],
|
|
6141
6354
|
});
|
|
6142
6355
|
// Calcular edad y setear valor
|
|
6143
6356
|
this.codSelfFormStepOne.controls['birthdate'].valueChanges.subscribe({
|
|
@@ -6158,7 +6371,7 @@ class CodSelfFormStepOneComponent {
|
|
|
6158
6371
|
else {
|
|
6159
6372
|
this.codSelfFormStepOne.controls['birthdate'].setErrors(null);
|
|
6160
6373
|
}
|
|
6161
|
-
this.codSelfFormStepOne.controls['age'].setValue(age);
|
|
6374
|
+
// this.codSelfFormStepOne.controls['age'].setValue(age);
|
|
6162
6375
|
}
|
|
6163
6376
|
});
|
|
6164
6377
|
}
|
|
@@ -6189,15 +6402,18 @@ class CodSelfFormStepOneComponent {
|
|
|
6189
6402
|
});
|
|
6190
6403
|
}
|
|
6191
6404
|
setDataUsers() {
|
|
6192
|
-
this.codSelfFormStepOne.controls['student_name'].setValue(this.user.name
|
|
6193
|
-
this.codSelfFormStepOne.controls['student_last_name'].setValue(this.user.last_name
|
|
6194
|
-
this.codSelfFormStepOne.controls['student_id_card_type'].setValue(this.user.id_card_type
|
|
6195
|
-
this.codSelfFormStepOne.controls['student_id_card'].setValue(this.user.id_card
|
|
6405
|
+
this.codSelfFormStepOne.controls['student_name'].setValue(this.user.name);
|
|
6406
|
+
this.codSelfFormStepOne.controls['student_last_name'].setValue(this.user.last_name);
|
|
6407
|
+
this.codSelfFormStepOne.controls['student_id_card_type'].setValue(this.user.id_card_type);
|
|
6408
|
+
this.codSelfFormStepOne.controls['student_id_card'].setValue(this.user.id_card);
|
|
6196
6409
|
this.codSelfFormStepOne.controls['country'].setValue(this.user.city[0]?.country != (1 || null) ? this.user.city[0]?.country : null);
|
|
6197
6410
|
this.codSelfFormStepOne.controls['state'].setValue(this.user.city[0]?.state != (33 || null) ? this.user.city[0]?.state : null);
|
|
6198
6411
|
this.codSelfFormStepOne.controls['city'].setValue(this.user.city[0]?.code != (1 || null) ? this.user.city[0]?.code : null);
|
|
6199
|
-
this.codSelfFormStepOne.controls['gender'].setValue(this.user.gender
|
|
6200
|
-
this.codSelfFormStepOne.controls['birthdate'].setValue(this.user.birthdate
|
|
6412
|
+
this.codSelfFormStepOne.controls['gender'].setValue(this.user.gender);
|
|
6413
|
+
this.codSelfFormStepOne.controls['birthdate'].setValue(this.user.birthdate);
|
|
6414
|
+
this.codSelfFormStepOne.controls['student_email'].setValue(this.user.email);
|
|
6415
|
+
this.codSelfFormStepOne.controls['student_phone_indicative'].setValue(this.user.phone_indicative);
|
|
6416
|
+
this.codSelfFormStepOne.controls['student_phone_number'].setValue(this.user.phone_number);
|
|
6201
6417
|
}
|
|
6202
6418
|
selectCountry(country) {
|
|
6203
6419
|
let iso = '';
|
|
@@ -6213,7 +6429,7 @@ class CodSelfFormStepOneComponent {
|
|
|
6213
6429
|
this.codSelfFormStepOne.controls['country'].setValue(country);
|
|
6214
6430
|
this.parameterService.getStatesByCountry(iso).subscribe((response) => {
|
|
6215
6431
|
this.states = response.data;
|
|
6216
|
-
|
|
6432
|
+
this.selectState(this.localStorageCOD.getCodFormData(2, 'state'));
|
|
6217
6433
|
});
|
|
6218
6434
|
}
|
|
6219
6435
|
else {
|
|
@@ -6223,8 +6439,8 @@ class CodSelfFormStepOneComponent {
|
|
|
6223
6439
|
}
|
|
6224
6440
|
selectState(state) {
|
|
6225
6441
|
if (state !== 'Departamento o estado') {
|
|
6226
|
-
this.codSelfFormStepOne.controls['state'].setValue(state);
|
|
6227
6442
|
this.getState(state);
|
|
6443
|
+
this.codSelfFormStepOne.controls['state'].setValue(state);
|
|
6228
6444
|
}
|
|
6229
6445
|
else {
|
|
6230
6446
|
this.codSelfFormStepOne.controls['state'].setValue(null);
|
|
@@ -6256,6 +6472,14 @@ class CodSelfFormStepOneComponent {
|
|
|
6256
6472
|
this.codSelfFormStepOne.controls['gender'].setValue(null);
|
|
6257
6473
|
}
|
|
6258
6474
|
}
|
|
6475
|
+
selectIndicatives(indicative) {
|
|
6476
|
+
if (indicative !== 'Indicativo') {
|
|
6477
|
+
this.codSelfFormStepOne.controls['student_phone_indicative'].setValue(indicative);
|
|
6478
|
+
}
|
|
6479
|
+
else {
|
|
6480
|
+
this.codSelfFormStepOne.controls['student_phone_indicative'].setValue(null);
|
|
6481
|
+
}
|
|
6482
|
+
}
|
|
6259
6483
|
sendForm() {
|
|
6260
6484
|
this.codSelfFormStepOne.markAllAsTouched();
|
|
6261
6485
|
if (this.codSelfFormStepOne.invalid)
|
|
@@ -6269,53 +6493,99 @@ class CodSelfFormStepOneComponent {
|
|
|
6269
6493
|
getCity(state) {
|
|
6270
6494
|
this.parameterService.getCitiesByState(state).subscribe((response) => {
|
|
6271
6495
|
this.cities = response.data;
|
|
6272
|
-
|
|
6496
|
+
this.selectCity(this.localStorageCOD.getCodFormData(1, 'city'));
|
|
6497
|
+
});
|
|
6498
|
+
}
|
|
6499
|
+
startLocalStorageWork() {
|
|
6500
|
+
this.controls.forEach(control => {
|
|
6501
|
+
let localStorageValue = this.readAndWriteLS(1, control.name);
|
|
6502
|
+
this.codSelfFormStepOne.controls[control.name].setValue(localStorageValue.value);
|
|
6503
|
+
this.listenFormChanges(1, control.name, this.codSelfFormStepOne.controls[control.name].valueChanges);
|
|
6273
6504
|
});
|
|
6274
6505
|
}
|
|
6506
|
+
showConfirm() {
|
|
6507
|
+
// if (!this.visible) {
|
|
6508
|
+
// this.messageService.add({ key: 'confirm', sticky: true, severity: 'success', summary: 'Can you send me the report?' });
|
|
6509
|
+
// this.visible = true;
|
|
6510
|
+
// }
|
|
6511
|
+
}
|
|
6275
6512
|
}
|
|
6276
|
-
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 });
|
|
6277
|
-
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"] }] });
|
|
6513
|
+
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 });
|
|
6514
|
+
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" }] });
|
|
6278
6515
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
|
|
6279
6516
|
type: Component,
|
|
6280
|
-
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"] }]
|
|
6281
|
-
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }]; }, propDecorators: { user: [{
|
|
6517
|
+
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"] }]
|
|
6518
|
+
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { user: [{
|
|
6282
6519
|
type: Input
|
|
6283
6520
|
}], completed: [{
|
|
6284
6521
|
type: Output
|
|
6285
6522
|
}] } });
|
|
6286
6523
|
|
|
6287
|
-
class CodSelfFormStepTwoComponent {
|
|
6288
|
-
constructor() {
|
|
6524
|
+
class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
|
|
6525
|
+
constructor(fb, cdRef) {
|
|
6526
|
+
super();
|
|
6527
|
+
this.fb = fb;
|
|
6528
|
+
this.cdRef = cdRef;
|
|
6289
6529
|
this.completed = new EventEmitter();
|
|
6530
|
+
this.controls = new CodSelfManagedControls().controls[1];
|
|
6531
|
+
}
|
|
6532
|
+
ngOnInit() {
|
|
6533
|
+
this.initForm();
|
|
6534
|
+
this.startLocalStorageWork();
|
|
6535
|
+
}
|
|
6536
|
+
ngOnChanges() {
|
|
6537
|
+
// this.initForm();
|
|
6538
|
+
// this.startLocalStorageWork();
|
|
6539
|
+
}
|
|
6540
|
+
initForm() {
|
|
6541
|
+
this.codSelfFormStepTwo = this.fb.group({
|
|
6542
|
+
schedule: ['', [Validators.required]],
|
|
6543
|
+
// academic_plan: ['', [Validators.required]],
|
|
6544
|
+
// course_type:['', [Validators.required]],
|
|
6545
|
+
// agreement_by_category: ['', [Validators.required],],
|
|
6546
|
+
// english_level: [{value: '', disabled: true}, [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
|
|
6547
|
+
// availible_courses: ['', [Validators.required]],
|
|
6548
|
+
// course_modality: ['', [Validators.required],],
|
|
6549
|
+
});
|
|
6290
6550
|
}
|
|
6291
6551
|
back() {
|
|
6292
6552
|
// Movernos al paso anterior
|
|
6293
6553
|
this.completed.emit(0);
|
|
6294
6554
|
}
|
|
6295
6555
|
sendForm() {
|
|
6296
|
-
// this.
|
|
6297
|
-
// if (this.
|
|
6556
|
+
// this.codSelfFormStepTwo.markAllAsTouched();
|
|
6557
|
+
// if (this.codSelfFormStepTwo.invalid) return;
|
|
6298
6558
|
// Movernos al paso 3
|
|
6299
6559
|
this.completed.emit(2);
|
|
6300
6560
|
}
|
|
6561
|
+
startLocalStorageWork() {
|
|
6562
|
+
this.controls.forEach(control => {
|
|
6563
|
+
let localStorageValue = this.readAndWriteLS(2, control.name);
|
|
6564
|
+
this.codSelfFormStepTwo.controls[control.name].setValue(localStorageValue.value);
|
|
6565
|
+
this.listenFormChanges(2, control.name, this.codSelfFormStepTwo.controls[control.name].valueChanges);
|
|
6566
|
+
});
|
|
6567
|
+
}
|
|
6301
6568
|
}
|
|
6302
|
-
CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6303
|
-
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>
|
|
6569
|
+
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 });
|
|
6570
|
+
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" }] });
|
|
6304
6571
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
|
|
6305
6572
|
type: Component,
|
|
6306
|
-
args: [{ selector: 'app-cod-self-form-step-two', template: "<span>
|
|
6307
|
-
}], propDecorators: { completed: [{
|
|
6573
|
+
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"] }]
|
|
6574
|
+
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { completed: [{
|
|
6308
6575
|
type: Output
|
|
6309
6576
|
}] } });
|
|
6310
6577
|
|
|
6311
|
-
class CodSelfFormStepThreeComponent {
|
|
6578
|
+
class CodSelfFormStepThreeComponent extends CodSelfManagedSteps {
|
|
6579
|
+
constructor() {
|
|
6580
|
+
super();
|
|
6581
|
+
}
|
|
6312
6582
|
}
|
|
6313
6583
|
CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6314
|
-
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: [""] });
|
|
6584
|
+
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: [""] });
|
|
6315
6585
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, decorators: [{
|
|
6316
6586
|
type: Component,
|
|
6317
6587
|
args: [{ selector: 'app-cod-self-form-step-three', template: "<span>step 3</span>\n" }]
|
|
6318
|
-
}] });
|
|
6588
|
+
}], ctorParameters: function () { return []; } });
|
|
6319
6589
|
|
|
6320
6590
|
class CodSelfFormStepFourComponent {
|
|
6321
6591
|
}
|
|
@@ -6369,7 +6639,9 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
6369
6639
|
ReactiveFormsModule,
|
|
6370
6640
|
StepsModule,
|
|
6371
6641
|
FormsModule,
|
|
6372
|
-
ButtonModule
|
|
6642
|
+
ButtonModule,
|
|
6643
|
+
// ToastModule
|
|
6644
|
+
CalendarModule], exports: [CodSelfManagedComponent,
|
|
6373
6645
|
CodSelfFormStepOneComponent,
|
|
6374
6646
|
CodSelfFormStepTwoComponent,
|
|
6375
6647
|
CodSelfFormStepThreeComponent,
|
|
@@ -6379,7 +6651,9 @@ codSelfManagedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
|
|
|
6379
6651
|
ReactiveFormsModule,
|
|
6380
6652
|
StepsModule,
|
|
6381
6653
|
FormsModule,
|
|
6382
|
-
ButtonModule
|
|
6654
|
+
ButtonModule,
|
|
6655
|
+
// ToastModule
|
|
6656
|
+
CalendarModule] });
|
|
6383
6657
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, decorators: [{
|
|
6384
6658
|
type: NgModule,
|
|
6385
6659
|
args: [{
|
|
@@ -6389,7 +6663,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
6389
6663
|
ReactiveFormsModule,
|
|
6390
6664
|
StepsModule,
|
|
6391
6665
|
FormsModule,
|
|
6392
|
-
ButtonModule
|
|
6666
|
+
ButtonModule,
|
|
6667
|
+
// ToastModule
|
|
6668
|
+
CalendarModule
|
|
6393
6669
|
],
|
|
6394
6670
|
declarations: [
|
|
6395
6671
|
CodSelfManagedComponent,
|
|
@@ -6584,5 +6860,5 @@ class IUserFullDataRs {
|
|
|
6584
6860
|
* Generated bundle index. Do not edit.
|
|
6585
6861
|
*/
|
|
6586
6862
|
|
|
6587
|
-
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 };
|
|
6863
|
+
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 };
|
|
6588
6864
|
//# sourceMappingURL=iptdevs-design-system.mjs.map
|