general-library-union 3.0.48 → 3.0.50

package/src/app/core/plantilla-general/plantilla-general.template.html

@@ -1,139 +0,0 @@
-<div
-  class="layout-wrapper p-input-filled layout-menu-static layout-menu-light layout-topbar-dark"
-  [ngClass]="{'layout-menu-active': menuActive,
-              'layout-menu-mobile-active': mobileMenuActive,
-              'layout-topbar-mobile-active': mobileTopbarActive }"
->
- <!--INICIO TOPBAR-->
- <div class="layout-topbar shadow-4">
-  <div class="layout-topbar-left">
-    <a class="layout-topbar-logo">{{ nombreEmpresa | uppercase }}</a>
-
-    <a class="layout-menu-button shadow-6" (click)="onMenuButtonClick($event)" pRipple>
-      <i class="pi pi-chevron-right"></i>
-    </a>
-
-    <a class="layout-topbar-mobile-button" (click)="onTopbarMobileButtonClick($event)" pRipple>
-      <i class="pi pi-ellipsis-v fs-large"></i>
-    </a>
-  </div>
-
-  <div class="layout-topbar-right" [ngClass]="{ 'layout-topbar-mobile-active': mobileTopbarActive }">
-    <div class="layout-topbar-actions-left"></div>
-
-    <div class="layout-topbar-actions-right">
-      <ul class="layout-topbar-items">
-        <li class="layout-topbar-item layout-search-item">
-          <a class="layout-topbar-action rounded-circle" (click)="onTopbarItemClick($event, 'search')" pRipple>
-            <i class="pi pi-search fs-large"></i>
-          </a>
-
-          <div
-            class="layout-search-panel p-inputgroup"
-            [@topbarActionPanelAnimation]="'visible'"
-            *ngIf="search"
-            (@topbarActionPanelAnimation.done)="onSearchAnimationEnd($event)">
-            <span class="p-inputgroup-addon"><i class="pi pi-search"></i></span>
-            <p-autoComplete
-              #searchInput
-              placeholder="Buscar una tarea..."
-              (click)="searchClick = true"
-              [dropdown]="false"
-              [(ngModel)]="tareaSeleccionadas"
-              [suggestions]="tareasFiltradas"
-              (completeMethod)="filterTarea($event)"
-              (onSelect)="tareaSeleccion()"
-              field="descripcion"
-              styleClass="w-full h-full"
-            >
-            </p-autoComplete>
-            <span class="p-inputgroup-addon">
-              <button
-                pButton
-                pRipple
-                type="button"
-                icon="pi pi-times"
-                class="p-button-rounded p-button-text p-button-plain"
-                (click)="searchClick = false"
-              ></button>
-            </span>
-          </div>
-        </li>
-
-        <li class="layout-topbar-item app">
-          <a class="layout-topbar-action rounded-circle" (click)="onTopbarItemClick($event, 'modules')" pRipple>
-            <i class="pi pi-table fs-large"></i>
-          </a>
-
-          <div
-            class="layout-topbar-action-panel shadow-6"
-            [@topbarActionPanelAnimation]="'visible'"
-            *ngIf="activeTopbarItem === 'modules'"
-          >
-            <div class="grid grid-nogutter">
-              <div class="layout-topbar-action-item col-4" *ngFor="let modulo of modulosDisponibles">
-                <a class="flex align-items-center text-color" href="/inicio"  pRipple (click)="cambioModulo(modulo, true)">
-                  <i class="action app-bgcolor">
-                    <img [src]="'assets/modulos/' + modulo.icono" /> 
-                  </i>
-                  <span style="font-size: 10px; text-align: left">{{ modulo.descripcion }}</span>
-                </a>
-              </div>
-            </div>
-          </div>
-        </li>
-
-        <li class="layout-topbar-item">
-          <a
-            class="layout-topbar-action flex flex-row justify-content-center align-items-center px-2 rounded-circle"
-            (click)="onTopbarItemClick($event, 'profile')"
-            pRipple
-          >
-            <img src="" alt="avatar" style="width: 32px; height: 32px" />
-          </a>
-
-          <ul
-            class="layout-topbar-action-panel shadow-6"
-            [@topbarActionPanelAnimation]="'visible'"
-            *ngIf="activeTopbarItem === 'profile'"
-          >
-            <li class="layout-topbar-action-item">
-              <a class="flex flex-row align-items-center" pRipple (click)="salir()">
-                <i class="pi pi-power-off mr-2"></i>
-                <span>Logout</span>
-              </a>
-            </li>
-          </ul>
-        </li>
-      </ul>
-    </div>
-  </div>
-</div>
-
- <!--FIN TOPBAR-->
-  <!--<div class="menu-wrapper" (click)="menuClick = true">
-    <div class="layout-menu-container">
-     
-    </div>
-  </div>
-  <p-sidebar [(visible)]="menuClick">
-    <app-menu [modulo]="modulo"></app-menu>
-  </p-sidebar>
-
-  <div class="layout-main">
-    <app-breadcrumb></app-breadcrumb>
-    <app-carga-breadcrumb></app-carga-breadcrumb>
-
-    <div class="layout-content">
-      <div class="grid">
-        <div class="col-12">
-          <div class="us-main-content card p-3">
-            <router-outlet></router-outlet>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <app-footer></app-footer>
-  </div>
-</div>-->

