general-library-union 2.8.18 → 2.8.20

package/src/app/layout/app.topbar.component.ts

@@ -1,335 +1,335 @@
-import { AfterViewInit, Component, ElementRef, Inject, OnDestroy, OnInit, Renderer2, ViewChild } from '@angular/core';
-import { MegaMenuItem } from 'primeng/api';
-import { LayoutService } from './service/app.layout.service';
-import { TareasModel } from '../seguridad/modelos/TareasModel';
-import { ModulosModel } from '../seguridad/modelos/ModulosModel';
-import { ActivatedRoute, Router } from '@angular/router';
-import { StorageService } from '../core/servicios/storage.service';
-import { MenuService } from '../core/servicios/menu.service';
-import { AuthService } from '../core/servicios/auth.service';
-import { CargarControlFuncionalidadService } from '../core/servicios/cargar-control-funcionalidad.service';
-import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
-import { GeneralPipe } from '../webcommon/pipes/general.pipe';
-import { UtilsService } from '../core/servicios/utils.service';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { StyleClassModule } from 'primeng/styleclass';
-import { InputSwitchModule } from 'primeng/inputswitch';
-@Component({
-    selector: 'app-topbar',
-    imports: [CommonModule, AutoCompleteModule, FormsModule, StyleClassModule, InputSwitchModule] , 
-    standalone: true,
-    templateUrl: './app.topbar.component.html'
-})
-export class AppTopbarComponent implements OnInit, AfterViewInit, OnDestroy {
-  //Variables
-
-  modulosDisponibles: ModulosModel[] = new Array(); // una matriz de objetos ModulosModel
-  modulo: string; // una cadena que indica el módulo seleccionado
-  searchClick: boolean = false; // un valor booleano que indica si se ha hecho clic en el botón de búsqueda o no
-  tareaSeleccionadas: TareasModel; // un objeto TareasModel que representa la tarea seleccionada
-  tareasFiltradas: TareasModel[]; // una matriz de objetos TareasModel que representa las tareas filtradas
-  documentClickListener!: () => void;
-  topbarItemClick: boolean = false;
-  activeTopbarItem: string = '';
-  menuClick: boolean = false;
-  mobileMenuActive: boolean = false;
-  search: boolean = false;
-  intervalId: number;
-  tareas: TareasModel[]
-  empresa: string;
-  rol: string;
-  conexion: string;
-  logoComprimido;
-  codigo
-  @ViewChild('menuButton') menuButton!: ElementRef; // una referencia al botón del menú
-  @ViewChild('mobileMenuButton') mobileMenuButton!: ElementRef; // una referencia al botón del menú móvil
-  @ViewChild('searchInput') searchInput!: ElementRef; // una referencia al campo de búsqueda
-  @ViewChild('searchInput', { static: false })   autocomplete!: AutoComplete;
-  switch: boolean;
-  colores: string[] = ["#f3d9dc", "#aed9e0", "#c7e7b0", "#fdf2ab", "#e6d1e1", "#f9dbbd", "#e4e3e7", "#f9d5d3"];
-  color: string ;
-  iniciales: string;
-  url = window.location.href;
-
-  constructor(
-    public layoutService: LayoutService,
-    public el: ElementRef,
-    private activatedRoute: ActivatedRoute,
-    private storage: StorageService,
-    private router: Router,
-    private renderer: Renderer2,
-    private menuService: MenuService,
-    private authService: AuthService,
-    private controlFuncionalidad: CargarControlFuncionalidadService,
-    public generalPipe : GeneralPipe,
-    private storageService: StorageService,
-    public utilsService: UtilsService,
-    @Inject(DOCUMENT) private document: Document,
-  ) {
-    this.codigo = this.authService.getTokenKey('aplicacion')
-    let resultadoComprimido = this.generalPipe.MAPALOGO.filter(item => item.codigo == this.authService.getTokenKey('aplicacion') );
-    this.logoComprimido = resultadoComprimido[0]?.nombre != null ? resultadoComprimido[0]?.nombre : this.generalPipe.LOGO_SARA;
-
-  }
-
-  calcularIniciales() {
-    let colorUsuario = this.storageService.getItem('colorUsuario')
-    if (colorUsuario) {
-      this.color = colorUsuario;
-    } else {
-      const indice: number = Math.floor(Math.random() * this.colores.length);
-      this.color = this.colores[indice];
-      this.storageService.setItem('colorUsuario', this.color);
-    }
-    var nombreUsuario = this.authService.getTokenKey('nombreUsuario');
-    var cantidadPalabras: number = this.contarPalabras(nombreUsuario);
-    if (cantidadPalabras == 0 || cantidadPalabras == undefined || cantidadPalabras == null) {
-      this.iniciales = 'US'
-    } else if (cantidadPalabras == 1) {
-      this.iniciales = this.obtenerInicial(nombreUsuario);
-    } else {
-      this.iniciales = this.obtenerInicial(this.obtenerPalabra(nombreUsuario, cantidadPalabras-1)) + 
-                    this.obtenerInicial(this.obtenerPalabra(nombreUsuario, cantidadPalabras)) 
-    }
-  }
-
-  obtenerPalabra(frase: string, numeroPalabra: number): string {
-    const palabras = frase.split(/\s+/);
-    if (numeroPalabra < 1 || numeroPalabra > palabras.length) {
-        return null;
-    }
-    const indicePalabra = numeroPalabra - 1;
-    return palabras[indicePalabra];
-  }
-
-  obtenerInicial(palabra: string): string {
-    if (palabra.length === 0) {
-        return '';
-    }
-    const inicial = palabra.charAt(0).toUpperCase();
-    return inicial;
-  }
-
-  contarPalabras(texto: string): number {
-    if (texto == null || texto == undefined) {
-      return 0;
-    }
-    texto = texto.trim();
-    const palabras = texto.split(/\s+/);
-    return palabras.length;
-  }
-
-  ngOnDestroy(): void {
-    clearInterval(this.intervalId);
-  }
-  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')
-    });
-
-    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);
-  }
-
-  ngOnInit(): void {
-    let tema = this.storageService.getItem('tema');
-    this.switch = tema == 'temaOscuro' ? true : false;
-    if (tema) {
-      this.cambiarTema();
-    } else {
-      this.switch = false;
-    }
-    this.calcularIniciales();
-    this.empresa = this.authService.getTokenKey('numeroEmpresa') + ' - ' + this.authService.getTokenKey('nombreEmpresa')
-    this.rol = this.authService.getTokenKey('nombreRol')
-    this.conexion = this.authService.getTokenKey('nombreConexion')
-    this.modulosDisponibles = JSON.parse(this.storage.getItem('modulos'));
-    this.tareas = this.storage.getItem('__tareas') != null ? JSON.parse(this.storage.getItem('__tareas')) : '';
-    this.activatedRoute.data.subscribe((v) => {
-      //this.modulosDisponibles = v['modulosDisponibles'];
-      this.modulo = this.storage.getItem('moduloSeleccionado')
-      let moduloSeleccionado: ModulosModel = new ModulosModel(this.modulo, '');
-      this.cambioModulo(moduloSeleccionado, false)
-    });
-  }
-
-  activeItem!: number; // un número que representa el elemento activo
-
-  //Dummi de barra de elementos por si se necesita.
-  model: MegaMenuItem[] = [
-    {
-      label: 'UI KIT',
-      items: [
-        [
-          {
-            label: 'UI KIT 1',
-            items: [
-              { label: 'Form Layout', icon: 'pi pi-fw pi-id-card', routerLink: ['/uikit/formlayout'] },
-              { label: 'Input', icon: 'pi pi-fw pi-check-square', routerLink: ['/uikit/input'] },
-              { label: 'Float Label', icon: 'pi pi-fw pi-bookmark', routerLink: ['/uikit/floatlabel'] },
-              { label: 'Button', icon: 'pi pi-fw pi-mobile', routerLink: ['/uikit/button'] },
-              { label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file'] },
-            ],
-          },
-        ],
-        [
-          {
-            label: 'UI KIT 2',
-            items: [
-              { label: 'Table', icon: 'pi pi-fw pi-table', routerLink: ['/uikit/table'] },
-              { label: 'List', icon: 'pi pi-fw pi-list', routerLink: ['/uikit/list'] },
-              { label: 'Tree', icon: 'pi pi-fw pi-share-alt', routerLink: ['/uikit/tree'] },
-              { label: 'Panel', icon: 'pi pi-fw pi-tablet', routerLink: ['/uikit/panel'] },
-              { label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts'] },
-            ],
-          },
-        ],
-        [
-          {
-            label: 'UI KIT 3',
-            items: [
-              { label: 'Overlay', icon: 'pi pi-fw pi-clone', routerLink: ['/uikit/overlay'] },
-              { label: 'Media', icon: 'pi pi-fw pi-image', routerLink: ['/uikit/media'] },
-              { label: 'Menu', icon: 'pi pi-fw pi-bars', routerLink: ['/uikit/menu'] },
-              { label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message'] },
-              { label: 'Misc', icon: 'pi pi-fw pi-circle-off', routerLink: ['/uikit/misc'] },
-            ],
-          },
-        ],
-      ],
-    },
-    {
-      label: 'UTILITIES',
-      items: [
-        [
-          {
-            label: 'UTILITIES 1',
-            items: [
-              { label: 'Icons', icon: 'pi pi-fw pi-prime', routerLink: ['utilities/icons'] },
-              { label: 'PrimeFlex', icon: 'pi pi-fw pi-desktop', url: 'https://www.primefaces.org/primeflex/', target: '_blank' },
-            ],
-          },
-        ],
-      ],
-    },
-  ];
-
-  // un getter que devuelve el estado activo del menú superior móvil
-  get mobileTopbarActive(): boolean {
-    return this.layoutService.state.topbarMenuActive;
-  }
-
-  onMenuButtonClick() {
-    this.layoutService.onMenuToggle();
-  }
-
-  onRightMenuButtonClick() {
-    this.layoutService.openRightSidebar();
-  }
-
-  onMobileTopbarMenuButtonClick() {
-    this.layoutService.onTopbarMenuToggle();
-  }
-
-  // un método que se ejecuta para enfocar el campo de búsqueda
-  focusSearchInput() {
-    setTimeout(() => {
-      if (this.autocomplete) {
-     //   this.autocomplete.focusInput();
-      }
-      //this.searchInput.nativeElement.focus();
-    }, 0);
-  }
-
-  // un método que se ejecuta cuando se selecciona una tarea
-  tareaSeleccion() {
-    if (this.tareaSeleccionadas != null) {
-      this.router.navigate([this.utilsService.obtenerBase() +  this.tareaSeleccionadas.urlprincipal.replace(/.jsf/, '')]);
-    }
-  }
-
-  salir() {
-    this.authService.deleteToken();
-    this.storageService.removeItem('roles')
-    this.storageService.removeItem('autenticacionUsuarioDTO')
-    this.storageService.removeItem('rol_seleccionado')
-    this.storageService.removeItem('token')
-    this.storageService.removeItem('__tareas')
-    this.storageService.removeItem('modulos')
-    this.storageService.removeItem('moduloSeleccionado')
-    this.controlFuncionalidad.eliminarFuncionalidades();
-    this.router.navigateByUrl(this.utilsService.obtenerBase() + '/login');
-  }
-
-  cambioModulo(modulo: ModulosModel, navegar: boolean): void {
-    this.storage.setItem('moduloSeleccionado', modulo.llave)
-    this.menuService.setTareasDelModulo(modulo.llave);
-    if (navegar) {
-      if (window.location.href.toString().includes('admonPortal')) {
-        this.router.navigateByUrl(this.utilsService.obtenerBase() + '/admonPortal/inicio');
-      } else {
-        this.router.navigateByUrl(this.utilsService.obtenerBase() + '/inicio');
-      }
-    }
-  }
-
-  // un método que se ejecuta para filtrar las tareas
-  filterTarea(event) {
-    const filtered: TareasModel[] = [];
-    const query = event.query;
-    for (let i = 0; i < this.tareas.length; i++) {
-      const country = this.tareas[i];
-      if (country.descripcion.toLowerCase().includes(query.toLowerCase())) {
-        filtered.push(country);
-      }
-    }
-    this.tareasFiltradas = filtered;
-  }
-
-  cambioSwitch(cambio){
-    console.log(cambio)
-    this.switch = cambio.checked;
-    this.cambiarTema()
-  }
-
-  cambiarTema(){
-    let tema = this.switch ? 'temaOscuro' : 'temaClaro';
-    localStorage.setItem(this.utilsService.obtenerBase() + '_' +'tema', tema);
-    let linkTema = this.document.getElementById('temaApp') as HTMLLinkElement;
-    linkTema.href = `${tema}.css`
-  }
-}
-
+import { AfterViewInit, Component, ElementRef, Inject, OnDestroy, OnInit, Renderer2, ViewChild } from '@angular/core';
+import { MegaMenuItem } from 'primeng/api';
+import { LayoutService } from './service/app.layout.service';
+import { TareasModel } from '../seguridad/modelos/TareasModel';
+import { ModulosModel } from '../seguridad/modelos/ModulosModel';
+import { ActivatedRoute, Router } from '@angular/router';
+import { StorageService } from '../core/servicios/storage.service';
+import { MenuService } from '../core/servicios/menu.service';
+import { AuthService } from '../core/servicios/auth.service';
+import { CargarControlFuncionalidadService } from '../core/servicios/cargar-control-funcionalidad.service';
+import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
+import { GeneralPipe } from '../webcommon/pipes/general.pipe';
+import { UtilsService } from '../core/servicios/utils.service';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { StyleClassModule } from 'primeng/styleclass';
+import { InputSwitchModule } from 'primeng/inputswitch';
+@Component({
+    selector: 'app-topbar',
+    imports: [CommonModule, AutoCompleteModule, FormsModule, StyleClassModule, InputSwitchModule] , 
+    standalone: true,
+    templateUrl: './app.topbar.component.html'
+})
+export class AppTopbarComponent implements OnInit, AfterViewInit, OnDestroy {
+  //Variables
+
+  modulosDisponibles: ModulosModel[] = new Array(); // una matriz de objetos ModulosModel
+  modulo: string; // una cadena que indica el módulo seleccionado
+  searchClick: boolean = false; // un valor booleano que indica si se ha hecho clic en el botón de búsqueda o no
+  tareaSeleccionadas: TareasModel; // un objeto TareasModel que representa la tarea seleccionada
+  tareasFiltradas: TareasModel[]; // una matriz de objetos TareasModel que representa las tareas filtradas
+  documentClickListener!: () => void;
+  topbarItemClick: boolean = false;
+  activeTopbarItem: string = '';
+  menuClick: boolean = false;
+  mobileMenuActive: boolean = false;
+  search: boolean = false;
+  intervalId: number;
+  tareas: TareasModel[]
+  empresa: string;
+  rol: string;
+  conexion: string;
+  logoComprimido;
+  codigo
+  @ViewChild('menuButton') menuButton!: ElementRef; // una referencia al botón del menú
+  @ViewChild('mobileMenuButton') mobileMenuButton!: ElementRef; // una referencia al botón del menú móvil
+  @ViewChild('searchInput') searchInput!: ElementRef; // una referencia al campo de búsqueda
+  @ViewChild('searchInput', { static: false })   autocomplete!: AutoComplete;
+  switch: boolean;
+  colores: string[] = ["#f3d9dc", "#aed9e0", "#c7e7b0", "#fdf2ab", "#e6d1e1", "#f9dbbd", "#e4e3e7", "#f9d5d3"];
+  color: string ;
+  iniciales: string;
+  url = window.location.href;
+
+  constructor(
+    public layoutService: LayoutService,
+    public el: ElementRef,
+    private activatedRoute: ActivatedRoute,
+    private storage: StorageService,
+    private router: Router,
+    private renderer: Renderer2,
+    private menuService: MenuService,
+    private authService: AuthService,
+    private controlFuncionalidad: CargarControlFuncionalidadService,
+    public generalPipe : GeneralPipe,
+    private storageService: StorageService,
+    public utilsService: UtilsService,
+    @Inject(DOCUMENT) private document: Document,
+  ) {
+    this.codigo = this.authService.getTokenKey('aplicacion')
+    let resultadoComprimido = this.generalPipe.MAPALOGO.filter(item => item.codigo == this.authService.getTokenKey('aplicacion') );
+    this.logoComprimido = resultadoComprimido[0]?.nombre != null ? resultadoComprimido[0]?.nombre : this.generalPipe.LOGO_SARA;
+
+  }
+
+  calcularIniciales() {
+    let colorUsuario = this.storageService.getItem('colorUsuario')
+    if (colorUsuario) {
+      this.color = colorUsuario;
+    } else {
+      const indice: number = Math.floor(Math.random() * this.colores.length);
+      this.color = this.colores[indice];
+      this.storageService.setItem('colorUsuario', this.color);
+    }
+    var nombreUsuario = this.authService.getTokenKey('nombreUsuario');
+    var cantidadPalabras: number = this.contarPalabras(nombreUsuario);
+    if (cantidadPalabras == 0 || cantidadPalabras == undefined || cantidadPalabras == null) {
+      this.iniciales = 'US'
+    } else if (cantidadPalabras == 1) {
+      this.iniciales = this.obtenerInicial(nombreUsuario);
+    } else {
+      this.iniciales = this.obtenerInicial(this.obtenerPalabra(nombreUsuario, cantidadPalabras-1)) + 
+                    this.obtenerInicial(this.obtenerPalabra(nombreUsuario, cantidadPalabras)) 
+    }
+  }
+
+  obtenerPalabra(frase: string, numeroPalabra: number): string {
+    const palabras = frase.split(/\s+/);
+    if (numeroPalabra < 1 || numeroPalabra > palabras.length) {
+        return null;
+    }
+    const indicePalabra = numeroPalabra - 1;
+    return palabras[indicePalabra];
+  }
+
+  obtenerInicial(palabra: string): string {
+    if (palabra.length === 0) {
+        return '';
+    }
+    const inicial = palabra.charAt(0).toUpperCase();
+    return inicial;
+  }
+
+  contarPalabras(texto: string): number {
+    if (texto == null || texto == undefined) {
+      return 0;
+    }
+    texto = texto.trim();
+    const palabras = texto.split(/\s+/);
+    return palabras.length;
+  }
+
+  ngOnDestroy(): void {
+    clearInterval(this.intervalId);
+  }
+  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')
+    });
+
+    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);
+  }
+
+  ngOnInit(): void {
+    let tema = this.storageService.getItem('tema');
+    this.switch = tema == 'temaOscuro' ? true : false;
+    if (tema) {
+      this.cambiarTema();
+    } else {
+      this.switch = false;
+    }
+    this.calcularIniciales();
+    this.empresa = this.authService.getTokenKey('numeroEmpresa') + ' - ' + this.authService.getTokenKey('nombreEmpresa')
+    this.rol = this.authService.getTokenKey('nombreRol')
+    this.conexion = this.authService.getTokenKey('nombreConexion')
+    this.modulosDisponibles = JSON.parse(this.storage.getItem('modulos'));
+    this.tareas = this.storage.getItem('__tareas') != null ? JSON.parse(this.storage.getItem('__tareas')) : '';
+    this.activatedRoute.data.subscribe((v) => {
+      //this.modulosDisponibles = v['modulosDisponibles'];
+      this.modulo = this.storage.getItem('moduloSeleccionado')
+      let moduloSeleccionado: ModulosModel = new ModulosModel(this.modulo, '');
+      this.cambioModulo(moduloSeleccionado, false)
+    });
+  }
+
+  activeItem!: number; // un número que representa el elemento activo
+
+  //Dummi de barra de elementos por si se necesita.
+  model: MegaMenuItem[] = [
+    {
+      label: 'UI KIT',
+      items: [
+        [
+          {
+            label: 'UI KIT 1',
+            items: [
+              { label: 'Form Layout', icon: 'pi pi-fw pi-id-card', routerLink: ['/uikit/formlayout'] },
+              { label: 'Input', icon: 'pi pi-fw pi-check-square', routerLink: ['/uikit/input'] },
+              { label: 'Float Label', icon: 'pi pi-fw pi-bookmark', routerLink: ['/uikit/floatlabel'] },
+              { label: 'Button', icon: 'pi pi-fw pi-mobile', routerLink: ['/uikit/button'] },
+              { label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file'] },
+            ],
+          },
+        ],
+        [
+          {
+            label: 'UI KIT 2',
+            items: [
+              { label: 'Table', icon: 'pi pi-fw pi-table', routerLink: ['/uikit/table'] },
+              { label: 'List', icon: 'pi pi-fw pi-list', routerLink: ['/uikit/list'] },
+              { label: 'Tree', icon: 'pi pi-fw pi-share-alt', routerLink: ['/uikit/tree'] },
+              { label: 'Panel', icon: 'pi pi-fw pi-tablet', routerLink: ['/uikit/panel'] },
+              { label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts'] },
+            ],
+          },
+        ],
+        [
+          {
+            label: 'UI KIT 3',
+            items: [
+              { label: 'Overlay', icon: 'pi pi-fw pi-clone', routerLink: ['/uikit/overlay'] },
+              { label: 'Media', icon: 'pi pi-fw pi-image', routerLink: ['/uikit/media'] },
+              { label: 'Menu', icon: 'pi pi-fw pi-bars', routerLink: ['/uikit/menu'] },
+              { label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message'] },
+              { label: 'Misc', icon: 'pi pi-fw pi-circle-off', routerLink: ['/uikit/misc'] },
+            ],
+          },
+        ],
+      ],
+    },
+    {
+      label: 'UTILITIES',
+      items: [
+        [
+          {
+            label: 'UTILITIES 1',
+            items: [
+              { label: 'Icons', icon: 'pi pi-fw pi-prime', routerLink: ['utilities/icons'] },
+              { label: 'PrimeFlex', icon: 'pi pi-fw pi-desktop', url: 'https://www.primefaces.org/primeflex/', target: '_blank' },
+            ],
+          },
+        ],
+      ],
+    },
+  ];
+
+  // un getter que devuelve el estado activo del menú superior móvil
+  get mobileTopbarActive(): boolean {
+    return this.layoutService.state.topbarMenuActive;
+  }
+
+  onMenuButtonClick() {
+    this.layoutService.onMenuToggle();
+  }
+
+  onRightMenuButtonClick() {
+    this.layoutService.openRightSidebar();
+  }
+
+  onMobileTopbarMenuButtonClick() {
+    this.layoutService.onTopbarMenuToggle();
+  }
+
+  // un método que se ejecuta para enfocar el campo de búsqueda
+  focusSearchInput() {
+    setTimeout(() => {
+      if (this.autocomplete) {
+     //   this.autocomplete.focusInput();
+      }
+      //this.searchInput.nativeElement.focus();
+    }, 0);
+  }
+
+  // un método que se ejecuta cuando se selecciona una tarea
+  tareaSeleccion() {
+    if (this.tareaSeleccionadas != null) {
+      this.router.navigate([this.utilsService.obtenerBase() +  this.tareaSeleccionadas.urlprincipal.replace(/.jsf/, '')]);
+    }
+  }
+
+  salir() {
+    this.authService.deleteToken();
+    this.storageService.removeItem('roles')
+    this.storageService.removeItem('autenticacionUsuarioDTO')
+    this.storageService.removeItem('rol_seleccionado')
+    this.storageService.removeItem('token')
+    this.storageService.removeItem('__tareas')
+    this.storageService.removeItem('modulos')
+    this.storageService.removeItem('moduloSeleccionado')
+    this.controlFuncionalidad.eliminarFuncionalidades();
+    this.router.navigateByUrl(this.utilsService.obtenerBase() + '/login');
+  }
+
+  cambioModulo(modulo: ModulosModel, navegar: boolean): void {
+    this.storage.setItem('moduloSeleccionado', modulo.llave)
+    this.menuService.setTareasDelModulo(modulo.llave);
+    if (navegar) {
+      if (window.location.href.toString().includes('admonPortal')) {
+        this.router.navigateByUrl(this.utilsService.obtenerBase() + '/admonPortal/inicio');
+      } else {
+        this.router.navigateByUrl(this.utilsService.obtenerBase() + '/inicio');
+      }
+    }
+  }
+
+  // un método que se ejecuta para filtrar las tareas
+  filterTarea(event) {
+    const filtered: TareasModel[] = [];
+    const query = event.query;
+    for (let i = 0; i < this.tareas.length; i++) {
+      const country = this.tareas[i];
+      if (country.descripcion.toLowerCase().includes(query.toLowerCase())) {
+        filtered.push(country);
+      }
+    }
+    this.tareasFiltradas = filtered;
+  }
+
+  cambioSwitch(cambio){
+    console.log(cambio)
+    this.switch = cambio.checked;
+    this.cambiarTema()
+  }
+
+  cambiarTema(){
+    let tema = this.switch ? 'temaOscuro' : 'temaClaro';
+    localStorage.setItem(this.utilsService.obtenerBase() + '_' +'tema', tema);
+    let linkTema = this.document.getElementById('temaApp') as HTMLLinkElement;
+    linkTema.href = `${tema}.css`
+  }
+}
+