iptdevs-design-system 2.6.9 → 2.6.11
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/components/atoms/input/input.component.mjs +3 -3
- package/esm2020/lib/components/components.module.mjs +6 -6
- package/esm2020/lib/components/forms/create-user-form/create-user-form.component.mjs +13 -5
- package/esm2020/lib/design-system.module.mjs +2 -2
- package/fesm2015/iptdevs-design-system.mjs +20 -12
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +20 -12
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/components.module.d.ts +6 -6
- package/lib/components/forms/create-user-form/create-user-form.component.d.ts +4 -1
- package/package.json +1 -1
|
@@ -324,7 +324,7 @@ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
|
324
324
|
|
|
325
325
|
<label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
|
|
326
326
|
|
|
327
|
-
<p *ngIf="(formControl.invalid && formControl.value !== '')
|
|
327
|
+
<p *ngIf="(formControl.invalid && formControl.value !== '')">
|
|
328
328
|
{{ validateText }}
|
|
329
329
|
</p>
|
|
330
330
|
</div>
|
|
@@ -371,7 +371,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
371
371
|
|
|
372
372
|
<label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
|
|
373
373
|
|
|
374
|
-
<p *ngIf="(formControl.invalid && formControl.value !== '')
|
|
374
|
+
<p *ngIf="(formControl.invalid && formControl.value !== '')">
|
|
375
375
|
{{ validateText }}
|
|
376
376
|
</p>
|
|
377
377
|
</div>
|
|
@@ -1125,15 +1125,19 @@ class CreateUserFormComponent {
|
|
|
1125
1125
|
this.fb = fb;
|
|
1126
1126
|
this.parameterService = parameterService;
|
|
1127
1127
|
this.userService = userService;
|
|
1128
|
+
this.visibility = false;
|
|
1128
1129
|
this.userCreated = new EventEmitter(false);
|
|
1130
|
+
this.onHide = new EventEmitter(false);
|
|
1129
1131
|
this.loader = false;
|
|
1130
1132
|
}
|
|
1131
1133
|
ngOnInit() {
|
|
1132
|
-
console.log(this.userType);
|
|
1133
|
-
console.log(this.getRolesOptions());
|
|
1134
1134
|
this.initForm();
|
|
1135
1135
|
this.getParameters();
|
|
1136
1136
|
}
|
|
1137
|
+
closeModal() {
|
|
1138
|
+
this.visibility = false;
|
|
1139
|
+
this.onHide.emit(true);
|
|
1140
|
+
}
|
|
1137
1141
|
createUser() {
|
|
1138
1142
|
this.loader = true;
|
|
1139
1143
|
let request = {
|
|
@@ -1283,14 +1287,18 @@ class CreateUserFormComponent {
|
|
|
1283
1287
|
}
|
|
1284
1288
|
}
|
|
1285
1289
|
CreateUserFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CreateUserFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1286
|
-
CreateUserFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CreateUserFormComponent, selector: "ipt-create-user-form", inputs: { userType: "userType" }, outputs: { userCreated: "userCreated" }, ngImport: i0, template: "<main>\n <form autocomplete=\"off\" [formGroup]=\"createUserForm\">\n
|
|
1290
|
+
CreateUserFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CreateUserFormComponent, selector: "ipt-create-user-form", inputs: { userType: "userType", visibility: "visibility" }, outputs: { userCreated: "userCreated", onHide: "onHide" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n <div class=\"modal_container\">\n <div class=\"header_modal\">\n <h1>Crear usuario de {{ userType | titlecase}}</h1>\n <span (click)=\"closeModal()\">X</span>\n </div>\n <form autocomplete=\"off\" [formGroup]=\"createUserForm\">\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombre completo'\"\n [control]=\"createUserForm.controls['name']\"\n [validateText]=\"'Debe ingresar el nombre'\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Apellidos'\"\n [control]=\"createUserForm.controls['last_name']\"\n [validateText]=\"'Debe ingresar los apellidos'\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Correo electr\u00F3nico'\"\n [control]=\"createUserForm.controls['email']\"\n [validateText]=\"'Debe tener dominio @inglesparatodos.edu.co'\"\n ></ipt-input>\n <ipt-select\n [isRequired]=\"true\"\n [defaultText]=\"'Seleccione el rol'\"\n (eventSelect)=\"selectRol($event)\"\n [data]=\"getRolesOptions()\"\n ></ipt-select>\n <ipt-select\n [isRequired]=\"true\"\n [data]=\"phoneNumberIndicatives\"\n (eventSelect)=\"selectIndicatives($event)\"\n [defaultText]=\"'Seleccione el indicativo'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n [control]=\"createUserForm.controls['phone_number']\"\n [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n ></ipt-input>\n <ipt-select\n [isRequired]=\"true\"\n [data]=\"idTypes\"\n (eventSelect)=\"selectIdType($event)\"\n [defaultText]=\"'Ingrese el tipo de documento'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'Documento de identidad'\"\n [control]=\"createUserForm.controls['id_card']\"\n [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n ></ipt-input>\n <ipt-select\n [isRequired]=\"true\"\n (eventSelect)=\"selectState($event)\"\n [data]=\"states\"\n [defaultText]=\"'Seleccione el departamento'\"\n ></ipt-select>\n <ipt-select\n [isRequired]=\"true\"\n (eventSelect)=\"selectCity($event)\"\n [data]=\"cities\"\n [defaultText]=\"'Ciudad de residencia'\"\n ></ipt-select>\n <ipt-input *ngIf=\"!(userType === 'student')\"\n [inputType]=\"'number'\"\n [placeHolder]=\"'Ingrese las horas de servicio'\"\n [control]=\"createUserForm.controls['service_hour']\"\n [validateText]=\"'Debe ingresar las horas de servicio'\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'password'\"\n [placeHolder]=\"'Contrase\u00F1a'\"\n [control]=\"createUserForm.controls['password']\"\n >\n </ipt-input>\n <ipt-input\n [inputType]=\"'password'\"\n [placeHolder]=\"'Repetir contrase\u00F1a'\"\n [control]=\"createUserForm.controls['re_password']\"\n >\n </ipt-input>\n </form>\n\n <div class=\"buttons-container\">\n <ipt-button\n [label]=\"'Crear usuario'\"\n [isEnabled]=\"\n !loader &&\n createUserForm.value['re_password'] ===\n createUserForm.value['password']\n \"\n (onClick)=\"createUser()\"\n [primary]=\"true\"\n >\n </ipt-button>\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;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#fff;border-radius:1rem}.header_modal{display:flex}.header_modal h1{padding:1rem;background-color:#1c77f7;color:#fff}.header_modal span{margin-left:auto;font-size:24px;color:#1c77f7;font-weight:700;display:grid;place-content:center}form{display:grid;grid-template-columns:1fr;grid-gap:.25rem;gap:.25rem;justify-content:center}.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;grid-gap:1rem;gap:1rem;justify-content:center}}\n"], components: [{ type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "control"], outputs: ["eventSelect"] }, { type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], pipes: { "titlecase": i1.TitleCasePipe } });
|
|
1287
1291
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CreateUserFormComponent, decorators: [{
|
|
1288
1292
|
type: Component,
|
|
1289
|
-
args: [{ selector: 'ipt-create-user-form', template: "<main>\n <form autocomplete=\"off\" [formGroup]=\"createUserForm\">\n
|
|
1293
|
+
args: [{ selector: 'ipt-create-user-form', template: "<main *ngIf=\"visibility\">\n <div class=\"modal_container\">\n <div class=\"header_modal\">\n <h1>Crear usuario de {{ userType | titlecase}}</h1>\n <span (click)=\"closeModal()\">X</span>\n </div>\n <form autocomplete=\"off\" [formGroup]=\"createUserForm\">\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombre completo'\"\n [control]=\"createUserForm.controls['name']\"\n [validateText]=\"'Debe ingresar el nombre'\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Apellidos'\"\n [control]=\"createUserForm.controls['last_name']\"\n [validateText]=\"'Debe ingresar los apellidos'\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Correo electr\u00F3nico'\"\n [control]=\"createUserForm.controls['email']\"\n [validateText]=\"'Debe tener dominio @inglesparatodos.edu.co'\"\n ></ipt-input>\n <ipt-select\n [isRequired]=\"true\"\n [defaultText]=\"'Seleccione el rol'\"\n (eventSelect)=\"selectRol($event)\"\n [data]=\"getRolesOptions()\"\n ></ipt-select>\n <ipt-select\n [isRequired]=\"true\"\n [data]=\"phoneNumberIndicatives\"\n (eventSelect)=\"selectIndicatives($event)\"\n [defaultText]=\"'Seleccione el indicativo'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n [control]=\"createUserForm.controls['phone_number']\"\n [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n ></ipt-input>\n <ipt-select\n [isRequired]=\"true\"\n [data]=\"idTypes\"\n (eventSelect)=\"selectIdType($event)\"\n [defaultText]=\"'Ingrese el tipo de documento'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'Documento de identidad'\"\n [control]=\"createUserForm.controls['id_card']\"\n [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n ></ipt-input>\n <ipt-select\n [isRequired]=\"true\"\n (eventSelect)=\"selectState($event)\"\n [data]=\"states\"\n [defaultText]=\"'Seleccione el departamento'\"\n ></ipt-select>\n <ipt-select\n [isRequired]=\"true\"\n (eventSelect)=\"selectCity($event)\"\n [data]=\"cities\"\n [defaultText]=\"'Ciudad de residencia'\"\n ></ipt-select>\n <ipt-input *ngIf=\"!(userType === 'student')\"\n [inputType]=\"'number'\"\n [placeHolder]=\"'Ingrese las horas de servicio'\"\n [control]=\"createUserForm.controls['service_hour']\"\n [validateText]=\"'Debe ingresar las horas de servicio'\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'password'\"\n [placeHolder]=\"'Contrase\u00F1a'\"\n [control]=\"createUserForm.controls['password']\"\n >\n </ipt-input>\n <ipt-input\n [inputType]=\"'password'\"\n [placeHolder]=\"'Repetir contrase\u00F1a'\"\n [control]=\"createUserForm.controls['re_password']\"\n >\n </ipt-input>\n </form>\n\n <div class=\"buttons-container\">\n <ipt-button\n [label]=\"'Crear usuario'\"\n [isEnabled]=\"\n !loader &&\n createUserForm.value['re_password'] ===\n createUserForm.value['password']\n \"\n (onClick)=\"createUser()\"\n [primary]=\"true\"\n >\n </ipt-button>\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;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#fff;border-radius:1rem}.header_modal{display:flex}.header_modal h1{padding:1rem;background-color:#1c77f7;color:#fff}.header_modal span{margin-left:auto;font-size:24px;color:#1c77f7;font-weight:700;display:grid;place-content:center}form{display:grid;grid-template-columns:1fr;grid-gap:.25rem;gap:.25rem;justify-content:center}.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;grid-gap:1rem;gap:1rem;justify-content:center}}\n"] }]
|
|
1290
1294
|
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: UserService }]; }, propDecorators: { userType: [{
|
|
1291
1295
|
type: Input
|
|
1296
|
+
}], visibility: [{
|
|
1297
|
+
type: Input
|
|
1292
1298
|
}], userCreated: [{
|
|
1293
1299
|
type: Output
|
|
1300
|
+
}], onHide: [{
|
|
1301
|
+
type: Output
|
|
1294
1302
|
}] } });
|
|
1295
1303
|
|
|
1296
1304
|
class SidenavComponent {
|
|
@@ -1453,11 +1461,11 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
1453
1461
|
InputComponent,
|
|
1454
1462
|
LevelButtonComponent,
|
|
1455
1463
|
LevelTextComponent,
|
|
1464
|
+
LoginFormComponent,
|
|
1456
1465
|
RadioComponent,
|
|
1457
1466
|
SelectComponent,
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
SidenavComponent], imports: [CommonModule,
|
|
1467
|
+
SidenavComponent,
|
|
1468
|
+
TextLinkComponent], imports: [CommonModule,
|
|
1461
1469
|
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
1462
1470
|
FormsModule,
|
|
1463
1471
|
ReactiveFormsModule,
|
|
@@ -1499,11 +1507,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1499
1507
|
InputComponent,
|
|
1500
1508
|
LevelButtonComponent,
|
|
1501
1509
|
LevelTextComponent,
|
|
1510
|
+
LoginFormComponent,
|
|
1502
1511
|
RadioComponent,
|
|
1503
1512
|
SelectComponent,
|
|
1504
|
-
TextLinkComponent,
|
|
1505
|
-
LoginFormComponent,
|
|
1506
1513
|
SidenavComponent,
|
|
1514
|
+
TextLinkComponent,
|
|
1507
1515
|
],
|
|
1508
1516
|
imports: [
|
|
1509
1517
|
CommonModule,
|
|
@@ -1919,7 +1927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1919
1927
|
ComponentsModule,
|
|
1920
1928
|
CoreModule,
|
|
1921
1929
|
CurrencyMaskModule
|
|
1922
|
-
]
|
|
1930
|
+
],
|
|
1923
1931
|
}]
|
|
1924
1932
|
}] });
|
|
1925
1933
|
|