iptdevs-design-system 1.3.7 → 1.3.10

package/fesm2020/iptdevs-design-system.mjs

@@ -8,6 +8,14 @@ import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import Swal from 'sweetalert2';
 import * as i1$2 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
+import * as i4 from '@angular/material/sidenav';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import * as i5 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i6 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i7 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
 import * as i1$3 from '@angular/router';
 
 class AsideButtonComponent {
@@ -635,9 +643,10 @@ class UserService {
         this.generateRequestParams(token);
         return this.http.post(serviceUrl, this.httpOptions);
     }
-    getUserByIdCard(value) {
-        let serviceUrl = this.SERVICE_URL + 'user/id_card/' + value;
-        return this.http.get(serviceUrl);
+    getRoutesForRole(token) {
+        let serviceUrl = this.SERVICE_URL + 'post/routes/role';
+        this.generateRequestParams(token);
+        return this.http.post(serviceUrl, this.httpOptions);
     }
     generateRequestParams(param) {
         this.httpOptions = {
@@ -708,54 +717,87 @@ class BaseService {
         this.userService = userService;
         this.storageService = storageService;
     }
-    async webLogin(user, password) {
+    webLogin(user, password) {
         let request = {
             user: user,
             password: password
         };
-        this.userService.login(request).subscribe(response => {
-            switch (response.message.code) {
-                case 1:
-                    Swal.fire({
-                        'title': '<p style="font-family: Poppins"">Perfect!</p>',
-                        'html': '<p style="font-family: Poppins"">Succesfull login</p>',
-                        'icon': 'success',
-                    });
-                    const loginRegisterUser = {
-                        token: response.data.token,
-                        user: response.data,
-                    };
-                    this.storageService.setCurrentSession(loginRegisterUser);
-                    break;
-                case 2:
-                    Swal.fire({
-                        'title': '<p style="font-family: Poppins"">Warning!</p>',
-                        'html': '<p style="font-family: Poppins"">The data does not correspond to a user registered in our system, please review them.</p>',
-                        'icon': 'warning',
-                    });
-                    break;
-                case 3:
-                    Swal.fire({
-                        'title': '<p style="font-family: Poppins"">Error!</p>',
-                        'html': '<p style="font-family: Poppins"">The input data does not meet the established parameters.</p>',
-                        'icon': 'error',
-                    });
-                    break;
-                default:
-                    Swal.fire({
-                        'title': '<p style="font-family: Poppins"">Error!</p>',
-                        'html': '<p style="font-family: Poppins"">An unexpected error has occurred</p>',
-                        'icon': 'error',
-                    });
-                    break;
-            }
-            return true;
+        let service = this.userService;
+        let storage = this.storageService;
+        return new Promise(function (resolve, reject) {
+            service.login(request).subscribe(response => {
+                switch (response.message.code) {
+                    case 1:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Perfect!</p>',
+                            'html': '<p style="font-family: Poppins"">Succesfull login</p>',
+                            'icon': 'success',
+                        });
+                        const loginRegisterUser = {
+                            token: response.data.token,
+                            user: response.data,
+                        };
+                        storage.setCurrentSession(loginRegisterUser);
+                        resolve(true);
+                        break;
+                    case 2:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Warning!</p>',
+                            'html': '<p style="font-family: Poppins"">The data does not correspond to a user registered in our system, please review them.</p>',
+                            'icon': 'warning',
+                        });
+                        resolve(false);
+                        break;
+                    case 3:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Error!</p>',
+                            'html': '<p style="font-family: Poppins"">The input data does not meet the established parameters.</p>',
+                            'icon': 'error',
+                        });
+                        resolve(false);
+                        break;
+                    default:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Error!</p>',
+                            'html': '<p style="font-family: Poppins"">An unexpected error has occurred</p>',
+                            'icon': 'error',
+                        });
+                        resolve(false);
+                        break;
+                }
+                reject('Unhandled exception');
+            });
         });
     }
     getUserRole() {
         let user = this.storageService.getCurrentUser()?.role;
         return user === undefined ? -1 : Math.floor(user / 10);
     }
+    jsonToArray(data) {
+        var response = [];
+        data.forEach((element) => {
+            var object = [];
+            for (var clave in element) {
+                if (element.hasOwnProperty(clave)) {
+                    if (typeof element[clave] == 'object') {
+                        element[clave] = this.subJsonToArray(element[clave]);
+                    }
+                    object.push(element[clave]);
+                }
+            }
+            response.push(object);
+        });
+        return response;
+    }
+    subJsonToArray(data) {
+        var object = '';
+        for (var clave in data) {
+            if (clave != 'code') {
+                object += '\n' + data[clave];
+            }
+        }
+        return object;
+    }
 }
 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 });
 BaseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BaseService, providedIn: 'root' });
@@ -882,17 +924,85 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Output
             }] } });
 
