iptdevs-design-system 3.1.102 → 3.1.103
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/modal-referred/modal-referred.component.mjs +3 -4
- package/esm2020/lib/cod/steps/cod-form-step-five/cod-form-step-five.component.mjs +3 -2
- package/fesm2015/iptdevs-design-system.mjs +4 -4
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +4 -4
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -4073,7 +4073,6 @@ class ModalReferredComponent {
|
|
|
4073
4073
|
}
|
|
4074
4074
|
}
|
|
4075
4075
|
selectUser(data) {
|
|
4076
|
-
console.log(data);
|
|
4077
4076
|
this.userSelect.emit(data);
|
|
4078
4077
|
}
|
|
4079
4078
|
load(index, form) {
|
|
@@ -4106,10 +4105,10 @@ class ModalReferredComponent {
|
|
|
4106
4105
|
}
|
|
4107
4106
|
}
|
|
4108
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 });
|
|
4109
|
-
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 <section\n
|
|
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\"\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 <table class=\"table_container\">\n <tr class=\"header_table\">\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 <th>Admin</th>\n </tr>\n <tr *ngFor=\"let user of allUsers\" (click)=\"selectUser(user)\" class=\"body_table\">\n <td>{{ user.id_card }}</td>\n <td>{{ user.name | titlecase }}</td>\n <td>{{ user.last_name | titlecase }}</td>\n <td>{{ user.email }}</td>\n <td>{{ user.phone_number }}</td>\n <td>{{ user.role }}</td>\n <td>\n <p-button\n type=\"submit\"\n icon=\"pi pi-chevron-circle-right\"\n (onClick)=\"load(0, searchUserForm)\"\n ></p-button>\n </td>\n </tr>\n </table>\n </section>\n </div>\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:100%;width:100vw;transition:all .5s;z-index:999}main .modal_container{width:85%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin-top:5rem;margin-left:7%;background-color:#fff;border-radius:6px}.userList{overflow:auto}.btn_select{margin:2px}.table_container{border:1px solid #1c77f7;width:100%;border-collapse:collapse;max-height:300px;overflow:auto;margin:.5rem}.header_table{background-color:#1c77f7;color:#fff}.body_table{background-color:#fff;color:#000;border:1px solid #6c7f7d}td{margin:2px;padding:2px}.header_modal{display:flex;padding:15px 15px 0;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1rem;font-weight:400;margin-bottom:0}.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}.referrer_Information{overflow:auto}.grid_container{display:grid;grid-template-columns:1fr;padding:10px}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:5fr 1fr;gap:1rem;justify-content:center;height:90px;align-content:center}.userList{width:-webkit-fill-available}}@media screen and (min-width: 1366px){form{padding:0rem}}\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"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }] });
|
|
4110
4109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ModalReferredComponent, decorators: [{
|
|
4111
4110
|
type: Component,
|
|
4112
|
-
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 <section\n
|
|
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\"\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 <table class=\"table_container\">\n <tr class=\"header_table\">\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 <th>Admin</th>\n </tr>\n <tr *ngFor=\"let user of allUsers\" (click)=\"selectUser(user)\" class=\"body_table\">\n <td>{{ user.id_card }}</td>\n <td>{{ user.name | titlecase }}</td>\n <td>{{ user.last_name | titlecase }}</td>\n <td>{{ user.email }}</td>\n <td>{{ user.phone_number }}</td>\n <td>{{ user.role }}</td>\n <td>\n <p-button\n type=\"submit\"\n icon=\"pi pi-chevron-circle-right\"\n (onClick)=\"load(0, searchUserForm)\"\n ></p-button>\n </td>\n </tr>\n </table>\n </section>\n </div>\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:100%;width:100vw;transition:all .5s;z-index:999}main .modal_container{width:85%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin-top:5rem;margin-left:7%;background-color:#fff;border-radius:6px}.userList{overflow:auto}.btn_select{margin:2px}.table_container{border:1px solid #1c77f7;width:100%;border-collapse:collapse;max-height:300px;overflow:auto;margin:.5rem}.header_table{background-color:#1c77f7;color:#fff}.body_table{background-color:#fff;color:#000;border:1px solid #6c7f7d}td{margin:2px;padding:2px}.header_modal{display:flex;padding:15px 15px 0;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1rem;font-weight:400;margin-bottom:0}.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}.referrer_Information{overflow:auto}.grid_container{display:grid;grid-template-columns:1fr;padding:10px}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:5fr 1fr;gap:1rem;justify-content:center;height:90px;align-content:center}.userList{width:-webkit-fill-available}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"] }]
|
|
4113
4112
|
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: BaseService }, { type: UserService }]; }, propDecorators: { visibility: [{
|
|
4114
4113
|
type: Input
|
|
4115
4114
|
}], userSelect: [{
|
|
@@ -4179,6 +4178,7 @@ class CodFormStepFiveComponent extends CodFormSteps {
|
|
|
4179
4178
|
multiculturalism_6: [false, []],
|
|
4180
4179
|
multiculturalism_7: [false, []],
|
|
4181
4180
|
health_regimen: ['', [Validators.required]],
|
|
4181
|
+
code_refers: [{ value: '', disabled: true }],
|
|
4182
4182
|
document_refers: [{ value: '', disabled: true }],
|
|
4183
4183
|
name_refers: [{ value: '', disabled: true }],
|
|
4184
4184
|
phone_refers: [{ value: '', disabled: true }],
|
|
@@ -4263,7 +4263,7 @@ class CodFormStepFiveComponent extends CodFormSteps {
|
|
|
4263
4263
|
this.codFormStepFive.controls['disability'].setValue(this.initialData.aditional_information.disability);
|
|
4264
4264
|
this.codFormStepFive.controls['health_regimen'].setValue(this.initialData.aditional_information.health_regimen);
|
|
4265
4265
|
this.codFormStepFive.controls['observation'].setValue(this.initialData.aditional_information.observation);
|
|
4266
|
-
this.codFormStepFive.controls['
|
|
4266
|
+
this.codFormStepFive.controls['code_refers'].setValue(this.initialData.aditional_information.referred_user);
|
|
4267
4267
|
}
|
|
4268
4268
|
cleanComponent() {
|
|
4269
4269
|
this.resetLocalStorage(this.controls);
|