general-library-union 2.3.34 → 2.3.36

package/src/app/layout/service/app.layout.service.ts

@@ -0,0 +1,191 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+
+export type MenuMode = 'static' | 'overlay' | 'horizontal' | 'slim' | 'slim-plus' | 'reveal' | 'drawer';
+
+export type ColorScheme = 'light' | 'dark';
+
+export interface AppConfig {
+    inputStyle: string;
+    colorScheme: ColorScheme;
+    componentTheme: string;
+    ripple: boolean;
+    menuMode: MenuMode;
+    scale: number;
+    menuTheme: string;
+    topbarTheme: string;
+    menuProfilePosition: string;
+}
+
+interface LayoutState {
+    staticMenuMobileActive: boolean;
+    overlayMenuActive: boolean;
+    staticMenuDesktopInactive: boolean;
+    configSidebarVisible: boolean;
+    menuHoverActive: boolean;
+    rightMenuActive: boolean;
+    topbarMenuActive: boolean;
+    menuProfileActive: boolean;
+    sidebarActive: boolean;
+    anchored: boolean;
+}
+
+@Injectable({
+    providedIn: 'root',
+})
+export class LayoutService {
+
+    config: AppConfig = {
+        ripple: true,
+        inputStyle: 'outlined',
+        menuMode: 'reveal',
+        colorScheme: 'light',
+        componentTheme: 'indigo',
+        scale: 14,
+        menuTheme: 'light',
+        topbarTheme: 'indigo',
+        menuProfilePosition: 'end'
+    };
+
+    state: LayoutState = {
+        staticMenuDesktopInactive: false,
+        overlayMenuActive: false,
+        configSidebarVisible: false,
+        staticMenuMobileActive: false,
+        menuHoverActive: false,
+        rightMenuActive: false,
+        topbarMenuActive: false,
+        menuProfileActive: false,
+        sidebarActive: false,
+        anchored: false
+    };
+
+    private configUpdate = new Subject<AppConfig>();
+
+    private overlayOpen = new Subject<any>();
+
+    private topbarMenuOpen = new Subject<any>();
+
+    private menuProfileOpen = new Subject<any>();
+
+    configUpdate$ = this.configUpdate.asObservable();
+
+    overlayOpen$ = this.overlayOpen.asObservable();
+
+    topbarMenuOpen$ = this.topbarMenuOpen.asObservable();
+
+    menuProfileOpen$ = this.menuProfileOpen.asObservable();
+
+    onMenuToggle() {
+        if (this.isOverlay()) {
+            this.state.overlayMenuActive = !this.state.overlayMenuActive;
+
+            if (this.state.overlayMenuActive) {
+                this.overlayOpen.next(null);
+            }
+        }
+
+        if (this.isDesktop()) {
+            this.state.staticMenuDesktopInactive = !this.state.staticMenuDesktopInactive;
+        }
+        else {
+            this.state.staticMenuMobileActive = !this.state.staticMenuMobileActive;
+
+            if (this.state.staticMenuMobileActive) {
+                this.overlayOpen.next(null);
+            }
+        }
+    }
+
+    onTopbarMenuToggle() {
+        this.state.topbarMenuActive = !this.state.topbarMenuActive;
+        if (this.state.topbarMenuActive) {
+            this.topbarMenuOpen.next(null);
+        }
+    }
+
+    onOverlaySubmenuOpen() {
+        this.overlayOpen.next(null);
+    }
+
+    showConfigSidebar() {
+        this.state.configSidebarVisible = true;
+    }
+
+    isOverlay() {
+        return this.config.menuMode === 'overlay';
+    }
+
+    isDesktop() {
+        return window.innerWidth > 991;
+    }
+
+    isSlim() {
+        return this.config.menuMode === 'slim';
+    }
+
+    isSlimPlus() {
+        return this.config.menuMode === 'slim-plus';
+    }
+
+    isHorizontal() {
+        return this.config.menuMode === 'horizontal';
+    }
+
+    isMobile() {
+        return !this.isDesktop();
+    }
+
+    onConfigUpdate() {
+        this.configUpdate.next(this.config);
+    }
+
+    isRightMenuActive(): boolean {
+        return this.state.rightMenuActive;
+    }
+
+    openRightSidebar(): void {
+        this.state.rightMenuActive = true;
+    }
+
+    onMenuProfileToggle() {
+        this.state.menuProfileActive = !this.state.menuProfileActive;
+        if (this.state.menuProfileActive && this.isHorizontal() && this.isDesktop()) {
+            this.menuProfileOpen.next(null);
+        }
+    }
+
+    replaceThemeLink(href: string, onComplete: Function) {
+        const id = 'theme-link';
+        const themeLink = <HTMLLinkElement>document.getElementById(id);
+        const cloneLinkElement = <HTMLLinkElement>themeLink.cloneNode(true);
+
+        cloneLinkElement.setAttribute('href', href);
+        cloneLinkElement.setAttribute('id', id + '-clone');
+
+        themeLink.parentNode!.insertBefore(cloneLinkElement, themeLink.nextSibling);
+
+        cloneLinkElement.addEventListener('load', () => {
+            themeLink.remove();
+            cloneLinkElement.setAttribute('id', id);
+            onComplete();
+        });
+    }
+
+    onColorSchemeChange(colorScheme: ColorScheme) {
+        const themeLink = <HTMLLinkElement>document.getElementById('theme-link');
+        const themeLinkHref = themeLink.getAttribute('href');
+        const currentColorScheme = 'theme-' + this.config.colorScheme;
+        const newColorScheme = 'theme-' + colorScheme;
+        const newHref = themeLinkHref!.replace(currentColorScheme, newColorScheme);
+        this.replaceThemeLink(newHref, () => {
+            this.config.colorScheme = colorScheme;
+            if (colorScheme === 'dark') {
+                this.config.menuTheme = 'dark';
+            }
+            this.onConfigUpdate();
+        });
+
+    }
+
+}