package/src/app/core/plantilla-general/plantilla-general.template.scss

@@ -1,37 +0,0 @@
-@import "../../../styles/sass/variables";
-@import "../../../styles/sass/mixins";
-
-.us-main-content {
-    min-height: calc(100vh - 190px);
-}
-
-//@import "variables";
-//@import "mixins";
-.p-inputgroup button.p-button-rounded {
-    border-radius: 50%;
-}
-
-.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.app {
-    .layout-topbar-action-panel {
-        min-width: 35rem;
-        box-shadow: 0px 0px 20px hsla(var(--color-h), 100%, 35%, 0.4) !important;
-
-
-        .app-bgcolor {
-            background: var(--color-400);
-            flex: 0 0 42px;
-
-            img {
-                width: 20px;
-            }
-
-            + span {
-                padding-left: 0.6rem;
-            }
-        }
-    }
-
-    .layout-topbar-action-item:hover {
-        background: hsla(var(--color-h) 100% 60%/0.18);
-    }
-}

package/src/app/core/plantilla-general/plantilla-general.template.ts

@@ -1,233 +0,0 @@
-import { AfterViewInit, Component, OnDestroy, OnInit, Renderer2, ViewChild } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { AuthService } from '../../core/servicios/auth.service';
-import { MenuService } from '../..//core/servicios/menu.service';
-import { StorageService } from '../../core/servicios/storage.service';
-import { PrimeNGConfig } from 'primeng/api';
-import { Subscription } from 'rxjs';
-import { ModulosModel } from '../../seguridad/modelos/ModulosModel';
-import { TareasModel } from '../../seguridad/modelos/TareasModel';
-import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
-import { trigger, style, transition, animate, AnimationEvent } from '@angular/animations';
-import { CargarControlFuncionalidadService } from '../servicios/cargar-control-funcionalidad.service';
-import { UtilsService } from '../servicios/utils.service';
-import { StyleClassModule } from 'primeng/styleclass';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { AppSidebarComponent } from '../../layout/app.sidebar.component';
-import { AppTopbarComponent } from '../../layout/app.topbar.component';
-import { AppFooterComponent } from '../../layout/app.footer.component';
-import { AppRightMenuComponent } from '../../layout/app.rightmenu.component';
-import { AppBreadcrumbComponent } from '../../layout/app.breadcrumb.component';
-@Component({
-  selector: 'app-plantilla-general',
-    imports: [StyleClassModule, CommonModule, AutoCompleteModule, FormsModule, AppSidebarComponent, AppBreadcrumbComponent, AppTopbarComponent, AppRightMenuComponent,AppFooterComponent], 
-    standalone: true,
-    templateUrl: './plantilla-general.template.html',
-  styleUrls: ['./plantilla-general.template.scss'],
-  animations: [
-    trigger('topbarActionPanelAnimation', [
-      transition(':enter', [
-        style({ opacity: 0, transform: 'scaleY(0.8)' }),
-        animate('.12s cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 1, transform: '*' })),
-      ]),
-      transition(':leave', [animate('.1s linear', style({ opacity: 0 }))]),
-    ]),
-  ],
-})
-export class PlantillaGeneralTemplate implements OnInit, AfterViewInit, OnDestroy {
-  modulo: string;
-  intervalId: number;
-  menuActive: boolean = true;
-  mobileMenuActive: boolean = false;
-  mobileTopbarActive: boolean = false;
-  menuClick: boolean = false;
-  topbarItemClick: boolean = false;
-  activeTopbarItem: string = '';
-  search: boolean = false;
-  searchClick: boolean = false;
-
-  documentClickListener!: () => void;
-
-  nombreEmpresa: string = '1 - Unión Soluciones';
-  modulosDisponibles: ModulosModel[] = new Array();
-  tareaSeleccionadas: TareasModel;
-  tareasFiltradas: TareasModel[];
-
-  @ViewChild('searchInput') searchInputViewChild!: AutoComplete;
-
-
-  constructor(
-    private primeConfig: PrimeNGConfig,
-    private renderer: Renderer2,
-    private menuService: MenuService,
-    private authService: AuthService,
-    private router: Router,
-    private storage: StorageService,
-    private activatedRoute: ActivatedRoute,
-    private utilsService: UtilsService,
-    private storageService: StorageService,
-    private controlFuncionalidad: CargarControlFuncionalidadService
-  ) {}
-
-  /**
-   * Activa ripple de PrimeNG para las animaciones de los botones
-   */
-  ngOnInit(): void {
-    this.modulosDisponibles = JSON.parse(this.storage.getItem('modulos'));
-    this.activatedRoute.data.subscribe((v) =>{ 
-      //this.modulosDisponibles = v['modulosDisponibles']
-      this.primeConfig.ripple = true;
-      this.modulo = this.storage.getItem('moduloSeleccionado')
-    });
-  }
-
-  /**
-   * Después de crear la vista y sub-vistas inicializa las tareas y eventos básicos como
-   * el timer de sesión, cargar el menú y eventos del html para ocultar menús.
-   */
-  ngAfterViewInit(): void {
-    this.documentClickListener = this.renderer.listen('body', 'click', () => {
-      if (!this.topbarItemClick) {
-        this.activeTopbarItem = '';
-      }
-
-      if (!this.menuClick) {
-        if (this.mobileMenuActive) {
-          this.mobileMenuActive = false;
-        }
-      }
-
-      if (!this.searchClick) {
-        this.search = false;
-      }
-
-      this.searchClick = false;
-      this.topbarItemClick = false;
-      this.menuClick = false;
-      this.modulo = this.storage.getItem('moduloSeleccionado')
-      let moduloSeleccionado: ModulosModel = new ModulosModel(this.modulo, '');
-      this.cambioModulo(moduloSeleccionado, false)
-    });
-
-    this.menuService.loadTareas().subscribe(() => {
-      setTimeout(() => {
-        this.menuService.setTareasDelModulo(this.modulo);
-      });
-    });
-
-    // Cada 5 minutos verifica que el token no haya expirado
-    this.intervalId = window.setInterval(() => {
-      if (!this.authService.isTokenValid()) {
-        this.authService.deleteToken();
-        if (window.location.href.toString().includes('admonPortal')) {
-          this.router.navigateByUrl(this.utilsService.obtenerBase() + '/admonPortal/timeout');
-        } else {
-          this.router.navigateByUrl(this.utilsService.obtenerBase() + '/timeout');
-        }
-      }
-    }, 300_000);
-  }
-
-  /**
-   * Limpia el componente de las subscripciones
-   */
-  ngOnDestroy(): void {
-    clearInterval(this.intervalId);
-  }
-
-  /**
-   * Muestra/Esconte el menú principal de navegación
-   * @param event
-   */
-  onMenuButtonClick(event: { preventDefault: () => void }): void {
-    this.menuActive = !this.menuActive;
-    this.menuClick = true;
-
-    if (this._isMobile()) {
-      this.mobileMenuActive = !this.mobileMenuActive;
-    }
-
-    event.preventDefault();
-  }
-
-  /**
-   * Si el sitio esta en móviles, muestra/esconde el menú de la barra superior (los tres puntos)
-   * @param event
-   */
-  onTopbarMobileButtonClick(event: { preventDefault: () => void }): void {
-    this.mobileTopbarActive = !this.mobileTopbarActive;
-    event.preventDefault();
-  }
-
-  /**
-   * Muestra/Esconde los menus emergentes de la barra superior (Buscar, Módulos y Perfil).
-   * @param event
-   * @param item
-   */
-  onTopbarItemClick(event: { preventDefault: () => void }, item: string): void {
-    this.topbarItemClick = true;
-
-    if (this.activeTopbarItem === item) {
-      this.activeTopbarItem = '';
-    } else {
-      this.activeTopbarItem = item;
-    }
-
-    if (item === 'search') {
-      this.search = !this.search;
-      this.searchClick = !this.searchClick;
-    }
-
-    event.preventDefault();
-  }
-
-  /**
-   * Si la pantalla tiene un ancho menor o igual a 991 es un dispositivo móvil.
-   * @returns boolean
-   */
-  private _isMobile(): boolean {
-    return window.innerWidth <= 991;
-  }
-
-  onSearchAnimationEnd(event: AnimationEvent) {
-    switch (event.toState) {
-      case 'visible':
-        //this.searchInputViewChild.f;
-        break;
-    }
-  }
-
-  salir() {
-    this.authService.deleteToken();
-    this.controlFuncionalidad.eliminarFuncionalidades();
-    this.router.navigateByUrl(this.utilsService.obtenerBase() + '/login');
-  }
-
-  cambioModulo(modulo: ModulosModel, navegar: boolean): void {
-    this.storageService.setItem('moduloSeleccionado', modulo.llave)
-    this.menuService.setTareasDelModulo(modulo.llave);
-    if (navegar){
-      this.router.navigateByUrl( this.utilsService.obtenerBase() + '/inicio');
-    }
-  }
-
-  filterTarea(event) {
-    const filtered: TareasModel[] = [];
-    let tareas: TareasModel[] = this.storageService.getItem('__tareas') != null ? JSON.parse(this.storageService.getItem('__tareas')) : '';
-    const query = event.query;
-    for (let i = 0; i < tareas.length; i++) {
-      const country = tareas[i];
-      if (country.descripcion.toLowerCase().includes(query.toLowerCase())) {
-        filtered.push(country);
-      }
-    }
-    this.tareasFiltradas = filtered;
-  }
-
-  tareaSeleccion() {
-    if (this.tareaSeleccionadas != null) {
-      this.router.navigate([this.utilsService.obtenerBase() +  this.tareaSeleccionadas.urlprincipal.replace(/.jsf/, '')]);
-    }
-  }
-}

package/src/app/core/servicios/auth.service.ts

@@ -1,189 +0,0 @@
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { Injectable, Inject } from '@angular/core';
-import { catchError, map, Observable, tap } from 'rxjs';
-import { UserLoginCredentials } from '../modelos/user.model';
-import { AuthenticationError } from '../errores/authentication.error';
-import { StorageService } from './storage.service';
-import { CargarControlFuncionalidadService } from './cargar-control-funcionalidad.service';
-import { CookieService } from 'ngx-cookie-service';
-import { TareasModel } from '../../seguridad/modelos/TareasModel';
-import { ModulosModel } from '../../seguridad/modelos/ModulosModel';
-import { RolModel } from '../../seguridad/modelos/RolModel'; 
-import { environment } from '../../../environments/environment';
-import * as CryptoJS from 'crypto-js';
-
-
-@Injectable({
-  providedIn: 'root',
-})
-export class AuthService {
-  constructor(
-    private http: HttpClient,
-    private storageService: StorageService, 
-    private controlFuncionalidad: CargarControlFuncionalidadService,
-    private cookieService: CookieService) {}
-
-  /**
-   * Realiza la petición para autenticar al usuario. Devuelve el token que generó el servicio.
-   * @param credentials Objeto con los datos de acceso
-   * @returns Token válido
-   */
-  login(credentials: UserLoginCredentials, urlapinucleo, tokenPublico): Observable<string> {
-    const url = `${urlapinucleo}/authentication/login`;
-    if (!this.cookieService.get('urlnucleo')){
-      this.cookieService.set('urlnucleo', urlapinucleo);
-    }
-    var headers = new HttpHeaders().set('Authorization', `Bearer ${tokenPublico}`)
-    return this.http.post<string>(url, credentials, {headers}).pipe(
-      map((data) => {
-        const token = (data as any)?.token as string;
-        this.storageService.setItem('token', token);
-
-        /**********************************
-         * Control funcionalidades
-         **********************************/
-       /* let rol: any = {}
-        rol.codigoRol = this.getTokenKey('llaveRol');
-        this.controlFuncionalidad.cargarFuncionalidad(rol, `${urlapinucleo}/authentication/funcionalidades`, headers).subscribe({});
-       */
-        var listRoles = (data as any)?.listaRoles;
-        console.log(listRoles)
-      if (listRoles.length > 1 ){
-        this.storageService.setItem('roles', JSON.stringify(listRoles));
-        //this.mostrarRoles = true;
-      }if (listRoles.length == 1 ){
-        let rol: any = {}
-        rol.codigoRol = this.getTokenKey('llaveRol');
-        rol.aplicacion = this.getTokenKey('aplicacion');
-        this.controlFuncionalidad.cargarFuncionalidad(rol, `${urlapinucleo}/authentication/funcionalidades`, headers).subscribe({});
-         /********************************************************************************************/
-        /* Codigo temporal para mantener las tareas, pero estas deben ser obtenidas por un servicio */
-        var tareas: TareasModel[] = (data as any).tareasmodulo;
-        console.log(tareas)
-        this.storageService.setItem('__tareas',  JSON.stringify(tareas));
-        var modulosDeTareas = tareas.filter((obj, index, self) => {
-          return index === self.findIndex((o) => o.modulo === obj.modulo);
-        });
-        var modulos: ModulosModel[] = [];
-        modulosDeTareas.forEach(data => {
-          let modulo: ModulosModel = {
-            llave: data.modulo,
-            descripcion: data.nombreModulo,
-            icono: data.iconoModulo
-          }
-          modulos.push(modulo)
-        })
-        console.log('entra aca  login general');
-
-        this.storageService.setItem('modulos', JSON.stringify(modulos));
-        if (this.storageService.getItem('moduloFavorito') !== undefined && this.storageService.getItem('moduloFavorito')){
-          this.storageService.setItem('moduloSeleccionado', this.storageService.getItem('moduloFavorito'));
-        }else {
-          let modulodefecto = (data as any)?.modulodefecto;
-          if (!modulodefecto) {
-            modulodefecto = modulos[0].llave;
-          }
-          this.storageService.setItem('moduloSeleccionado', modulodefecto);
-        }
-      }
-      let tokenDecrypt = CryptoJS.AES.encrypt(JSON.stringify((data as any)?.autenticacionUsuarioDTO), environment.crypto_secret_key)
-      this.storageService.setItem('autenticacionUsuarioDTO', tokenDecrypt.toString());
-       
-        /********************************************************************************************/
-        return token;
-      }),
-      catchError((error) => {
-        if (error.status >= 400) {
-          throw new AuthenticationError('Usuario/contraseña inválido.');
-        }
-        throw error;
-      })
-    );
-  }
-
-  /**
-   * Devuelve el token almacenado en el storage o vacio si no lo encuentra
-   * @returns Token
-   */
-  getToken(): string {
-    return this.storageService.getItem('token', '');
-  }
-
-  /**
-   * Devuelve el valor asociado a la llave que se encuentra almacenado en el token.
-   * @param key Llave presente en el objeto del token
-   * @returns Valor almacenado
-   */
-  getTokenKey(key: string): string {
-    try {
-      const data = this._decodeToken();
-      return data[key].toString();
-    } catch (error) {
-      return undefined;
-    }
-  }
-
-  /**
-   * Indica si el token almacenado en el storage es válido verificando que se
-   * pueda decodificar y que el tiempo actual sea menor al de expiración.
-   * @returns
-   */
-  isTokenValid(): boolean {
-    try {
-      const data = this._decodeToken();
-      const expiryTime = data.exp;
-      const currentTime = Math.floor(new Date().getTime() / 1000);
-      if((currentTime <= expiryTime) && this.getTokenKey('numeroEmpresa') && this.getTokenKey('nombreConexion')){
-        return true
-      }
-      return false;
-    } catch (error) {
-      return false;
-    }
-  }
-
-  /**
-   * Borra el token del usuario para invalidar la sesión
-   */
-  deleteToken(): void {
-    this.storageService.removeItem('token');
-  }
-
-  /**
-   * Decodifica el token que esta almacenado y devuelve el objeto que representa
-   * @returns Información almacenada en el Token
-   */
-  private _decodeToken(): any {
-    try {
-      const token = this.getToken();
-      const data = token.split('.')[1];
-      return JSON.parse(atob(data));
-    } catch (error) {
-      throw error;
-    }
-  }
-
-  public refrescarToken(objeto: any, token): Observable<any> {
-    let url = this.cookieService.get('urlnucleo')
-    let headers = new HttpHeaders()
-      .set('Authorization', `Bearer ${token}`);
-      return this.http.post<any>(`${url}/authentication/refrescarToken`, objeto, { headers });
-  }
-
-  public generarTokenPublico(urlnucleo?) {
-    let url = this.cookieService.get('urlnucleo')
-    if (!url){
-      url = urlnucleo
-    }
-    return this.http.get<any>(`${url}/authentication/generarTokenPublico`);
-  }
-
-  public seleccionRol(_rolSeleccionado: RolModel, urlnucleo?): Observable<any> {
-    let url = this.cookieService.get('urlnucleo')
-    if (!url){
-      url = urlnucleo
-    }
-        return this.http.post<any>(`${url}/requieretoken/rol/seleccionado`, _rolSeleccionado);
-    }
- 
-}

package/src/app/core/servicios/cargar-control-funcionalidad.service.ts

@@ -1,49 +0,0 @@
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { catchError, map, Observable } from 'rxjs';
-import { AuthenticationError } from '../errores/authentication.error';
-import { StorageService } from './storage.service';
-import { UtilsService } from './utils.service';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class CargarControlFuncionalidadService {
-
-  constructor(private httpClient: HttpClient, private storageService: StorageService, private utilsService: UtilsService) { }
-
-  cargarFuncionalidad(rol: any, url : string, headers: HttpHeaders): Observable<string> {
-    return this.httpClient.post<any>(url, rol, {headers}).pipe(
-      map((data) => {
-        const controlFuncionalidades = (data as any)?.controlFuncionalidades as string;
-        this.storageService.setItem('controlFuncionalidades', controlFuncionalidades);
-        return null;
-      }), catchError((error) => {
-        if (error.status >= 400) {
-          throw new AuthenticationError('Error consultando control de funcionalidades.');
-        }
-        throw error;
-      })
-    );
-  }
-
-  getControlFuncionalidad(valor: string) : boolean{
-    if (this.storageService.getItem('controlFuncionalidades') != null){
-      let listaFuncionalidades = this.storageService.getItem('controlFuncionalidades');
-      var validar = listaFuncionalidades.indexOf(valor);
-      if(validar !== -1){
-        return true;
-      }else{
-        return false;
-      }
-    }
-    return false;
-  }
-
-  /**
-   * Borra controles de funcionalidad en la sesión
-   */
-  eliminarFuncionalidades(): void {
-    this.storageService.removeItem('controlFuncionalidades');
-  }
-}