utn-cli 2.0.46 → 2.0.48

package/package.json

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

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

@@ -43,7 +43,7 @@ class Miscelaneo {
   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");
+    const Activos = await ConexionSigu.query("SELECT COUNT(DISTINCT CONCAT(JSON_VALUE(`Solicitud`, '$.ip'), JSON_VALUE(`Solicitud`, '$.userAgent')) ) AS `Total` FROM `SIGU`.`SIGU_BitacoraDeSolicitudes` WHERE `LastUpdate` >= NOW() - INTERVAL 5 MINUTE");
     if (ConexionSigu) await ConexionSigu.end();
     return {
       UsuariosActuales: Actuales[0][0]['Total'],

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

@@ -202,7 +202,6 @@
   line-height: 20px;
   vertical-align: middle;
 }
-}
 
 .numero-animado {
   display: block;

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

@@ -69,8 +69,13 @@
           }
         </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>
+        <mat-icon class="icono-usuarios" style="color: #4caf50;"
+          matTooltip="Usuarios con sesión activa en este momento">remove_red_eye</mat-icon>
+        <div class="numeros-container">
+          @if (AnimarUsuariosActivos) {
+          <div class="numero-animado">{{ UsuariosActivos | number }}</div>
+          }
+        </div>
       </div>
     </div>
     <div class="pie-col derecha">
@@ -101,4 +106,4 @@
       </button>
     </div>
   </div>
-</div>
+</div>

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

@@ -31,6 +31,7 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy {
   public UsuariosActuales: number = 0;
   public UsuariosActivos: number = 0;
   public AnimarUsuarios: boolean = true;
+  public AnimarUsuariosActivos: boolean = true;
   private intervaloUsuarios: any;
 
   constructor(private http: HttpClient, private datosGlobalesService: DatosGlobalesService, private location: Location, private dialog: MatDialog) {
@@ -218,6 +219,7 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy {
   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;
@@ -225,7 +227,14 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy {
           this.AnimarUsuarios = true;
         }, 50);
       }
-      this.UsuariosActivos = data.UsuariosActivos;
+
+      if (this.UsuariosActivos !== data.UsuariosActivos) {
+        this.UsuariosActivos = data.UsuariosActivos;
+        this.AnimarUsuariosActivos = false;
+        setTimeout(() => {
+          this.AnimarUsuariosActivos = true;
+        }, 50);
+      }
     });
   }
 }