utn-cli 2.0.45 → 2.0.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "utn-cli",
-  "version": "2.0.45",
+  "version": "2.0.46",
   "description": "Herramienta CLI unificada para la gestión de plantillas en SIGU.",
   "main": "index.js",
   "type": "module",

package/templates/backend/rutas/misc.js

@@ -4,6 +4,23 @@ const Router = express.Router();
 const Miscelaneo = require('./../servicios/Nucleo/Miscelaneas.js');
 const ManejadorDeErrores = require('../servicios/Nucleo/ManejadorDeErrores.js');
 
+Router.get('/UsuariosActuales', async (solicitud, respuesta, next) => {
+  try {
+    if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+      try {
+        return respuesta.json({ body: await Miscelaneo.UsuariosActuales(), error: undefined });
+      } catch (error) {
+        const MensajeDeError = 'No fue posible obtener los usuarios actuales';
+        console.error(new ManejadorDeErrores(MensajeDeError, ManejadorDeErrores.obtenerNumeroDeLinea(), true, `Dirección IP: ${solicitud.ip}`));
+        return respuesta.status(500).json({ body: undefined, error: MensajeDeError });
+      }
+    }
+    return respuesta.status(401).json({ body: undefined, error: ManejadorDeErrores.mensajeDeError401() });
+  } catch (error) {
+    next(error);
+  }
+});
+
 Router.post('/Verificar2FA', async (solicitud, respuesta, next) => {
   try {
     return respuesta.json({ body: await Miscelaneo.Verificar2FA(solicitud), error: undefined });

package/templates/backend/servicios/Nucleo/Miscelaneas.js

@@ -40,7 +40,98 @@ class Miscelaneo {
     this.EnlaceDeAcceso = undefined;
   };
 
+  async UsuariosActuales() {
+    const ConexionSigu = await crearObjetoConexionSIGU();
+    const Actuales = await ConexionSigu.query("SELECT COUNT(DISTINCT `Identificador`) AS `Total` FROM `SIGU`.`SIGU_Sesiones` WHERE `LastUpdate` >= NOW() - INTERVAL 2 HOUR");
+    const Activos = await ConexionSigu.query("SELECT COUNT(DISTINCT CONCAT(JSON_VALUE(`Solicitud`, '$.ip'), JSON_VALUE(`Solicitud`, '$.userAgent')) ) FROM `SIGU`.`SIGU_BitacoraDeSolicitudes` WHERE `LastUpdate` >= NOW() - INTERVAL 5 MINUTE");
+    if (ConexionSigu) await ConexionSigu.end();
+    return {
+      UsuariosActuales: Actuales[0][0]['Total'],
+      UsuariosActivos: Activos[0][0]['Total']
+    }
+  }
+
   //REPORTE INICIA AQUÍ
+  GenerarReporteHTMLRegistrosVerticales(ElementosParaLaTabla, ParametrosExcluidos = [], ParametrosExtra = []) {
+    //Ejemplo ElementosParaLaTabla:
+    // [
+    //   {
+    //     "Fecha del traslado": "16-03-2026",
+    //     "Justificacion": "Traslado por mantenimiento",
+    //     "Dependencia que entrega": "Juan Pérez",
+    //     "Dependencia que recibe": "María Gómez",
+    //     Placa: "ABC123",
+    //     "Descripción": "Laptop Dell",
+    //     "Código de activo": "ACT-001",
+    //     "N° de serie": "SN123456",
+    //     Marca: "Dell",
+    //     Modelo: "Latitude 5420",
+    //     Estado: "Bueno",
+    //     IdentificadorOrigen: 101,
+    //     IdentificadorDestino: 202
+    //   },
+    //   {
+    //     "Fecha del traslado": "16-03-2026",
+    //     "Justificacion": "Traslado por mantenimiento",
+    //     "Dependencia que entrega": "Juan Pérez",
+    //     "Dependencia que recibe": "María Gómez",
+    //     Placa: "XYZ789",
+    //     "Descripción": "Monitor Samsung",
+    //     "Código de activo": "ACT-002",
+    //     "N° de serie": "SN654321",
+    //     Marca: "Samsung",
+    //     Modelo: "S24F350",
+    //     Estado: "Excelente",
+    //     IdentificadorOrigen: 101,
+    //     IdentificadorDestino: 202
+    //   }
+    // ]
+    // Espera un Array 
+    //Ejemplo ParametrosExcluidos:
+    //const ParametrosExcluidos = ['IdentificadorOrigen', 'Justificacion', 'IdentificadorDestino'];
+    //Valores devueltos por el QUERY que no sean necesarios mostrar en la tabla.
+
+    //Ejemplo ParametrosExtra:
+    //const ParametrosExtra = ['Toma física'];
+    //En caso de necesitar un espacio extra en la tabla que no se encuentra en la lista principal.
+    if (!ElementosParaLaTabla?.length) return '<p>No hay datos para mostrar.</p>';
+
+    const baseColumnas = Object.keys(ElementosParaLaTabla[0]).filter(col => !ParametrosExcluidos.includes(col));
+    const columnas = [...baseColumnas, ...ParametrosExtra.filter(p => !baseColumnas.includes(p))];
+
+    let htmlFinal = '';
+
+    ElementosParaLaTabla.forEach((fila, index) => {
+
+      const filasHTML = columnas.map(col => {
+        const valor = fila[col] ?? '-';
+        return `
+          <tr>
+            <th style="width: 20%;">${col}</th>
+            <td style="width: 80%;">${valor}</td>
+          </tr>
+        `;
+      }).join('');
+
+      htmlFinal += `
+      <div style="margin-top: 20px; page-break-inside: avoid; border: 1px solid #ccc; border-radius: 8px; overflow: hidden;">
+        
+        <div style="background-color: #002f6b; color: white; padding: 6px 10px; font-weight: bold; font-size: 14px;">
+          Registro N° ${index + 1}
+        </div>
+        
+        <table style="border: none; border-radius: 0; margin-top: 0;">
+          <tbody>
+            ${filasHTML}
+          </tbody>
+        </table>
+
+      </div>`;
+    });
+
+    return htmlFinal;
+  }
+
   GenerarReporteHTMLEncabezado(InformacionDeLaDerecha, titulares, marcaDeAgua = '') {
     const date = new Date();
     const year = date.getFullYear();
@@ -90,6 +181,7 @@ class Miscelaneo {
         
       </div> `;
   }
+
   GenerarReporteHTMLFecha() {
     const now = new Date();
 
@@ -122,6 +214,7 @@ class Miscelaneo {
     </div>
        `
   }
+
   GenerarReporteHTMLTablas(ElementosParaLaTabla, ParametrosExcluidos = [], ParametrosExtra = []) {
     //Ejemplo ElementosParaLaTabla:
     // [
@@ -181,7 +274,7 @@ class Miscelaneo {
     });
 
     const colCount = columnas.length + 1;
-    const minRows = 8;
+    const minRows = 1;
     let currentIndex = rows.length;
     while (rows.length < minRows) {
       let emptyCells = `<td><strong>${currentIndex + 1}</strong></td>`;

package/templates/frontend/src/app/Componentes/Nucleo/tarjeta-modulo/tarjeta-modulo.component.ts

@@ -1,5 +1,6 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { MiscelaneosService } from '../../../miscelaneos.service';
 
 
 @Component({
@@ -13,11 +14,13 @@ export class TarjetaModuloComponent {
   @Output() moduloSeleccionado = new EventEmitter<any>();
   @Output() favoritoToggled = new EventEmitter<string>();
 
+  constructor(private miscelaneosService: MiscelaneosService) { }
+
   onClick() {
     this.moduloSeleccionado.emit(this.modulo);
   }
 
-  alternarFavorito(event: MouseEvent) {
+  async alternarFavorito(event: MouseEvent) {
     event.stopPropagation();
     const favoritos = this.obtenerFavoritos();
     const index = favoritos.indexOf(this.modulo.Nombre);
@@ -26,7 +29,9 @@ export class TarjetaModuloComponent {
     } else {
       favoritos.push(this.modulo.Nombre);
     }
-    localStorage.setItem('ModulosFavoritos', JSON.stringify(favoritos));
+
+    // Actualiza localmente y en DB a través del servicio
+    await this.miscelaneosService.actualizarFavoritos(favoritos);
     this.favoritoToggled.emit(this.modulo.Padre);
   }
 

package/templates/frontend/src/app/Paginas/Nucleo/contenedor-componentes/contenedor-componentes.component.css

@@ -109,6 +109,10 @@
   display: flex;
   gap: 10px;
   align-items: center;
+  flex: 1;
+  /* Cada columna ocupará el mismo espacio */
+  overflow: hidden;
+  /* Evita que el contenido desborde el tercio asignado */
 }
 
 .pie-col.izquierda {
@@ -117,7 +121,6 @@
 }
 
 .pie-col.centro {
-  flex: 1;
   justify-content: center;
 }
 
@@ -140,3 +143,86 @@
   display: flex;
   flex-direction: column;
 }
+
+/* Estilos para el contador de usuarios */
+.contador-usuarios {
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.5);
+  padding: 4px 15px;
+  border-radius: 20px;
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  color: #002f6b;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
+  border: 1px solid rgba(0, 47, 107, 0.1);
+  transition: all 0.3s ease;
+}
+
+.contador-usuarios:hover {
+  background: rgba(255, 255, 255, 0.8);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  transform: translateY(-1px);
+}
+
+.icono-usuarios {
+  font-size: 18px !important;
+  width: 18px !important;
+  height: 18px !important;
+  margin-right: 8px;
+  color: #1976d2;
+}
+
+.etiqueta-usuarios {
+  margin-right: 8px;
+  font-weight: 500;
+  color: #555;
+}
+
+.separador-usuarios {
+  margin: 0 10px;
+  color: #ccc;
+  font-weight: 200;
+}
+
+.valor-fijo {
+  font-weight: bold;
+  color: #002f6b;
+}
+
+.numeros-container {
+  display: inline-flex;
+  /* Cambiado a inline-flex para mejor control */
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  height: 20px;
+  min-width: 25px;
+  /* Reserva espacio para al menos 2-3 dígitos y evita el salto horizontal */
+  line-height: 20px;
+  vertical-align: middle;
+}
+}
+
+.numero-animado {
+  display: block;
+  font-weight: bold;
+  color: #002f6b;
+  width: 100%;
+  text-align: center;
+  /* Animación tipo YouTube: deslizamiento estrictamente vertical */
+  animation: youtubeSlide 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
+  will-change: transform, opacity;
+}
+
+@keyframes youtubeSlide {
+  0% {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}

package/templates/frontend/src/app/Paginas/Nucleo/contenedor-componentes/contenedor-componentes.component.html

@@ -61,6 +61,17 @@
       Módulo: {{ Modulo }}. Versión: {{ Version }}.
     </div>
     <div class="pie-col centro">
+      <div class="contador-usuarios">
+        <mat-icon class="icono-usuarios" matTooltip="Sesiones abiertas en las últimas dos horas">group</mat-icon>
+        <div class="numeros-container">
+          @if (AnimarUsuarios) {
+          <div class="numero-animado">{{ UsuariosActuales | number }}</div>
+          }
+        </div>
+        <span class="separador-usuarios">|</span>
+        <mat-icon class="icono-usuarios" style="color: #4caf50;" matTooltip="Usuarios activos">remove_red_eye</mat-icon>
+        <span class="valor-fijo">{{ UsuariosActivos | number }}</span>
+      </div>
     </div>
     <div class="pie-col derecha">
       @if(TienePermiso) {
@@ -90,4 +101,4 @@
       </button>
     </div>
   </div>
-</div>
+</div>

package/templates/frontend/src/app/Paginas/Nucleo/contenedor-componentes/contenedor-componentes.component.ts

@@ -1,5 +1,5 @@
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { Component } from '@angular/core';
+import { Component, OnInit, OnDestroy } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { DatosGlobalesService } from '../../../datos-globales.service';
 import { Location, CommonModule } from '@angular/common';
@@ -17,7 +17,7 @@ import { ReporteDeSugerenciasComponent } from '../../../Componentes/Nucleo/repor
   templateUrl: './contenedor-componentes.component.html',
   styleUrl: './contenedor-componentes.component.css'
 })
-export class ContenedorComponentesComponent {
+export class ContenedorComponentesComponent implements OnInit, OnDestroy {
   public TienePermiso: boolean = false;
   public Titulo: string = '';
   public Modulo: string = '';
@@ -28,6 +28,11 @@ export class ContenedorComponentesComponent {
   public claseDelContenedor: string = '';
   public Descripcion: string = '';
   public Detalle: string = '';
+  public UsuariosActuales: number = 0;
+  public UsuariosActivos: number = 0;
+  public AnimarUsuarios: boolean = true;
+  private intervaloUsuarios: any;
+
   constructor(private http: HttpClient, private datosGlobalesService: DatosGlobalesService, private location: Location, private dialog: MatDialog) {
     if (datosGlobalesService.ObtenerToken() === '') {
       datosGlobalesService.RedirigirALogin();
@@ -48,6 +53,12 @@ export class ContenedorComponentesComponent {
     } else {
       this.claseDelContenedor = 'contenedor';
     }
+
+    this.obtenerUsuariosActuales();
+    this.intervaloUsuarios = setInterval(() => {
+      this.obtenerUsuariosActuales();
+    }, 30000);
+
     this.http.get(this.datosGlobalesService.ObtenerURL() + 'misc/validarToken').subscribe((datos: any) => {
       this.TienePermiso = datos.body;
       if (!this.TienePermiso) {
@@ -197,4 +208,24 @@ export class ContenedorComponentesComponent {
   irASugerencias(): void {
     this.dialog.open(ReporteDeSugerenciasComponent);
   }
+
+  ngOnDestroy() {
+    if (this.intervaloUsuarios) {
+      clearInterval(this.intervaloUsuarios);
+    }
+  }
+
+  obtenerUsuariosActuales(): void {
+    this.http.get(this.datosGlobalesService.ObtenerURL() + 'misc/UsuariosActuales').subscribe((datos: any) => {
+      const data = datos.body;
+      if (this.UsuariosActuales !== data.UsuariosActuales) {
+        this.UsuariosActuales = data.UsuariosActuales;
+        this.AnimarUsuarios = false;
+        setTimeout(() => {
+          this.AnimarUsuarios = true;
+        }, 50);
+      }
+      this.UsuariosActivos = data.UsuariosActivos;
+    });
+  }
 }

package/templates/frontend/src/app/Paginas/gestion-tabla/gestion-tabla.component.ts

@@ -61,7 +61,7 @@ export class GestionTablaComponent {
     { icono: 'delete', color: 'rojo', textoAyuda: 'Eliminar', ejecutar: (fila: any) => this.confirmacionEliminar(fila), },
   ];
   public accionesSiempreClickeable = [
-    { icono: 'upload_file', color: 'verde', textoAyuda: 'Subir adjuntos', ejecutar: (fila: any) => this.AbrirModalArchivo(fila), },
+    { icono: 'upload_file', color: 'verde', textoAyuda: 'Adjuntos', ejecutar: (fila: any) => this.AbrirModalArchivo(fila), },
     { icono: 'info', color: 'verdeoscuro', textoAyuda: 'Información', ejecutar: (fila: any) => this.mostrarDetalleDelRegistro(fila.LicenciaId), }
   ];
   constructor(private http: HttpClient, private dialog: MatDialog, private datosGlobalesService: DatosGlobalesService) {

package/templates/frontend/src/app/Paginas/gestion-tabla-XYZ/gestion-tabla-XYZ.component.ts

@@ -63,7 +63,7 @@ export class GestionTablaXYZComponent {
   ];
   public accionesDinamicas = [];
   public accionesSiempreClickeable = [
-    { icono: 'upload_file', color: 'verde', textoAyuda: 'Subir adjuntos', ejecutar: (fila: any) => this.AbrirModalArchivo(fila), },
+    { icono: 'upload_file', color: 'verde', textoAyuda: 'Adjuntos', ejecutar: (fila: any) => this.AbrirModalArchivo(fila), },
     { icono: 'info', color: 'verdeoscuro', textoAyuda: 'Información', ejecutar: (fila: any) => this.mostrarDetalleDelRegistro(fila.LicenciaId), }
   ];
   public subAcciones = [];

package/templates/frontend/src/app/Paginas/gestion-tabla-jefe/gestion-tabla-jefe.component.ts

@@ -54,7 +54,7 @@ export class GestionTablaJefeComponent {
     { icono: 'close', color: 'rojo', textoAyuda: 'Rechazar', ejecutar: (row: any) => this.confirmacionRechazoDelJefe(row), },
   ];
   public accionesSiempreClickeable = [
-    { icono: 'upload_file', color: 'verde', textoAyuda: 'Subir adjuntos', ejecutar: (row: any) => this.AbrirModalArchivo(row), },
+    { icono: 'upload_file', color: 'verde', textoAyuda: 'Adjuntos', ejecutar: (row: any) => this.AbrirModalArchivo(row), },
     { icono: 'info', color: 'verdeoscuro', textoAyuda: 'Información', ejecutar: (fila: any) => this.mostrarDetalleDelRegistro(fila.LicenciaId), }
   ];
   constructor(private http: HttpClient, private dialog: MatDialog, private datosGlobalesService: DatosGlobalesService) {