utn-cli 2.1.56 → 2.1.57

package/package.json

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

package/templates/backend/package.json

@@ -25,7 +25,7 @@
     "helmet": "^7.2.0",
     "jsonwebtoken": "^9.0.3",
     "mysql2": "^3.22.5",
-    "nodemailer": "^8.0.11",
+    "nodemailer": "^9.0.1",
     "pdf-lib": "^1.17.1",
     "pdfkit": "^0.15.2"
   }

package/templates/frontend/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve --host=0.0.0.0 --disable-host-check",
+    "start": "ng serve --host=0.0.0.0",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"

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

@@ -1,12 +1,13 @@
 <div class="pagina">
   <div class="encabezado">
     <div class="encabezado-marca">
-      @if(TienePermiso && esDashboard){
+      @if(TienePermiso() && esDashboard){
       <button class="botonDeNavegacion ColorBlanco" matTooltip="Módulos" title="Módulos" (click)="toggleSidebar()">
         <mat-icon>menu</mat-icon>
       </button>
-      } @else if (TienePermiso) {
-      <button class="botonDeNavegacion ColorBlanco" matTooltip="Menú principal" title="Menú principal" (click)="irAlInicio()">
+      } @else if (TienePermiso()) {
+      <button class="botonDeNavegacion ColorBlanco" matTooltip="Menú principal" title="Menú principal"
+        (click)="irAlInicio()">
         <mat-icon>home</mat-icon>
       </button>
       }
@@ -18,7 +19,7 @@
       <span class="encabezado-titulo-modulo">SIGU</span>
     </div>
     <div class="encabezado-acciones">
-      @if(TienePermiso){
+      @if(TienePermiso()){
       <button class="botonDeNavegacion ColorBlanco" matTooltip="Ir atrás" title="Ir atrás" (click)="irAtras()">
         <mat-icon>arrow_back</mat-icon>
       </button>
@@ -62,7 +63,7 @@
   </div>
   <div class="zona-scrollable">
     <div [ngClass]="claseDelContenedor">
-      <!-- @if(TienePermiso) {
+      <!-- @if(TienePermiso()) {
       <div class="botonesDeNavegacion">
         <button class="botonDeNavegacion" matTooltip="Ir atrás" title="Ir atrás" (click)="irAtras()">
           <mat-icon>arrow_back</mat-icon>
@@ -80,7 +81,7 @@
       </div>
       } -->
       <div class="contenido">
-        @if(TienePermiso){
+        @if(TienePermiso()){
         @if(esDashboard && tieneTarjetas) {
         <div class="cabecera2">
           <div class="cabecera2-info">
@@ -117,9 +118,7 @@
   </div>
 
   @if (panelNotificacionesAbierto) {
-  <app-panel-notificaciones
-    [datos]="datosNotificaciones"
-    (cerrar)="panelNotificacionesAbierto = false">
+  <app-panel-notificaciones [datos]="datosNotificaciones" (cerrar)="panelNotificacionesAbierto = false">
   </app-panel-notificaciones>
   }
 

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

@@ -1,5 +1,5 @@
 import { HttpClient } from '@angular/common/http';
-import { Component, OnInit, OnDestroy, NgZone, AfterViewChecked, ViewChild, ElementRef } from '@angular/core';
+import { Component, OnInit, OnDestroy, NgZone, AfterViewChecked, ViewChild, ElementRef, ChangeDetectorRef, signal } from '@angular/core';
 import { RouterOutlet, Router } from '@angular/router';
 import { DatosGlobalesService } from '../../../datos-globales.service';
 import { Location, CommonModule } from '@angular/common';
@@ -31,7 +31,7 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
   @ViewChild('filtroInput') filtroInput?: ElementRef<HTMLInputElement>;
   private focusDone = false;
 
-  public TienePermiso: boolean = false;
+  public TienePermiso = signal<boolean>(false);
   public Titulo: string = '';
   public Modulo: string = '';
   public Version: string = '';
@@ -53,10 +53,10 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
   public itemsDeMenu: ItemDeMenu[] = [];
 
   get itemsDeMenuVisibles(): ItemDeMenu[] {
-    return this.itemsDeMenu.filter(i => !i.requierePermiso || this.TienePermiso);
+    return this.itemsDeMenu.filter(i => !i.requierePermiso || this.TienePermiso());
   }
 
-  get esDashboard(): boolean { return window.location.pathname === '/'; }
+  get esDashboard(): boolean { return typeof window !== 'undefined' ? window.location.pathname === '/' : true; }
 
   toggleSidebar(): void {
     const abriendo = !this.datosGlobalesService.sidebarVisible$.value;
@@ -80,19 +80,21 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
   }
 
   enfocarPrimeraTarjeta(event: Event): void {
+    if (typeof document === 'undefined') return;
     const primera = document.querySelector<HTMLElement>('.modulo-card[role="button"]');
     if (!primera) return;
     event.preventDefault();
     primera.focus();
   }
 
-  constructor(private http: HttpClient, private datosGlobalesService: DatosGlobalesService, private location: Location, private dialog: MatDialog, private router: Router, private ngZone: NgZone) {
+  constructor(private http: HttpClient, private datosGlobalesService: DatosGlobalesService, private location: Location, private dialog: MatDialog, private router: Router, private ngZone: NgZone, private cdr: ChangeDetectorRef) {
     if (datosGlobalesService.ObtenerToken() === '') {
       datosGlobalesService.RedirigirALogin();
     }
   }
 
   obtenerMensajesModularesVisualizados(): string[] {
+    if (typeof localStorage === 'undefined') return [];
     const datos = localStorage.getItem('MensajesModularesVisualizados');
     return datos ? JSON.parse(datos) : [];
   }
@@ -123,6 +125,7 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
           if (item) item.posicion = c.Posicion;
         });
         this.itemsDeMenu.sort((a, b) => a.posicion - b.posicion);
+        this.cdr.detectChanges();
       },
       error: () => { }
     });
@@ -175,7 +178,7 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
     this.inicializarItemsDeMenu();
     this.cargarOrdenDelMenu();
 
-    const url = window.location.href.toLowerCase();
+    const url = typeof window !== 'undefined' ? window.location.href.toLowerCase() : '';
     if (url.includes('calidad')) {
       this.claseDelContenedor = 'contenedor calidad';
     } else if (url.includes('pruebas')) {
@@ -194,8 +197,9 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
     this.http.get(this.datosGlobalesService.ObtenerURL() + 'misc/inicializar').subscribe(async (datos: any) => {
       const body = datos.body;
 
-      this.TienePermiso = body.TienePermiso;
-      if (!this.TienePermiso) {
+      this.TienePermiso.set(body.TienePermiso);
+      if (!this.TienePermiso()) {
+        this.cdr.detectChanges();
         this.Entrar();
         return;
       }
@@ -213,6 +217,8 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
       this.EnlaceDelVideo = body.EnlaceDelVideo;
       this.Mensajes = body.Notificaciones;
 
+      this.cdr.detectChanges();
+
       const { MensajeConfirmacionHTMLComponent } = await import('../../../Componentes/Nucleo/mensaje-confirmacion-html/mensaje-confirmacion-html');
 
       if (body.Consentimiento?.Aceptaciones === 0) {
@@ -318,7 +324,7 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
   irASabiasQue(): void {
     this.router.navigate(['/sabiasque']);
   }
-  
+
   irAPreguntasFrecuentes(): void {
     this.router.navigate(['/preguntasfrecuentes']);
   }

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

@@ -1,5 +1,5 @@
 <div class="contenido" cdkDropList cdkDropListOrientation="mixed" (cdkDropListDropped)="drop($event)">
-  @for (tarjeta of tarjetas; track tarjeta.titulo) {
+  @for (tarjeta of tarjetas(); track tarjeta.titulo) {
   <div cdkDrag [class.tarjeta-opaca]="esDimmed(tarjeta)">
     @if(isMobile) {
     <div class="drag-handle" cdkDragHandle aria-label="Arrastrar tarjeta">

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

@@ -1,4 +1,4 @@
-import { Component, OnInit, OnDestroy, HostListener } from "@angular/core";
+import { Component, OnInit, OnDestroy, HostListener, signal } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { Subject } from "rxjs";
 import { takeUntil } from "rxjs/operators";
@@ -66,14 +66,16 @@ type AnyTarjetaConfig = TarjetaConfig | TarjetaMultipleConfig | TarjetaReporteCo
 export class ContenedorPrincipalComponent implements OnInit, OnDestroy {
   public cantidad: number = 0;
   public cantidadMaxima: number = 0;
-  public tarjetas: AnyTarjetaConfig[] = [];
-  public filtro: string = '';
-  public isMobile: boolean = window.innerWidth <= 768;
+  public tarjetas = signal<AnyTarjetaConfig[]>([]);
+  public filtro = signal<string>('');
+  public isMobile: boolean = typeof window !== 'undefined' ? window.innerWidth <= 768 : false;
   private destroy$ = new Subject<void>();
 
   @HostListener('window:resize')
   onResize(): void {
-    this.isMobile = window.innerWidth <= 768;
+    if (typeof window !== 'undefined') {
+      this.isMobile = window.innerWidth <= 768;
+    }
   }
 
   constructor(private http: HttpClient, private datosGlobalesService: DatosGlobalesService, private dialog: MatDialog) {
@@ -87,23 +89,28 @@ export class ContenedorPrincipalComponent implements OnInit, OnDestroy {
   }
 
   esDimmed(tarjeta: AnyTarjetaConfig): boolean {
-    if (!this.filtro.trim()) return false;
-    return !tarjeta.titulo.toLowerCase().includes(this.filtro.toLowerCase());
+    const f = this.filtro();
+    if (!f.trim()) return false;
+    return !tarjeta.titulo.toLowerCase().includes(f.toLowerCase());
   }
 
   ngOnInit() {
     this.datosGlobalesService.filtroDeTarjetas$
       .pipe(takeUntil(this.destroy$))
-      .subscribe(f => this.filtro = f);
+      .subscribe(f => {
+        this.filtro.set(f);
+      });
 
     this.http.get(`${this.datosGlobalesService.ObtenerURL()}misc/obtenerTarjetasDelContenedor`).subscribe({
       next: (datos: any) => {
-        this.tarjetas = (datos.body ?? []).map((d: any) => this.mapearTarjeta(d));
-        this.datosGlobalesService.cantidadDeTarjetas$.next(this.tarjetas.length);
+        console.log(datos)
+        const nuevasTarjetas = (datos.body ?? []).map((d: any) => this.mapearTarjeta(d));
+        this.tarjetas.set(nuevasTarjetas);
+        this.datosGlobalesService.cantidadDeTarjetas$.next(nuevasTarjetas.length);
       },
       error: (error) => {
         console.error('Error al obtener las tarjetas del contenedor:', error);
-        this.tarjetas = [];
+        this.tarjetas.set([]);
         this.datosGlobalesService.cantidadDeTarjetas$.next(0);
       }
     });
@@ -143,15 +150,19 @@ export class ContenedorPrincipalComponent implements OnInit, OnDestroy {
   }
 
   drop(event: CdkDragDrop<AnyTarjetaConfig[]>) {
-    moveItemInArray(this.tarjetas, event.previousIndex, event.currentIndex);
-    this.tarjetas.forEach((tarjeta, index) => {
+    const tarjetasActuales = [...this.tarjetas()];
+    moveItemInArray(tarjetasActuales, event.previousIndex, event.currentIndex);
+
+    tarjetasActuales.forEach((tarjeta, index) => {
       tarjeta.position = (index + 1) * 10;
     });
+
+    this.tarjetas.set(tarjetasActuales);
     this.persistirConfiguracion();
   }
 
   persistirConfiguracion() {
-    const Configuraciones = this.tarjetas.map(t => ({
+    const Configuraciones = this.tarjetas().map(t => ({
       Titulo: t.titulo,
       Posicion: t.position,
       ColorDeBorde: t.ColorDeBorde

package/templates/frontend/src/app/app.config.ts

@@ -2,7 +2,6 @@ import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
-import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideHttpClient, withFetch, withInterceptors } from '@angular/common/http';
 import { MatPaginatorIntl } from '@angular/material/paginator';
@@ -16,7 +15,6 @@ export const appConfig: ApplicationConfig = {
     { provide: MatPaginatorIntl, useClass: PaginadorPersonalizado },
     provideZoneChangeDetection({ eventCoalescing: true }),
     provideRouter(routes),
-    provideClientHydration(withEventReplay()),
     provideAnimationsAsync(),
     provideHttpClient(withFetch(), withInterceptors([AuthInterceptor])),
     provideCharts(withDefaultRegisterables()),

package/templates/frontend/src/app/datos-globales.service.ts

@@ -15,8 +15,9 @@ export class DatosGlobalesService {
   ObtenerToken() {
     const baseUrl = this.ObtenerURL();
     if (baseUrl === 'http://localhost/') {
-      return 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOiIxMiIsIklkZW50aWZpY2Fkb3IiOiIxMiIsImlhdCI6MTc3OTcxNjM5NCwiZXhwIjoxNzc5NzUyMzk0fQ.43_5Rnqyi-ArRpND81Z1MoPHluQbilX13AED102ilgQ';
+      return 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOiIxMiIsIklkZW50aWZpY2Fkb3IiOiIxMiIsImlhdCI6MTc4MTgxNTQwNSwiZXhwIjoxNzgxODUxNDA1fQ.0Z-wvoJXT21HFe817Xl7jai45s8p1qwCMyfsG_2X5SA';
     }
+    if (typeof document === 'undefined') return '';
     const match = document.cookie.match(/(?:^|;\s*)_siguid=([^;]+)/);
     let token = match ? decodeURIComponent(match[1]) : '';
     if (token && !token.startsWith('Bearer ')) {
@@ -26,6 +27,7 @@ export class DatosGlobalesService {
   }
 
   ObtenerURL(): string {
+    if (typeof window === 'undefined') return 'http://localhost/';
     const { origin } = new URL(window.location.href);
     if (origin === 'http://localhost:4200') {
       return 'http://localhost/';
@@ -34,35 +36,18 @@ export class DatosGlobalesService {
   }
 
   RedirigirALogin() {
-    // document.cookie = "_siguid=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/";
-    // const url = window.location.href.toLowerCase();
-    // if (url.includes('calidad')) {
-    //   this.claseDelContenedor = 'contenedor calidad';
-    // } else if (url.includes('pruebas')) {
-    //   this.claseDelContenedor = 'contenedor pruebas';
-    // } else {
-    //   this.claseDelContenedor = 'contenedor';
-    // }
-    // portalv2-frontend-pruebas
-    // const protocolo = new URL(window.location.href).protocol
-    // window.location.href = 'https://accesov2-frontend.sigu.utn.ac.cr/';
-    document.cookie = "_siguid=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/";
-    const redirect = encodeURIComponent(window.location.href);
-    window.location.href = `https://accesov2-frontend.sigu.utn.ac.cr/?redirect=${redirect}`;
+    if (typeof document !== 'undefined') document.cookie = "_siguid=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/";
+    if (typeof window !== 'undefined') {
+      const redirect = encodeURIComponent(window.location.href);
+      window.location.href = `https://accesov2-frontend.sigu.utn.ac.cr/?redirect=${redirect}`;
+    }
   }
 
   RedirigirAPortal() {
-    document.cookie = "_siguid=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/";
-    // const url = window.location.href.toLowerCase();
-    // if (url.includes('calidad')) {
-    //   this.claseDelContenedor = 'contenedor calidad';
-    // } else if (url.includes('pruebas')) {
-    //   this.claseDelContenedor = 'contenedor pruebas';
-    // } else {
-    //   this.claseDelContenedor = 'contenedor';
-    // }
-    // portalv2-frontend-pruebas
-    // const protocolo = new URL(window.location.href).protocol
-    window.location.href = 'https://portalv2-frontend.sigu.utn.ac.cr/';
+    if (typeof document !== 'undefined') document.cookie = "_siguid=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/";
+    if (typeof window !== 'undefined') {
+      window.location.href = 'https://portalv2-frontend.sigu.utn.ac.cr/';
+    }
   }
 }
+