iptdevs-design-system 3.1.84 → 3.1.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/cod/cod.module.mjs +8 -5
- package/esm2020/lib/cod/modal-referred/modal-referred.component.mjs +80 -0
- package/esm2020/lib/cod/steps/cod-form-step-five/cod-form-step-five.component.mjs +27 -3
- package/esm2020/lib/components/atoms/text-link/text-link.component.mjs +2 -2
- package/fesm2015/iptdevs-design-system.mjs +103 -7
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +103 -7
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/cod/cod.module.d.ts +10 -9
- package/lib/cod/modal-referred/modal-referred.component.d.ts +26 -0
- package/lib/cod/steps/cod-form-step-five/cod-form-step-five.component.d.ts +4 -0
- package/package.json +1 -1
|
@@ -696,7 +696,7 @@ TextLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
|
|
|
696
696
|
{{text}}
|
|
697
697
|
</p>
|
|
698
698
|
</a>
|
|
699
|
-
`, isInline: true, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff
|
|
699
|
+
`, isInline: true, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] });
|
|
700
700
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TextLinkComponent, decorators: [{
|
|
701
701
|
type: Component,
|
|
702
702
|
args: [{ selector: 'ipt-text-link', template: `
|
|
@@ -706,7 +706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
706
706
|
{{text}}
|
|
707
707
|
</p>
|
|
708
708
|
</a>
|
|
709
|
-
`, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff
|
|
709
|
+
`, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] }]
|
|
710
710
|
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
711
711
|
type: Input
|
|
712
712
|
}], blank: [{
|
|
@@ -4046,6 +4046,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
4046
4046
|
type: Output
|
|
4047
4047
|
}] } });
|
|
4048
4048
|
|
|
4049
|
+
class ModalReferredComponent {
|
|
4050
|
+
constructor(fb, baseService, userService) {
|
|
4051
|
+
this.fb = fb;
|
|
4052
|
+
this.baseService = baseService;
|
|
4053
|
+
this.userService = userService;
|
|
4054
|
+
this.visibility = false;
|
|
4055
|
+
this.userSelect = new EventEmitter();
|
|
4056
|
+
this.modalClose = new EventEmitter(false);
|
|
4057
|
+
this.userExists = false;
|
|
4058
|
+
this.loading = [false, false, false, false];
|
|
4059
|
+
}
|
|
4060
|
+
ngOnInit() {
|
|
4061
|
+
this.initForm();
|
|
4062
|
+
}
|
|
4063
|
+
closeModal() {
|
|
4064
|
+
this.visibility = false;
|
|
4065
|
+
this.modalClose.emit(false);
|
|
4066
|
+
}
|
|
4067
|
+
initForm() {
|
|
4068
|
+
this.searchUserForm = this.fb.group({
|
|
4069
|
+
searchUser: ['', [Validators.required, Validators.minLength(4), Validators.maxLength(30)],],
|
|
4070
|
+
});
|
|
4071
|
+
const searchUserControl = this.searchUserForm.get('searchUser');
|
|
4072
|
+
if (searchUserControl) {
|
|
4073
|
+
searchUserControl.valueChanges.subscribe((value) => {
|
|
4074
|
+
// this.modalClose.emit(false);
|
|
4075
|
+
});
|
|
4076
|
+
}
|
|
4077
|
+
}
|
|
4078
|
+
selectUser(data) {
|
|
4079
|
+
this.userSelect.emit(data);
|
|
4080
|
+
}
|
|
4081
|
+
load(index, form) {
|
|
4082
|
+
this.loading[index] = true;
|
|
4083
|
+
setTimeout(() => (this.loading[index] = false), 1000);
|
|
4084
|
+
this.search(form);
|
|
4085
|
+
}
|
|
4086
|
+
search(form) {
|
|
4087
|
+
let request = {
|
|
4088
|
+
token: this.baseService.getUserToken(),
|
|
4089
|
+
param: form.value.searchUser,
|
|
4090
|
+
};
|
|
4091
|
+
this.userService.getStudent(request).subscribe((response) => {
|
|
4092
|
+
console.log(response.data);
|
|
4093
|
+
if (response.data == null) {
|
|
4094
|
+
Swal.fire({
|
|
4095
|
+
title: 'Oops...',
|
|
4096
|
+
text: 'No hay usuarios con los parámetros ingresados',
|
|
4097
|
+
icon: 'error',
|
|
4098
|
+
});
|
|
4099
|
+
}
|
|
4100
|
+
else {
|
|
4101
|
+
this.allUsers = response.data;
|
|
4102
|
+
console.log(response.data);
|
|
4103
|
+
}
|
|
4104
|
+
});
|
|
4105
|
+
}
|
|
4106
|
+
}
|
|
4107
|
+
ModalReferredComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ModalReferredComponent, deps: [{ token: i1$1.FormBuilder }, { token: BaseService }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4108
|
+
ModalReferredComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ModalReferredComponent, selector: "cod-modal-referred", inputs: { visibility: "visibility" }, outputs: { userSelect: "userSelect", modalClose: "modalClose" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n <div @fade class=\"modal_container\">\n <div class=\"header_modal\">\n <h1>Datos de quien lo refiere</h1>\n <button (click)=\"closeModal()\">x</button>\n </div>\n <div class=\"grid_container\">\n <div>\n <section\n id=\"container\"\n class=\"flex flex-column bg-white border-round-2xl animate__animated animate__fadeInUp\"\n >\n <form\n autocomplete=\"off\"\n (ngSubmit)=\"search(searchUserForm)\"\n class=\"form\"\n [formGroup]=\"searchUserForm\"\n >\n <input\n placeholder=\"Buscar por nombre, documento o tel\u00E9fono\"\n [formControl]=\"$any(searchUserForm.controls['searchUser'])\"\n type=\"text\"\n pInputText\n />\n <p-button\n type=\"submit\"\n label=\"Buscar\"\n icon=\"pi pi-search\"\n [loading]=\"loading[0]\"\n (onClick)=\"load(0, searchUserForm)\"\n ></p-button>\n </form>\n </section>\n\n <div *ngIf=\"userExists\" class=\"referrerInformation\">\n <section class=\"userList\">\n <div class=\"row1 table\">\n <table>\n <thead>\n <tr>\n <th>Documento</th>\n <th>Nombres</th>\n <th>Apellidos</th>\n <th>Email</th>\n <th>Telefono</th>\n <th>Rol</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let user of allUsers\" class=\"card1 animate__animated animate__zoomIn\" (click)=\"selectUser(user)\">\n <td>{{user['id_card']}}</td>\n <td>{{user['name']}}</td>\n <td>{{user['last_name']}}</td>\n <td>{{user['email']}}</td>\n <td>{{user['phone_number']}}</td>\n <td>{{user['role']}}</td>\n </tr>\n </tbody>\n </table>\n </div>\n </section>\n </div>\n\n </div>\n </div>\n </div>\n</main>\n", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:60%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin:auto;background-color:#fff;border-radius:6px}.header_modal{display:flex;padding:15px 15px 0;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr;padding:0 15px}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}}@media screen and (min-width: 768px){form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;justify-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}.grid_container{display:grid;grid-template-columns:1fr 250px;gap:1rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: i7$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
4109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ModalReferredComponent, decorators: [{
|
|
4110
|
+
type: Component,
|
|
4111
|
+
args: [{ selector: 'cod-modal-referred', template: "<main *ngIf=\"visibility\">\n <div @fade class=\"modal_container\">\n <div class=\"header_modal\">\n <h1>Datos de quien lo refiere</h1>\n <button (click)=\"closeModal()\">x</button>\n </div>\n <div class=\"grid_container\">\n <div>\n <section\n id=\"container\"\n class=\"flex flex-column bg-white border-round-2xl animate__animated animate__fadeInUp\"\n >\n <form\n autocomplete=\"off\"\n (ngSubmit)=\"search(searchUserForm)\"\n class=\"form\"\n [formGroup]=\"searchUserForm\"\n >\n <input\n placeholder=\"Buscar por nombre, documento o tel\u00E9fono\"\n [formControl]=\"$any(searchUserForm.controls['searchUser'])\"\n type=\"text\"\n pInputText\n />\n <p-button\n type=\"submit\"\n label=\"Buscar\"\n icon=\"pi pi-search\"\n [loading]=\"loading[0]\"\n (onClick)=\"load(0, searchUserForm)\"\n ></p-button>\n </form>\n </section>\n\n <div *ngIf=\"userExists\" class=\"referrerInformation\">\n <section class=\"userList\">\n <div class=\"row1 table\">\n <table>\n <thead>\n <tr>\n <th>Documento</th>\n <th>Nombres</th>\n <th>Apellidos</th>\n <th>Email</th>\n <th>Telefono</th>\n <th>Rol</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let user of allUsers\" class=\"card1 animate__animated animate__zoomIn\" (click)=\"selectUser(user)\">\n <td>{{user['id_card']}}</td>\n <td>{{user['name']}}</td>\n <td>{{user['last_name']}}</td>\n <td>{{user['email']}}</td>\n <td>{{user['phone_number']}}</td>\n <td>{{user['role']}}</td>\n </tr>\n </tbody>\n </table>\n </div>\n </section>\n </div>\n\n </div>\n </div>\n </div>\n</main>\n", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:60%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin:auto;background-color:#fff;border-radius:6px}.header_modal{display:flex;padding:15px 15px 0;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr;padding:0 15px}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}}@media screen and (min-width: 768px){form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;justify-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}.grid_container{display:grid;grid-template-columns:1fr 250px;gap:1rem}}\n"] }]
|
|
4112
|
+
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: BaseService }, { type: UserService }]; }, propDecorators: { visibility: [{
|
|
4113
|
+
type: Input
|
|
4114
|
+
}], userSelect: [{
|
|
4115
|
+
type: Output
|
|
4116
|
+
}], modalClose: [{
|
|
4117
|
+
type: Output
|
|
4118
|
+
}] } });
|
|
4119
|
+
|
|
4049
4120
|
class CodFormStepFiveComponent extends CodFormSteps {
|
|
4050
4121
|
constructor(fb, parameterService) {
|
|
4051
4122
|
super();
|
|
@@ -4055,6 +4126,8 @@ class CodFormStepFiveComponent extends CodFormSteps {
|
|
|
4055
4126
|
this.action = new EventEmitter();
|
|
4056
4127
|
this.errorMessage = 'Faltan campos por llenar.';
|
|
4057
4128
|
this.termsCheckboxStatus = false;
|
|
4129
|
+
this.modalVisible = false;
|
|
4130
|
+
this.visbleReferred = false;
|
|
4058
4131
|
// Controls del formulario
|
|
4059
4132
|
this.controls = new CodFormControls().controls[4];
|
|
4060
4133
|
}
|
|
@@ -4105,6 +4178,9 @@ class CodFormStepFiveComponent extends CodFormSteps {
|
|
|
4105
4178
|
multiculturalism_6: [false, []],
|
|
4106
4179
|
multiculturalism_7: [false, []],
|
|
4107
4180
|
health_regimen: ['', [Validators.required]],
|
|
4181
|
+
document_refers: [{ value: '', disabled: true }],
|
|
4182
|
+
name_refers: [{ value: '', disabled: true }],
|
|
4183
|
+
phone_refers: [{ value: '', disabled: true }],
|
|
4108
4184
|
});
|
|
4109
4185
|
this.codFormStepFive.controls['marketing_reasons'].valueChanges.subscribe(change => {
|
|
4110
4186
|
if (change === '4') {
|
|
@@ -4164,6 +4240,9 @@ class CodFormStepFiveComponent extends CodFormSteps {
|
|
|
4164
4240
|
selectMarketingReasons(marketingReasons) {
|
|
4165
4241
|
if (marketingReasons !== '¿Cómo se enteró del programa?') {
|
|
4166
4242
|
this.codFormStepFive.controls['marketing_reasons'].setValue(marketingReasons);
|
|
4243
|
+
if (marketingReasons == 1) {
|
|
4244
|
+
this.modalVisible = true;
|
|
4245
|
+
}
|
|
4167
4246
|
}
|
|
4168
4247
|
else {
|
|
4169
4248
|
this.codFormStepFive.controls['marketing_reasons'].setValue(null);
|
|
@@ -4183,17 +4262,32 @@ class CodFormStepFiveComponent extends CodFormSteps {
|
|
|
4183
4262
|
this.codFormStepFive.controls['disability'].setValue(this.initialData.aditional_information.disability);
|
|
4184
4263
|
this.codFormStepFive.controls['health_regimen'].setValue(this.initialData.aditional_information.health_regimen);
|
|
4185
4264
|
this.codFormStepFive.controls['observation'].setValue(this.initialData.aditional_information.observation);
|
|
4265
|
+
this.codFormStepFive.controls['referred_user'].setValue(this.initialData.aditional_information.referred_user);
|
|
4186
4266
|
}
|
|
4187
4267
|
cleanComponent() {
|
|
4188
4268
|
this.resetLocalStorage(this.controls);
|
|
4189
4269
|
this.codFormStepFive.reset();
|
|
4190
4270
|
}
|
|
4271
|
+
closeModal(respons) {
|
|
4272
|
+
this.modalVisible = respons;
|
|
4273
|
+
}
|
|
4274
|
+
referredUser(data) {
|
|
4275
|
+
this.codFormStepFive.controls['document_refers'].setValue(data['id_card']);
|
|
4276
|
+
this.codFormStepFive.controls['name_refers'].setValue(data['name']);
|
|
4277
|
+
this.codFormStepFive.controls['phone_refers'].setValue(data['phone_number ']);
|
|
4278
|
+
if (data) {
|
|
4279
|
+
this.visbleReferred = true;
|
|
4280
|
+
}
|
|
4281
|
+
else {
|
|
4282
|
+
this.visbleReferred = false;
|
|
4283
|
+
}
|
|
4284
|
+
}
|
|
4191
4285
|
}
|
|
4192
4286
|
CodFormStepFiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFiveComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4193
|
-
CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole", initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n <div class=\"col-12 md:col-6\">\n <ipt-select\n [control]=\"codFormStepFive.controls['marketing_reasons']\"\n [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n (eventSelect)=\"selectMarketingReasons($event)\"\n [data]=\"marketingReasons\"\n [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Discapacidad'\"\n [control]=\"codFormStepFive.controls['disability']\"\n ></ipt-input>\n </div>\n <div class=\"col-12 md:col-6\">\n <ipt-select\n [control]=\"codFormStepFive.controls['study_reasons']\"\n [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n (eventSelect)=\"selectStudyReasons($event)\"\n [data]=\"studyReasons\"\n [defaultText]=\"'Motivo'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'R\u00E9gimen de salud'\"\n [control]=\"codFormStepFive.controls['health_regimen']\"\n ></ipt-input>\n </div>\n <div class=\"col-12 mt-4\">\n <span class=\"p-float-label\">\n <textarea\n id=\"float-input\"\n rows=\"4\"\n cols=\"30\"\n pInputTextarea\n formControlName=\"observation\"\n ></textarea>\n <label for=\"float-input\">Observaciones</label>\n </span>\n <div class=\"flex flex-wrap justify-content-between gap-2\">\n <div
|
|
4287
|
+
CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole", initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n <div class=\"col-12 md:col-6\">\n <cod-modal-referred\n *ngIf=\"modalVisible\"\n [visibility]=\"modalVisible\"\n (modalClose)=\"closeModal($event)\"\n (userSelect)=\"referredUser($event)\"\n ></cod-modal-referred>\n\n <ipt-select\n [control]=\"codFormStepFive.controls['marketing_reasons']\"\n [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n (eventSelect)=\"selectMarketingReasons($event)\"\n [data]=\"marketingReasons\"\n [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Discapacidad'\"\n [control]=\"codFormStepFive.controls['disability']\"\n ></ipt-input>\n </div>\n <div class=\"col-12 md:col-6\">\n <ipt-select\n [control]=\"codFormStepFive.controls['study_reasons']\"\n [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n (eventSelect)=\"selectStudyReasons($event)\"\n [data]=\"studyReasons\"\n [defaultText]=\"'Motivo'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'R\u00E9gimen de salud'\"\n [control]=\"codFormStepFive.controls['health_regimen']\"\n ></ipt-input>\n </div>\n <div class=\"col-12 mt-4\">\n <div *ngIf=\"visbleReferred\" class=\"referred_user_data\">\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Documento'\"\n [control]=\"codFormStepFive.controls['document_refers']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codFormStepFive.controls['name_refers']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Tel\u00E9fono'\"\n [control]=\"codFormStepFive.controls['phone_refers']\"\n ></ipt-input>\n </div>\n <span class=\"p-float-label\">\n <textarea\n id=\"float-input\"\n rows=\"4\"\n cols=\"30\"\n pInputTextarea\n formControlName=\"observation\"\n ></textarea>\n <label for=\"float-input\">Observaciones</label>\n </span>\n <div class=\"flex flex-wrap justify-content-between gap-2\">\n <div\n *ngFor=\"let option of multiculturalities; index as i\"\n class=\"field-checkbox mt-4 flex align-items-center\"\n >\n <mat-checkbox\n [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n class=\"example-margin\"\n ></mat-checkbox>\n <label [for]=\"option.code\">{{ option.name }}</label>\n </div>\n </div>\n </div>\n\n <div class=\"col-12 p-4 font-bold\">\n <p>\n * El estudiante o titular se comprometen a cancelar las cuotas\n establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n para poder obtener su paz y salvo.\n </p>\n <br /><br />\n <div class=\"flex gap-2\">\n <mat-checkbox\n formControlName=\"terms\"\n class=\"example-margin\"\n ></mat-checkbox>\n <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n <p>\n DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n </p>\n </div>\n </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n <span\n *ngIf=\"\n (codFormStepFive.invalid && codFormStepFive.touched) ||\n (!termsCheckboxStatus && codFormStepFive.touched)\n \"\n class=\"\n text-red-500\n font-bold\n text-center\n mt-1\n py-2\n bg-red-100\n w-full\n border-round-xl\n \"\n >{{ errorMessage }}</span\n >\n <button\n type=\"submit\"\n class=\"ml-auto p-button-success p-button-sm\"\n (click)=\"sendForm()\"\n pButton\n [label]=\"sendFormMsg\"\n icon=\"pi pi-check\"\n ></button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i8$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: ModalReferredComponent, selector: "cod-modal-referred", inputs: ["visibility"], outputs: ["userSelect", "modalClose"] }] });
|
|
4194
4288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFiveComponent, decorators: [{
|
|
4195
4289
|
type: Component,
|
|
4196
|
-
args: [{ selector: 'app-cod-form-step-five', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n <div class=\"col-12 md:col-6\">\n <ipt-select\n [control]=\"codFormStepFive.controls['marketing_reasons']\"\n [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n (eventSelect)=\"selectMarketingReasons($event)\"\n [data]=\"marketingReasons\"\n [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Discapacidad'\"\n [control]=\"codFormStepFive.controls['disability']\"\n ></ipt-input>\n </div>\n <div class=\"col-12 md:col-6\">\n <ipt-select\n [control]=\"codFormStepFive.controls['study_reasons']\"\n [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n (eventSelect)=\"selectStudyReasons($event)\"\n [data]=\"studyReasons\"\n [defaultText]=\"'Motivo'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'R\u00E9gimen de salud'\"\n [control]=\"codFormStepFive.controls['health_regimen']\"\n ></ipt-input>\n </div>\n <div class=\"col-12 mt-4\">\n <span class=\"p-float-label\">\n <textarea\n id=\"float-input\"\n rows=\"4\"\n cols=\"30\"\n pInputTextarea\n formControlName=\"observation\"\n ></textarea>\n <label for=\"float-input\">Observaciones</label>\n </span>\n <div class=\"flex flex-wrap justify-content-between gap-2\">\n <div
|
|
4290
|
+
args: [{ selector: 'app-cod-form-step-five', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n <div class=\"col-12 md:col-6\">\n <cod-modal-referred\n *ngIf=\"modalVisible\"\n [visibility]=\"modalVisible\"\n (modalClose)=\"closeModal($event)\"\n (userSelect)=\"referredUser($event)\"\n ></cod-modal-referred>\n\n <ipt-select\n [control]=\"codFormStepFive.controls['marketing_reasons']\"\n [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n (eventSelect)=\"selectMarketingReasons($event)\"\n [data]=\"marketingReasons\"\n [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Discapacidad'\"\n [control]=\"codFormStepFive.controls['disability']\"\n ></ipt-input>\n </div>\n <div class=\"col-12 md:col-6\">\n <ipt-select\n [control]=\"codFormStepFive.controls['study_reasons']\"\n [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n (eventSelect)=\"selectStudyReasons($event)\"\n [data]=\"studyReasons\"\n [defaultText]=\"'Motivo'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'R\u00E9gimen de salud'\"\n [control]=\"codFormStepFive.controls['health_regimen']\"\n ></ipt-input>\n </div>\n <div class=\"col-12 mt-4\">\n <div *ngIf=\"visbleReferred\" class=\"referred_user_data\">\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Documento'\"\n [control]=\"codFormStepFive.controls['document_refers']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codFormStepFive.controls['name_refers']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Tel\u00E9fono'\"\n [control]=\"codFormStepFive.controls['phone_refers']\"\n ></ipt-input>\n </div>\n <span class=\"p-float-label\">\n <textarea\n id=\"float-input\"\n rows=\"4\"\n cols=\"30\"\n pInputTextarea\n formControlName=\"observation\"\n ></textarea>\n <label for=\"float-input\">Observaciones</label>\n </span>\n <div class=\"flex flex-wrap justify-content-between gap-2\">\n <div\n *ngFor=\"let option of multiculturalities; index as i\"\n class=\"field-checkbox mt-4 flex align-items-center\"\n >\n <mat-checkbox\n [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n class=\"example-margin\"\n ></mat-checkbox>\n <label [for]=\"option.code\">{{ option.name }}</label>\n </div>\n </div>\n </div>\n\n <div class=\"col-12 p-4 font-bold\">\n <p>\n * El estudiante o titular se comprometen a cancelar las cuotas\n establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n para poder obtener su paz y salvo.\n </p>\n <br /><br />\n <div class=\"flex gap-2\">\n <mat-checkbox\n formControlName=\"terms\"\n class=\"example-margin\"\n ></mat-checkbox>\n <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n <p>\n DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n </p>\n </div>\n </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n <span\n *ngIf=\"\n (codFormStepFive.invalid && codFormStepFive.touched) ||\n (!termsCheckboxStatus && codFormStepFive.touched)\n \"\n class=\"\n text-red-500\n font-bold\n text-center\n mt-1\n py-2\n bg-red-100\n w-full\n border-round-xl\n \"\n >{{ errorMessage }}</span\n >\n <button\n type=\"submit\"\n class=\"ml-auto p-button-success p-button-sm\"\n (click)=\"sendForm()\"\n pButton\n [label]=\"sendFormMsg\"\n icon=\"pi pi-check\"\n ></button>\n</div>\n" }]
|
|
4197
4291
|
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }]; }, propDecorators: { userRole: [{
|
|
4198
4292
|
type: Input
|
|
4199
4293
|
}], initialData: [{
|
|
@@ -4429,7 +4523,8 @@ CodModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.
|
|
|
4429
4523
|
CodFormStepTwoComponent,
|
|
4430
4524
|
CodFormStepThreeComponent,
|
|
4431
4525
|
CodFormStepFourComponent,
|
|
4432
|
-
CodFormStepFiveComponent
|
|
4526
|
+
CodFormStepFiveComponent,
|
|
4527
|
+
ModalReferredComponent], imports: [CommonModule,
|
|
4433
4528
|
TabViewModule,
|
|
4434
4529
|
ComponentsModule,
|
|
4435
4530
|
MatCheckboxModule,
|
|
@@ -4473,7 +4568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
4473
4568
|
CodFormStepTwoComponent,
|
|
4474
4569
|
CodFormStepThreeComponent,
|
|
4475
4570
|
CodFormStepFourComponent,
|
|
4476
|
-
CodFormStepFiveComponent
|
|
4571
|
+
CodFormStepFiveComponent,
|
|
4477
4572
|
],
|
|
4478
4573
|
declarations: [
|
|
4479
4574
|
CodFormComponent,
|
|
@@ -4482,7 +4577,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
4482
4577
|
CodFormStepTwoComponent,
|
|
4483
4578
|
CodFormStepThreeComponent,
|
|
4484
4579
|
CodFormStepFourComponent,
|
|
4485
|
-
CodFormStepFiveComponent
|
|
4580
|
+
CodFormStepFiveComponent,
|
|
4581
|
+
ModalReferredComponent,
|
|
4486
4582
|
],
|
|
4487
4583
|
providers: [
|
|
4488
4584
|
MessageService
|