package/src/app/publico/pages/login/login.page.html

@@ -0,0 +1,53 @@
+<div id="login" class="grid p-input-filled">
+  <div [class]="estilo">
+    <div>
+      <img class="logo" src="data:image/png;base64,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" />
+      <!-- <h1>{{codigoAplicacion}}</h1> -->
+      <h1><img [src]="'data:image/png;base64,'+icono" /> </h1>
+      <div class="flex navegadores text-center">
+        <div>
+          <img src="data:image/png;base64,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" />
+          <span class="font-bold text-sm">20+</span>
+        </div>
+        <div>
+          <img src="data:image/png;base64,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" />
+          <span class="font-bold text-sm">10+</span>
+        </div>
+        <div>
+          <img src="data:image/png;base64,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" />
+          <span class="font-bold text-sm">20+</span>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="right-side col-12 md:col-6 xl:col-6">
+    <div class="p-5">
+      <h3 class="font-semibold text-3xl">¡Bienvenido!</h3>
+      <p class="mb-5">Inicia sesión para controlar y planificar los recursos de tu organización de manera eficiente y segura.</p>
+      <form [formGroup]="loginForm" class="p-fluid">
+        <div class="p-inputgroup mb-4">
+          <span class="p-inputgroup-addon"><i class="pi pi-user"></i></span>
+          <input class="p-inputtext p-component p-element ng-tns-c71-8 p-filled" type="text" pInputText placeholder="Usuario" formControlName="login" />
+        </div>
+        <div class="p-inputgroup mb-4">
+          <span class="p-inputgroup-addon"><i class="pi pi-lock"></i></span>
+          <p-password
+            [toggleMask]="true"
+            [feedback]="false"
+            placeholder="Clave"
+            formControlName="clave"
+          ></p-password>
+        </div>
+        <div class="text-right mt-7 mb-3 font-semibold text-base">
+          <a href="#">Olvide mi clave</a>
+        </div>
+        <button pButton pRipple type="button" label="Ingresar" (click)="login()" class="font-semibold text-lg"></button>
+      </form>
+    </div>
+  </div>
+</div>
+<app-carga-pantalla-completa></app-carga-pantalla-completa>
+
+<app-seleccion-rol [mostrar]="mostrarRoles" (regresar)="regresarSeleccionRol()"></app-seleccion-rol>
+