utn-cli 2.0.61 → 2.0.62

package/package.json

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

package/templates/frontend/src/app/Componentes/Nucleo/gestion-actividad/gestion-actividad.component.css

@@ -10,7 +10,7 @@
   border-radius: 12px;
   margin-bottom: 20px;
   border: 1px solid #e0e6ed;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
   text-align: left;
 }
 
@@ -80,7 +80,7 @@
   border: 1px solid #e0e6ed;
   border-radius: 12px;
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
   text-align: left;
 }
 
@@ -110,37 +110,17 @@
 }
 
 /* Colores por método */
-.metodo-get {
-  color: #0069B4;
-  background-color: #e3f2fd;
-}
-
-.metodo-post {
-  color: #518a5f;
-  background-color: #e8f5e9;
-}
-
-.metodo-put {
-  color: #FFA757;
-  background-color: #fff3e0;
-}
-
-.metodo-delete {
-  color: #F82617;
-  background-color: #ffebee;
-}
-
-.metodo-default {
-  color: #7d7d7d;
-  background-color: #f5f5f5;
-}
+.metodo-get { color: #0069B4; background-color: #e3f2fd; }
+.metodo-post { color: #518a5f; background-color: #e8f5e9; }
+.metodo-put { color: #FFA757; background-color: #fff3e0; }
+.metodo-delete { color: #F82617; background-color: #ffebee; }
+.metodo-default { color: #7d7d7d; background-color: #f5f5f5; }
 
 .item-contenido {
   flex: 1;
   display: flex;
   flex-direction: column;
-  min-width: 0;
-  /* Evita que el flex desborde */
+  min-width: 0; /* Evita que el flex desborde */
 }
 
 .item-titulo {
@@ -188,21 +168,10 @@
   height: 14px;
 }
 
-.detalle-dispositivo mat-icon {
-  color: #673ab7;
-}
-
-.detalle-browser mat-icon {
-  color: #5f6368;
-}
-
-.detalle-ip mat-icon {
-  color: #0069B4;
-}
-
-.detalle-pais mat-icon {
-  color: #F87600;
-}
+.detalle-dispositivo mat-icon { color: #673ab7; }
+.detalle-browser mat-icon { color: #5f6368; }
+.detalle-ip mat-icon { color: #0069B4; }
+.detalle-pais mat-icon { color: #F87600; }
 
 .item-fecha {
   font-size: 11px;
@@ -227,14 +196,14 @@ mat-progress-bar {
     flex-direction: column;
     align-items: flex-start;
   }
-
+  
   .item-icono {
     margin-bottom: 12px;
   }
-
+  
   .item-fecha {
     margin-left: 0;
     margin-top: 12px;
     align-items: flex-start;
   }
-}
+}

package/templates/frontend/src/app/Componentes/Nucleo/gestion-actividad/gestion-actividad.component.html

@@ -2,59 +2,57 @@
   <div class="header-actividad">
     <h2><mat-icon>history</mat-icon> Actividad reciente de la cuenta</h2>
     <p>Historial de acciones realizadas en el sistema</p>
-
+    
     <div class="mensaje-informativo">
       <mat-icon>info</mat-icon>
-      <p>Si tiene dudas sobre la información que ve en pantalla, por favor comparta una captura de pantalla al correo
-        <strong>soporte@utn.ac.cr</strong>.</p>
+      <p>Si tiene dudas sobre la información que ve en pantalla, por favor comparta una captura de pantalla al correo <strong>soporte@utn.ac.cr</strong>.</p>
     </div>
   </div>
 
   @if(cargando){
-  <mat-progress-bar mode="indeterminate"></mat-progress-bar>
+    <mat-progress-bar mode="indeterminate"></mat-progress-bar>
   }
-
+  
   <div class="lista-actividad">
     @if(actividad.length === 0 && !cargando) {
-    <p class="sin-datos">No hay actividad reciente.</p>
+      <p class="sin-datos">No hay actividad reciente.</p>
     }
 
     @for (item of actividad; track item.Consecutivo) {
-    <div class="actividad-item">
-      <div class="item-icono" [ngClass]="{
+      <div class="actividad-item">
+        <div class="item-icono" [ngClass]="{
           'metodo-get': item.Metodo === 'GET',
           'metodo-post': item.Metodo === 'POST',
           'metodo-put': item.Metodo === 'PUT',
           'metodo-delete': item.Metodo === 'DELETE'
         }">
-        <mat-icon [matTooltip]="item.Metodo">{{ getIcon(item.Metodo) }}</mat-icon>
-      </div>
-      <div class="item-contenido">
-        <div class="item-titulo">
-          {{ item.URL }}
-          @if(esSesionActual(item.Token)){
-          <span class="badge-sesion-actual">Sesión actual</span>
-          }
+          <mat-icon [matTooltip]="item.Metodo">{{ getIcon(item.Metodo) }}</mat-icon>
         </div>
-        <div class="item-detalles">
-          <span class="detalle-dispositivo">
-            <mat-icon>{{ item.Dispositivo === 'Móvil' ? 'smartphone' : (item.Dispositivo === 'Tablet' ? 'tablet' :
-              'laptop') }}</mat-icon>
-            {{ item.Dispositivo }}
-          </span>
-          <span class="detalle-browser"><mat-icon>public</mat-icon> {{ item.Navegador }}</span>
-          <span class="detalle-ip"><mat-icon>lan</mat-icon> {{ item.IP }}</span>
-          <span class="detalle-pais"><mat-icon>location_on</mat-icon> {{ item.Pais }}</span>
+        <div class="item-contenido">
+          <div class="item-titulo">
+            {{ item.URL }}
+            @if(esSesionActual(item.Token)){
+              <span class="badge-sesion-actual">Sesión actual</span>
+            }
+          </div>
+          <div class="item-detalles">
+            <span class="detalle-dispositivo">
+              <mat-icon>{{ item.Dispositivo === 'Móvil' ? 'smartphone' : (item.Dispositivo === 'Tablet' ? 'tablet' : 'laptop') }}</mat-icon>
+              {{ item.Dispositivo }}
+            </span>
+            <span class="detalle-browser"><mat-icon>public</mat-icon> {{ item.Navegador }}</span>
+            <span class="detalle-ip"><mat-icon>lan</mat-icon> {{ item.IP }}</span>
+            <span class="detalle-pais"><mat-icon>location_on</mat-icon> {{ item.Pais }}</span>
+          </div>
+        </div>
+        <div class="item-fecha">
+          <span>{{ item.Fecha | date: 'dd/MM/yyyy' }}</span>
+          <strong>{{ item.Fecha | date: 'HH:mm:ss' }}</strong>
+          <button mat-icon-button color="warn" matTooltip="Cerrar esta sesión" (click)="cerrarSesion(item.Token)">
+            <mat-icon>logout</mat-icon>
+          </button>
         </div>
       </div>
-      <div class="item-fecha">
-        <span>{{ item.Fecha | date: 'dd/MM/yyyy' }}</span>
-        <strong>{{ item.Fecha | date: 'HH:mm:ss' }}</strong>
-        <button mat-icon-button color="warn" matTooltip="Cerrar esta sesión" (click)="cerrarSesion(item.Token)">
-          <mat-icon>logout</mat-icon>
-        </button>
-      </div>
-    </div>
     }
   </div>
-</div>
+</div>

package/templates/frontend/src/app/Componentes/Nucleo/gestion-actividad/gestion-actividad.component.ts

@@ -5,6 +5,8 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatButtonModule } from '@angular/material/button';
+import { MatDialog } from '@angular/material/dialog';
+import { MensajeConfirmacionComponent } from '../mensaje-confirmacion/mensaje-confirmacion';
 import { DatosGlobalesService } from '../../../datos-globales.service';
 
 @Component({
@@ -19,7 +21,7 @@ export class GestionActividadComponent implements OnInit {
   public cargando = false;
   private tokenActual = '';
 
-  constructor(private http: HttpClient, private datosGlobalesService: DatosGlobalesService) { }
+  constructor(private http: HttpClient, private datosGlobalesService: DatosGlobalesService, private dialog: MatDialog) { }
 
   ngOnInit(): void {
     this.tokenActual = this.datosGlobalesService.ObtenerToken().split(' ')[1] || '';
@@ -43,23 +45,32 @@ export class GestionActividadComponent implements OnInit {
   }
 
   cerrarSesion(token: string): void {
-    if (confirm('¿Está seguro de que desea cerrar esta sesión?')) {
-      this.http.delete(`${this.datosGlobalesService.ObtenerURL()}misc/cerrarSesionPorToken/${token}`).subscribe({
-        next: () => {
-          if (token === this.tokenActual) {
-            this.datosGlobalesService.RedirigirALogin();
-          } else {
-            this.obtenerActividad();
-          }
+    this.dialog.open(MensajeConfirmacionComponent, {
+      data: {
+        titulo: 'Confirmación',
+        mensaje: '¿Está seguro de que desea cerrar esta sesión?',
+        textoCerrar: 'Cancelar',
+        textoAceptar: 'Cerrar sesión',
+        onClose: () => { },
+        onAccept: () => {
+          this.http.delete(`${this.datosGlobalesService.ObtenerURL()}misc/cerrarSesionPorToken/${token}`).subscribe({
+            next: () => {
+              if (token === this.tokenActual) {
+                this.datosGlobalesService.RedirigirALogin();
+              } else {
+                this.obtenerActividad();
+              }
+            },
+            error: (error) => {
+              console.error('Error al cerrar sesión:', error);
+            }
+          });
         },
-        error: (error) => {
-          console.error('Error al cerrar sesión:', error);
-        }
-      });
-    }
+      },
+    });
   }
-
   esSesionActual(token: string): boolean {
+
     return token === this.tokenActual;
   }