iptdevs-design-system 1.3.7 → 1.3.10
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/components.module.mjs +24 -6
- package/esm2020/lib/components/molecules/sidenav/sidenav.component.mjs +91 -0
- package/esm2020/lib/core/core.module.mjs +6 -3
- package/esm2020/lib/core/services/user-service/user-service.mjs +5 -4
- package/esm2020/lib/core/utils/base-service/base.service.mjs +72 -39
- package/esm2020/public-api.mjs +3 -1
- package/fesm2015/iptdevs-design-system.mjs +150 -26
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +181 -55
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/components.module.d.ts +6 -2
- package/lib/components/molecules/sidenav/sidenav.component.d.ts +19 -0
- package/lib/core/services/user-service/user-service.d.ts +1 -1
- package/lib/core/utils/base-service/base.service.d.ts +3 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/esm2020/lib/components/forms/register-form/register-form.component.mjs +0 -14
- package/lib/components/forms/register-form/register-form.component.d.ts +0 -8
|
@@ -5,10 +5,17 @@ import * as i1 from '@angular/common';
|
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
6
|
import * as i1$1 from '@angular/forms';
|
|
7
7
|
import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
8
|
-
import { __awaiter } from 'tslib';
|
|
9
8
|
import Swal from 'sweetalert2';
|
|
10
9
|
import * as i1$2 from '@angular/common/http';
|
|
11
10
|
import { HttpHeaders } from '@angular/common/http';
|
|
11
|
+
import * as i4 from '@angular/material/sidenav';
|
|
12
|
+
import { MatSidenavModule } from '@angular/material/sidenav';
|
|
13
|
+
import * as i5 from '@angular/material/toolbar';
|
|
14
|
+
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
15
|
+
import * as i6 from '@angular/material/icon';
|
|
16
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
17
|
+
import * as i7 from '@angular/material/list';
|
|
18
|
+
import { MatListModule } from '@angular/material/list';
|
|
12
19
|
import * as i1$3 from '@angular/router';
|
|
13
20
|
|
|
14
21
|
class AsideButtonComponent {
|
|
@@ -636,9 +643,10 @@ class UserService {
|
|
|
636
643
|
this.generateRequestParams(token);
|
|
637
644
|
return this.http.post(serviceUrl, this.httpOptions);
|
|
638
645
|
}
|
|
639
|
-
|
|
640
|
-
let serviceUrl = this.SERVICE_URL + '
|
|
641
|
-
|
|
646
|
+
getRoutesForRole(token) {
|
|
647
|
+
let serviceUrl = this.SERVICE_URL + 'post/routes/role';
|
|
648
|
+
this.generateRequestParams(token);
|
|
649
|
+
return this.http.post(serviceUrl, this.httpOptions);
|
|
642
650
|
}
|
|
643
651
|
generateRequestParams(param) {
|
|
644
652
|
this.httpOptions = {
|
|
@@ -710,12 +718,14 @@ class BaseService {
|
|
|
710
718
|
this.storageService = storageService;
|
|
711
719
|
}
|
|
712
720
|
webLogin(user, password) {
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
721
|
+
let request = {
|
|
722
|
+
user: user,
|
|
723
|
+
password: password
|
|
724
|
+
};
|
|
725
|
+
let service = this.userService;
|
|
726
|
+
let storage = this.storageService;
|
|
727
|
+
return new Promise(function (resolve, reject) {
|
|
728
|
+
service.login(request).subscribe(response => {
|
|
719
729
|
switch (response.message.code) {
|
|
720
730
|
case 1:
|
|
721
731
|
Swal.fire({
|
|
@@ -727,7 +737,8 @@ class BaseService {
|
|
|
727
737
|
token: response.data.token,
|
|
728
738
|
user: response.data,
|
|
729
739
|
};
|
|
730
|
-
|
|
740
|
+
storage.setCurrentSession(loginRegisterUser);
|
|
741
|
+
resolve(true);
|
|
731
742
|
break;
|
|
732
743
|
case 2:
|
|
733
744
|
Swal.fire({
|
|
@@ -735,6 +746,7 @@ class BaseService {
|
|
|
735
746
|
'html': '<p style="font-family: Poppins"">The data does not correspond to a user registered in our system, please review them.</p>',
|
|
736
747
|
'icon': 'warning',
|
|
737
748
|
});
|
|
749
|
+
resolve(false);
|
|
738
750
|
break;
|
|
739
751
|
case 3:
|
|
740
752
|
Swal.fire({
|
|
@@ -742,6 +754,7 @@ class BaseService {
|
|
|
742
754
|
'html': '<p style="font-family: Poppins"">The input data does not meet the established parameters.</p>',
|
|
743
755
|
'icon': 'error',
|
|
744
756
|
});
|
|
757
|
+
resolve(false);
|
|
745
758
|
break;
|
|
746
759
|
default:
|
|
747
760
|
Swal.fire({
|
|
@@ -749,9 +762,10 @@ class BaseService {
|
|
|
749
762
|
'html': '<p style="font-family: Poppins"">An unexpected error has occurred</p>',
|
|
750
763
|
'icon': 'error',
|
|
751
764
|
});
|
|
765
|
+
resolve(false);
|
|
752
766
|
break;
|
|
753
767
|
}
|
|
754
|
-
|
|
768
|
+
reject('Unhandled exception');
|
|
755
769
|
});
|
|
756
770
|
});
|
|
757
771
|
}
|
|
@@ -760,6 +774,31 @@ class BaseService {
|
|
|
760
774
|
let user = (_a = this.storageService.getCurrentUser()) === null || _a === void 0 ? void 0 : _a.role;
|
|
761
775
|
return user === undefined ? -1 : Math.floor(user / 10);
|
|
762
776
|
}
|
|
777
|
+
jsonToArray(data) {
|
|
778
|
+
var response = [];
|
|
779
|
+
data.forEach((element) => {
|
|
780
|
+
var object = [];
|
|
781
|
+
for (var clave in element) {
|
|
782
|
+
if (element.hasOwnProperty(clave)) {
|
|
783
|
+
if (typeof element[clave] == 'object') {
|
|
784
|
+
element[clave] = this.subJsonToArray(element[clave]);
|
|
785
|
+
}
|
|
786
|
+
object.push(element[clave]);
|
|
787
|
+
}
|
|
788
|
+
}
|
|
789
|
+
response.push(object);
|
|
790
|
+
});
|
|
791
|
+
return response;
|
|
792
|
+
}
|
|
793
|
+
subJsonToArray(data) {
|
|
794
|
+
var object = '';
|
|
795
|
+
for (var clave in data) {
|
|
796
|
+
if (clave != 'code') {
|
|
797
|
+
object += '\n' + data[clave];
|
|
798
|
+
}
|
|
799
|
+
}
|
|
800
|
+
return object;
|
|
801
|
+
}
|
|
763
802
|
}
|
|
764
803
|
BaseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BaseService, deps: [{ token: UserService }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
765
804
|
BaseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BaseService, providedIn: 'root' });
|
|
@@ -886,17 +925,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
886
925
|
type: Output
|
|
887
926
|
}] } });
|
|
888
927
|
|
|
889
|
-
class
|
|
890
|
-
constructor() {
|
|
928
|
+
class SidenavComponent {
|
|
929
|
+
constructor(userService, baseService, storageService) {
|
|
930
|
+
this.userService = userService;
|
|
931
|
+
this.baseService = baseService;
|
|
932
|
+
this.storageService = storageService;
|
|
933
|
+
this.pageChangeEvent = new EventEmitter();
|
|
934
|
+
this.routes = [];
|
|
935
|
+
}
|
|
891
936
|
ngOnInit() {
|
|
937
|
+
var _a;
|
|
938
|
+
let user = (_a = this.storageService.getCurrentUser()) === null || _a === void 0 ? void 0 : _a.token;
|
|
939
|
+
let token = user === undefined ? '' : user;
|
|
940
|
+
this.userService.getRoutesForRole(token).subscribe(response => {
|
|
941
|
+
this.routes = this.baseService.jsonToArray(response.data);
|
|
942
|
+
});
|
|
943
|
+
}
|
|
944
|
+
clickPage(event) {
|
|
945
|
+
this.pageChangeEvent.emit(event);
|
|
892
946
|
}
|
|
893
947
|
}
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
948
|
+
SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SidenavComponent, deps: [{ token: UserService }, { token: BaseService }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Component });
|
|
949
|
+
SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SidenavComponent, selector: "ipt-sidenav", inputs: { department: "department", setPage: "setPage" }, outputs: { pageChangeEvent: "pageChangeEvent" }, ngImport: i0, template: `
|
|
950
|
+
<mat-sidenav #sidenav mode="push">
|
|
951
|
+
<mat-toolbar color="primary">
|
|
952
|
+
<span>{{department}}</span>
|
|
953
|
+
<span class="spacer"></span>
|
|
954
|
+
<button mat-icon-button (click)="sidenav.toggle()">
|
|
955
|
+
<mat-icon>Menu</mat-icon>
|
|
956
|
+
</button>
|
|
957
|
+
</mat-toolbar>
|
|
958
|
+
|
|
959
|
+
<mat-nav-list>
|
|
960
|
+
<nav class="flex-container-menu" (click)="sidenav.toggle()" *ngFor="let route of routes">
|
|
961
|
+
<ipt-aside-button
|
|
962
|
+
[buttonActive]="this.setPage === route.page"
|
|
963
|
+
[url]="route.url"
|
|
964
|
+
[type]="route.type"
|
|
965
|
+
[icon]="route.icon"
|
|
966
|
+
[text]="route.text"
|
|
967
|
+
(isClicked)="clickPage(route.page)"
|
|
968
|
+
>
|
|
969
|
+
</ipt-aside-button>
|
|
970
|
+
</nav>
|
|
971
|
+
</mat-nav-list>
|
|
972
|
+
</mat-sidenav>
|
|
973
|
+
`, isInline: true, styles: [""], components: [{ type: i4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: AsideButtonComponent, selector: "ipt-aside-button", inputs: ["icon", "text", "type", "url", "textColor", "buttonActive"], outputs: ["isClicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SidenavComponent, decorators: [{
|
|
897
975
|
type: Component,
|
|
898
|
-
args: [{ selector: '
|
|
899
|
-
|
|
976
|
+
args: [{ selector: 'ipt-sidenav', template: `
|
|
977
|
+
<mat-sidenav #sidenav mode="push">
|
|
978
|
+
<mat-toolbar color="primary">
|
|
979
|
+
<span>{{department}}</span>
|
|
980
|
+
<span class="spacer"></span>
|
|
981
|
+
<button mat-icon-button (click)="sidenav.toggle()">
|
|
982
|
+
<mat-icon>Menu</mat-icon>
|
|
983
|
+
</button>
|
|
984
|
+
</mat-toolbar>
|
|
985
|
+
|
|
986
|
+
<mat-nav-list>
|
|
987
|
+
<nav class="flex-container-menu" (click)="sidenav.toggle()" *ngFor="let route of routes">
|
|
988
|
+
<ipt-aside-button
|
|
989
|
+
[buttonActive]="this.setPage === route.page"
|
|
990
|
+
[url]="route.url"
|
|
991
|
+
[type]="route.type"
|
|
992
|
+
[icon]="route.icon"
|
|
993
|
+
[text]="route.text"
|
|
994
|
+
(isClicked)="clickPage(route.page)"
|
|
995
|
+
>
|
|
996
|
+
</ipt-aside-button>
|
|
997
|
+
</nav>
|
|
998
|
+
</mat-nav-list>
|
|
999
|
+
</mat-sidenav>
|
|
1000
|
+
`, styles: [""] }]
|
|
1001
|
+
}], ctorParameters: function () { return [{ type: UserService }, { type: BaseService }, { type: StorageService }]; }, propDecorators: { department: [{
|
|
1002
|
+
type: Input
|
|
1003
|
+
}], setPage: [{
|
|
1004
|
+
type: Input
|
|
1005
|
+
}], pageChangeEvent: [{
|
|
1006
|
+
type: Output
|
|
1007
|
+
}] } });
|
|
900
1008
|
|
|
901
1009
|
class ComponentsModule {
|
|
902
1010
|
}
|
|
@@ -912,10 +1020,14 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
912
1020
|
SelectComponent,
|
|
913
1021
|
TextLinkComponent,
|
|
914
1022
|
LoginFormComponent,
|
|
915
|
-
|
|
1023
|
+
SidenavComponent], imports: [CommonModule,
|
|
916
1024
|
BrowserModule,
|
|
917
1025
|
FormsModule,
|
|
918
|
-
ReactiveFormsModule
|
|
1026
|
+
ReactiveFormsModule,
|
|
1027
|
+
MatSidenavModule,
|
|
1028
|
+
MatToolbarModule,
|
|
1029
|
+
MatIconModule,
|
|
1030
|
+
MatListModule], exports: [AsideButtonComponent,
|
|
919
1031
|
ButtonComponent,
|
|
920
1032
|
CheckboxComponent,
|
|
921
1033
|
DatalistComponent,
|
|
@@ -925,12 +1037,17 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
925
1037
|
RadioComponent,
|
|
926
1038
|
SelectComponent,
|
|
927
1039
|
TextLinkComponent,
|
|
928
|
-
LoginFormComponent
|
|
1040
|
+
LoginFormComponent,
|
|
1041
|
+
SidenavComponent] });
|
|
929
1042
|
ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, imports: [[
|
|
930
1043
|
CommonModule,
|
|
931
1044
|
BrowserModule,
|
|
932
1045
|
FormsModule,
|
|
933
1046
|
ReactiveFormsModule,
|
|
1047
|
+
MatSidenavModule,
|
|
1048
|
+
MatToolbarModule,
|
|
1049
|
+
MatIconModule,
|
|
1050
|
+
MatListModule
|
|
934
1051
|
]] });
|
|
935
1052
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, decorators: [{
|
|
936
1053
|
type: NgModule,
|
|
@@ -947,13 +1064,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
947
1064
|
SelectComponent,
|
|
948
1065
|
TextLinkComponent,
|
|
949
1066
|
LoginFormComponent,
|
|
950
|
-
|
|
1067
|
+
SidenavComponent,
|
|
951
1068
|
],
|
|
952
1069
|
imports: [
|
|
953
1070
|
CommonModule,
|
|
954
1071
|
BrowserModule,
|
|
955
1072
|
FormsModule,
|
|
956
1073
|
ReactiveFormsModule,
|
|
1074
|
+
MatSidenavModule,
|
|
1075
|
+
MatToolbarModule,
|
|
1076
|
+
MatIconModule,
|
|
1077
|
+
MatListModule
|
|
957
1078
|
],
|
|
958
1079
|
exports: [
|
|
959
1080
|
AsideButtonComponent,
|
|
@@ -967,6 +1088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
967
1088
|
SelectComponent,
|
|
968
1089
|
TextLinkComponent,
|
|
969
1090
|
LoginFormComponent,
|
|
1091
|
+
SidenavComponent,
|
|
970
1092
|
]
|
|
971
1093
|
}]
|
|
972
1094
|
}] });
|
|
@@ -1141,7 +1263,8 @@ CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13
|
|
|
1141
1263
|
StorageService,
|
|
1142
1264
|
UserService,
|
|
1143
1265
|
SwitchService,
|
|
1144
|
-
RedirectGuard
|
|
1266
|
+
RedirectGuard,
|
|
1267
|
+
BaseService
|
|
1145
1268
|
] });
|
|
1146
1269
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule, decorators: [{
|
|
1147
1270
|
type: NgModule,
|
|
@@ -1152,7 +1275,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1152
1275
|
StorageService,
|
|
1153
1276
|
UserService,
|
|
1154
1277
|
SwitchService,
|
|
1155
|
-
RedirectGuard
|
|
1278
|
+
RedirectGuard,
|
|
1279
|
+
BaseService
|
|
1156
1280
|
]
|
|
1157
1281
|
}]
|
|
1158
1282
|
}] });
|
|
@@ -1198,5 +1322,5 @@ class UserLoginRs {
|
|
|
1198
1322
|
* Generated bundle index. Do not edit.
|
|
1199
1323
|
*/
|
|
1200
1324
|
|
|
1201
|
-
export { AsideButtonComponent, ButtonComponent, CheckboxComponent, ComponentsModule, CoreModule, CourseService, DatalistComponent, DesignSystemModule, InputComponent, LevelButtonComponent, LevelTextComponent, LoginFormComponent, ParameterService, RadioComponent, RedirectGuard, SelectComponent, Session, StorageService, SwitchService, TextLinkComponent, UserLoginRs, UserRs, UserService };
|
|
1325
|
+
export { AsideButtonComponent, BaseService, ButtonComponent, CheckboxComponent, ComponentsModule, CoreModule, CourseService, DatalistComponent, DesignSystemModule, InputComponent, LevelButtonComponent, LevelTextComponent, LoginFormComponent, ParameterService, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, SwitchService, TextLinkComponent, UserLoginRs, UserRs, UserService };
|
|
1202
1326
|
//# sourceMappingURL=iptdevs-design-system.mjs.map
|