iptdevs-design-system 1.3.8 → 1.3.11

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' });
@@ -769,29 +811,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
 class LoginFormComponent {
     constructor(fb, baseService) {
         this.baseService = baseService;
-        this.background = true;
-        this.email = new EventEmitter();
-        this.password = new EventEmitter();
+        this.isLogged = new EventEmitter();
         this.loginForm = fb.group({
             email: ['', [Validators.required]],
             password: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(15)]],
         });
     }
     login(data) {
-        this.baseService.webLogin(data.controls['email'].value, data.controls['password'].value);
-        this.email.emit(data.controls['email'].value);
-        this.password.emit(data.controls['password'].value);
-        this.loginForm.controls['email'].setValue('');
-        this.loginForm.controls['password'].setValue('');
+        this.baseService.webLogin(data.controls['email'].value, data.controls['password'].value).then((isLogged) => {
+            this.isLogged.emit(isLogged);
+        });
     }
 }
 LoginFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoginFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: BaseService }], target: i0.ɵɵFactoryTarget.Component });
-LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LoginFormComponent, selector: "ipt-login-form", inputs: { background: "background", image: "image" }, outputs: { email: "email", password: "password" }, ngImport: i0, template: `
-    <div [ngClass]="{'with-background': background}" class="form-container">
-
-      <img [src]="image" alt="wolf" width="150px">
+LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LoginFormComponent, selector: "ipt-login-form", outputs: { isLogged: "isLogged" }, ngImport: i0, template: `
+    <div class="form-container">
 
-      <h2>IPT PLATFORM</h2>
+      <h2 style="text-align: center;">IPT PLATFORM</h2>
       <hr>
 
       <form (ngSubmit)="login(loginForm)" [formGroup]="loginForm">
@@ -810,7 +846,6 @@ LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
       </form>
 
       <div class="button-container">
-        <a href="">Forget password</a>
         <ipt-button
           [label]="'Login'"
           [primary]="true"
@@ -819,23 +854,14 @@ LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
         ></ipt-button>
       </div>
 
-      <footer>
-        <ipt-button
-          [label]="'Register'"
-          [primary]="false"
-        ></ipt-button>
-      </footer>
-
     </div>
-  `, isInline: true, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"], components: [{ type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "list", "iconUrl", "control"] }, { type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] });
+  `, isInline: true, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"], components: [{ type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "list", "iconUrl", "control"] }, { type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoginFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ipt-login-form', template: `
-    <div [ngClass]="{'with-background': background}" class="form-container">
+    <div class="form-container">
 
-      <img [src]="image" alt="wolf" width="150px">
-
-      <h2>IPT PLATFORM</h2>
+      <h2 style="text-align: center;">IPT PLATFORM</h2>
       <hr>
 
       <form (ngSubmit)="login(loginForm)" [formGroup]="loginForm">
@@ -854,7 +880,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
       </form>
 
       <div class="button-container">
-        <a href="">Forget password</a>
         <ipt-button
           [label]="'Login'"
           [primary]="true"
@@ -863,36 +888,91 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
         ></ipt-button>
       </div>
 
-      <footer>
-        <ipt-button
-          [label]="'Register'"
-          [primary]="false"
-        ></ipt-button>
-      </footer>
-
     </div>
   `, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: BaseService }]; }, propDecorators: { background: [{
-                type: Input
-            }], image: [{
-                type: Input
-            }], email: [{
-                type: Output
-            }], password: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: BaseService }]; }, propDecorators: { isLogged: [{
                 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 +988,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 +1005,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 +1032,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 +1056,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                         SelectComponent,
                         TextLinkComponent,
                         LoginFormComponent,
+                        SidenavComponent,
                     ]
                 }]
         }] });
@@ -1196,5 +1290,5 @@ class UserLoginRs {
  * Generated bundle index. Do not edit.
  */
 
-export { AsideButtonComponent, BaseService, 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