-class RegisterFormComponent {
-    constructor() { }
+class SidenavComponent {
+    constructor(userService, baseService, storageService) {
+        this.userService = userService;
+        this.baseService = baseService;
+        this.storageService = storageService;
+        this.pageChangeEvent = new EventEmitter();
+        this.routes = [];
+    }
     ngOnInit() {
+        let user = this.storageService.getCurrentUser()?.token;
+        let token = user === undefined ? '' : user;
+        this.userService.getRoutesForRole(token).subscribe(response => {
+            this.routes = this.baseService.jsonToArray(response.data);
+        });
+    }
+    clickPage(event) {
+        this.pageChangeEvent.emit(event);
     }
 }
-RegisterFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RegisterFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RegisterFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: RegisterFormComponent, selector: "lib-register-form", ngImport: i0, template: "<p>register-form works!</p>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RegisterFormComponent, decorators: [{
+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 });
+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: `
+    <mat-sidenav #sidenav mode="push">
+        <mat-toolbar color="primary">
+            <span>{{department}}</span>
+            <span class="spacer"></span>
+            <button mat-icon-button (click)="sidenav.toggle()">
+                <mat-icon>Menu</mat-icon>
+            </button>
+        </mat-toolbar>
+
+        <mat-nav-list>
+            <nav class="flex-container-menu" (click)="sidenav.toggle()" *ngFor="let route of routes">
+                <ipt-aside-button
+                    [buttonActive]="this.setPage === route.page"
+                    [url]="route.url"
+                    [type]="route.type"
+                    [icon]="route.icon"
+                    [text]="route.text"
+                    (isClicked)="clickPage(route.page)"
+                    >
+                </ipt-aside-button>
+            </nav>
+        </mat-nav-list>
+  </mat-sidenav>
+  `, 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SidenavComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-register-form', template: "<p>register-form works!</p>\n", styles: [""] }]
-        }], ctorParameters: function () { return []; } });
+            args: [{ selector: 'ipt-sidenav', template: `
+    <mat-sidenav #sidenav mode="push">
+        <mat-toolbar color="primary">
+            <span>{{department}}</span>
+            <span class="spacer"></span>
+            <button mat-icon-button (click)="sidenav.toggle()">
+                <mat-icon>Menu</mat-icon>
+            </button>
+        </mat-toolbar>
+
+        <mat-nav-list>
+            <nav class="flex-container-menu" (click)="sidenav.toggle()" *ngFor="let route of routes">
+                <ipt-aside-button
+                    [buttonActive]="this.setPage === route.page"
+                    [url]="route.url"
+                    [type]="route.type"
+                    [icon]="route.icon"
+                    [text]="route.text"
+                    (isClicked)="clickPage(route.page)"
+                    >
+                </ipt-aside-button>
+            </nav>
+        </mat-nav-list>
+  </mat-sidenav>
+  `, styles: [""] }]
+        }], ctorParameters: function () { return [{ type: UserService }, { type: BaseService }, { type: StorageService }]; }, propDecorators: { department: [{
+                type: Input
+            }], setPage: [{
+                type: Input
+            }], pageChangeEvent: [{
+                type: Output
+            }] } });
 
 class ComponentsModule {
 }
@@ -908,10 +1018,14 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         SelectComponent,
         TextLinkComponent,
         LoginFormComponent,
-        RegisterFormComponent], imports: [CommonModule,
+        SidenavComponent], imports: [CommonModule,
         BrowserModule,
         FormsModule,
-        ReactiveFormsModule], exports: [AsideButtonComponent,
+        ReactiveFormsModule,
+        MatSidenavModule,
+        MatToolbarModule,
+        MatIconModule,
+        MatListModule], exports: [AsideButtonComponent,
         ButtonComponent,
         CheckboxComponent,
         DatalistComponent,
@@ -921,12 +1035,17 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         RadioComponent,
         SelectComponent,
         TextLinkComponent,
-        LoginFormComponent] });
+        LoginFormComponent,
+        SidenavComponent] });
 ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, imports: [[
             CommonModule,
             BrowserModule,
             FormsModule,
             ReactiveFormsModule,
+            MatSidenavModule,
+            MatToolbarModule,
+            MatIconModule,
+            MatListModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, decorators: [{
             type: NgModule,
@@ -943,13 +1062,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                         SelectComponent,
                         TextLinkComponent,
                         LoginFormComponent,
-                        RegisterFormComponent,
+                        SidenavComponent,
                     ],
                     imports: [
                         CommonModule,
                         BrowserModule,
                         FormsModule,
                         ReactiveFormsModule,
+                        MatSidenavModule,
+                        MatToolbarModule,
+                        MatIconModule,
+                        MatListModule
                     ],
                     exports: [
                         AsideButtonComponent,
@@ -963,6 +1086,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                         SelectComponent,
                         TextLinkComponent,
                         LoginFormComponent,
+                        SidenavComponent,
                     ]
                 }]
         }] });
@@ -1137,7 +1261,8 @@ CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13
         StorageService,
         UserService,
         SwitchService,
-        RedirectGuard
+        RedirectGuard,
+        BaseService
     ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule, decorators: [{
             type: NgModule,
@@ -1148,7 +1273,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                         StorageService,
                         UserService,
                         SwitchService,
-                        RedirectGuard
+                        RedirectGuard,
+                        BaseService
                     ]
                 }]
         }] });
@@ -1194,5 +1320,5 @@ class UserLoginRs {
  * Generated bundle index. Do not edit.
  */
 
-export { AsideButtonComponent, ButtonComponent, CheckboxComponent, ComponentsModule, CoreModule, CourseService, DatalistComponent, DesignSystemModule, InputComponent, LevelButtonComponent, LevelTextComponent, LoginFormComponent, ParameterService, RadioComponent, RedirectGuard, SelectComponent, Session, StorageService, SwitchService, TextLinkComponent, UserLoginRs, UserRs, UserService };
+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 };
 //# sourceMappingURL=iptdevs-design-system.mjs.map