utn-cli 2.1.30 → 2.1.32

package/commands/backend.js

@@ -73,7 +73,8 @@ async function inicializarProyectoBackend() {
     reemplazarContenidoEnArchivo(rutaDeDB, 'NOMBRE_DEL_REPOSITORIO_DE_BASE_DE_DATOS', val.slice(0, -3));
   });
 
-  const NOMBRE_DEL_REPOSITORIO_DE_BACKEND = await askAndReplace('NOMBRE_DEL_REPOSITORIO_DE_BACKEND', '¿Cuál es el nombre del repositorio de backend?: ', null, 'NOMBRE_DEL_REPOSITORIO_DE_BACKEND', (val) => {
+  const NOMBRE_DEL_REPOSITORIO_DE_BACKEND = await askAndReplace('NOMBRE_DEL_REPOSITORIO_DE_BACKEND', '¿Cuál es el nombre del repositorio de backend?: '
+    , null, 'NOMBRE_DEL_REPOSITORIO_DE_BACKEND', (val) => {
     const rutaPackage = path.join(process.cwd(), 'package.json');
     reemplazarContenidoEnArchivo(rutaPackage, 'nombre_del_repositorio_backend', val);
     const rutaDeserver = path.join(process.cwd(), 'server.js');
@@ -91,7 +92,7 @@ async function inicializarProyectoBackend() {
     reemplazarContenidoEnArchivo(path.join(process.cwd(), 'package.json'), 'nombre_de_desarrollador', `Para la Universidad Técnica Nacional por: ${val}`);
   });
 
-  await askAndReplace('CEDULA_DEL_DESARROLLADOR', '¿Cuál es el número de cédula del desarrollador?: ', rutaDeInformacionDelModulo, 'CEDULA_DEL_DESARROLLADOR');
+  // await askAndReplace('CEDULA_DEL_DESARROLLADOR', '¿Cuál es el número de cédula del desarrollador?: ', rutaDeInformacionDelModulo, 'CEDULA_DEL_DESARROLLADOR');
 
   const url_del_grupo = await askAndReplace('url_del_grupo', '¿Cuál es la URL del grupo en el Git?: ', null, 'url_del_grupo', (val) => {
     reemplazarContenidoEnArchivo(path.join(process.cwd(), 'package.json'), 'url_del_grupo', val);

package/commands/frontend.js

@@ -55,14 +55,16 @@ export async function updateFrontend(opciones = { cerrarAlFinalizar: true }) {
   // Copiar archivos base
   copiarDirectorios(directoriodePlantillas, directorioDestino, archivosAExcluir);
 
-  // Copiar AccionesPersonalizadas.ts solo si no existe en el destino
+  // Copiar AccionesPersonalizadas.ts solo si no existe en el destino; si existe, asegurar referencias de MatDialog
   const rutaAccionesDestino = path.join(directorioDestino, 'src', 'app', 'Paginas', 'contenedor-principal', 'AccionesPersonalizadas.ts');
+  const rutaAccionesTemplate = path.join(directoriodePlantillas, 'src', 'app', 'Paginas', 'contenedor-principal', 'AccionesPersonalizadas.ts');
   if (!fs.existsSync(rutaAccionesDestino)) {
-    const rutaAccionesTemplate = path.join(directoriodePlantillas, 'src', 'app', 'Paginas', 'contenedor-principal', 'AccionesPersonalizadas.ts');
     if (fs.existsSync(rutaAccionesTemplate)) {
       fs.copyFileSync(rutaAccionesTemplate, rutaAccionesDestino);
       console.log('AccionesPersonalizadas.ts no encontrado, se copió desde la plantilla.');
     }
+  } else {
+    mergearAccionesPersonalizadas(rutaAccionesDestino);
   }
 
   // Merge de app.routes.ts
@@ -90,6 +92,39 @@ export async function updateFrontend(opciones = { cerrarAlFinalizar: true }) {
   }
 }
 
+function mergearAccionesPersonalizadas(rutaArchivo) {
+  let contenido = fs.readFileSync(rutaArchivo, 'utf-8');
+  let modificado = false;
+
+  const importMatDialog = `import { MatDialog } from '@angular/material/dialog';`;
+  if (!contenido.includes(importMatDialog)) {
+    // Insertar después del último import existente
+    const ultimoImport = contenido.lastIndexOf("import {");
+    if (ultimoImport !== -1) {
+      const finLinea = contenido.indexOf('\n', ultimoImport);
+      contenido = contenido.slice(0, finLinea + 1) + importMatDialog + '\n' + contenido.slice(finLinea + 1);
+    } else {
+      contenido = importMatDialog + '\n' + contenido;
+    }
+    modificado = true;
+  }
+
+  const propiedadDialog = `  dialog: MatDialog;`;
+  if (!contenido.includes(propiedadDialog)) {
+    // Insertar antes del cierre de la interfaz DependenciasDeAccion
+    const cierreInterfaz = contenido.indexOf('}', contenido.indexOf('DependenciasDeAccion'));
+    if (cierreInterfaz !== -1) {
+      contenido = contenido.slice(0, cierreInterfaz) + propiedadDialog + '\n' + contenido.slice(cierreInterfaz);
+      modificado = true;
+    }
+  }
+
+  if (modificado) {
+    fs.writeFileSync(rutaArchivo, contenido);
+    console.log('AccionesPersonalizadas.ts: referencias de MatDialog agregadas.');
+  }
+}
+
 function mergeRoutesFrontend(rutaDestino, rutaFuente) {
   let contenidoDestino = fs.readFileSync(rutaDestino, 'utf-8');
   const contenidoFuente = fs.readFileSync(rutaFuente, 'utf-8');

package/package.json

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

package/templates/backend/InformacionDelModulo.json

@@ -10,7 +10,6 @@
   "DESCRIPCION_DEL_PERMISO": "DESCRIPCION_DEL_PERMISO",
   "CORREO_PARA_REPORTES": "CORREO_PARA_REPORTES",
   "nombre_de_desarrollador": "nombre_de_desarrollador",
-  "CEDULA_DEL_DESARROLLADOR": "CEDULA_DEL_DESARROLLADOR",
   "url_del_grupo": "url_del_grupo",
   "BACKENDS_QUE_CONSUME_ESTE_MODULO": "BACKENDS_QUE_CONSUME_ESTE_MODULO",
   "VERSION": "VERSION"

package/templates/backend/rutas/misc.js

@@ -227,6 +227,41 @@ Router.get('/VistaDelManual', async (solicitud, respuesta, next) => {
   }
 });
 
+Router.get('/VistaDelModulo', async (solicitud, respuesta, next) => {
+  try {
+    if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+      try {
+        await Miscelaneo.registrarVistaDelModulo(solicitud.headers.authorization);
+        return respuesta.json({ body: undefined, error: undefined });
+      } catch (error) {
+        const MensajeDeError = 'No fue posible registrar la vista del módulo';
+        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.get('/obtenerVistas', async (solicitud, respuesta, next) => {
+  try {
+    if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+      try {
+        return respuesta.json({ body: await Miscelaneo.obtenerVistas(), error: undefined });
+      } catch (error) {
+        const MensajeDeError = 'No fue posible obtener las vistas';
+        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.get('/obtenerDatosDelUsuario', async (solicitud, respuesta, next) => {
   try {
     if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {

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

@@ -24,6 +24,7 @@ class Miscelaneo {
     this.MenuPadre = InformacionDelModulo.getMenuPadre();
     this.BackEndsQueConsumeEsteModulo = InformacionDelModulo.getBackEndsQueConsumeEsteModulo();
     // this.PerfilGeneral = InformacionDelModulo.getPerfilGeneral();
+    this.UsuariosConAccesoInicial = InformacionDelModulo.getUsuariosConAccesoInicial();
     this.IconoDelModulo = this.NombreCanonicoDelModulo + '.svg';
     // this.ColorDelModulo = InformacionDelModulo.getColorDelModulo();
     this.CorreoParaReportes = InformacionDelModulo.getCorreoParaReportes();
@@ -191,11 +192,15 @@ class Miscelaneo {
       , [Permiso, this.NombreCanonicoDelModulo, Descripcion, Permiso, Descripcion]);
 
     // Asginación inicial de permisos
-    const PermisoExtraIdValor = await this.PermisoExtraId(Permiso);
-    await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_PermisosExtraPersonasV2` VALUES (?,\
-          (SELECT `Identificador` FROM `SIGU`.`SIGU_Personas` WHERE `Identificacion` = '111050570'), NOW(4), USER())\
+    if (this.UsuariosConAccesoInicial.length > 0) {
+      const PermisoExtraIdValor = await this.PermisoExtraId(Permiso);
+      this.UsuariosConAccesoInicial.forEach(async (dato) => {
+        await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_PermisosExtraPersonasV2` VALUES (?,\
+          (SELECT `Identificador` FROM `SIGU`.`SIGU_Personas` WHERE `Identificacion` = ?), NOW(4), USER())\
             ON DUPLICATE KEY UPDATE `LastUpdate` = NOW(4)"
-      , [PermisoExtraIdValor]);
+          , [PermisoExtraIdValor, dato]);
+      });
+    }
   }
 
   async PermisoExtraId(Permiso) {
@@ -883,6 +888,37 @@ class Miscelaneo {
     );
   }
 
+  async registrarVistaDelModulo(Token) {
+    const { uid } = await this.obtenerDatosDelUsuario(Token);
+    await ejecutarConsulta(
+      `INSERT INTO \`DatosMiscelaneos\` (\`DatoMiscelaneo\`, \`Datos\`, \`LastUser\`)
+       VALUES ('VistasDelModulo', JSON_OBJECT('Total', 1, 'PorFecha', JSON_OBJECT(CURDATE(), 1)), ?)
+       ON DUPLICATE KEY UPDATE
+         \`Datos\` = JSON_SET(
+           \`Datos\`,
+           '$.Total', CAST(JSON_VALUE(\`Datos\`, '$.Total') AS UNSIGNED) + 1,
+           '$.PorFecha', JSON_SET(
+             COALESCE(JSON_EXTRACT(\`Datos\`, '$.PorFecha'), JSON_OBJECT()),
+             CONCAT('$."', CURDATE(), '"'),
+             COALESCE(CAST(JSON_EXTRACT(JSON_EXTRACT(\`Datos\`, '$.PorFecha'), CONCAT('$."', CURDATE(), '"')) AS UNSIGNED), 0) + 1
+           )
+         ),
+         \`LastUser\` = ?`,
+      [uid, uid]
+    );
+  }
+
+  async obtenerVistas() {
+    const [manual, modulo] = await Promise.all([
+      ejecutarConsulta("SELECT CAST(JSON_VALUE(`Datos`, '$.Total') AS UNSIGNED) AS Total FROM `DatosMiscelaneos` WHERE `DatoMiscelaneo` = 'VistasDelManual'"),
+      ejecutarConsulta("SELECT CAST(JSON_VALUE(`Datos`, '$.Total') AS UNSIGNED) AS Total FROM `DatosMiscelaneos` WHERE `DatoMiscelaneo` = 'VistasDelModulo'")
+    ]);
+    return {
+      VistasDelManual: manual[0]?.Total ?? 0,
+      VistasDelModulo: modulo[0]?.Total ?? 0
+    };
+  }
+
   async obtenerMensajesModulares() {
     return await ejecutarConsultaSIGU("SELECT `MensajeModularId`, `Titulo`, `Texto`, `FechaYHoraDeInicio`, `FechaYHoraDeFinalizacion` FROM  `SIGU`.`SIGU_MensajesModulares` WHERE NOW(4) BETWEEN `FechaYHoraDeInicio` AND `FechaYHoraDeFinalizacion` AND `Modulo` = ?"
       , [this.NombreCanonicoDelModulo]);
@@ -1096,6 +1132,22 @@ class Miscelaneo {
     (SELECT `Identificador` FROM `SIGU`.`SIGU_Personas` WHERE `Identificacion` = '111050570'), NOW(4), USER()) ON DUPLICATE KEY UPDATE `LastUser` = USER()"
       , [await this.permisoIdV2()]);
 
+    // Asginación inicial de permisos
+    if (this.UsuariosConAccesoInicial.length > 0) {
+      const permisoId = await this.permisoIdV2();
+      const permisoIdDelPadre = await this.permisoIdDelPadreV2();
+      this.UsuariosConAccesoInicial.forEach(async (dato) => {
+        await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_PermisosPersonasV2` VALUES (?,\
+          (SELECT `Identificador` FROM `SIGU`.`SIGU_Personas` WHERE `Identificacion` = ?), NOW(4), USER())\
+            ON DUPLICATE KEY UPDATE `LastUpdate` = NOW(4)"
+          , [permisoIdDelPadre, dato]);
+        await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_PermisosPersonasV2` VALUES (?,\
+          (SELECT `Identificador` FROM `SIGU`.`SIGU_Personas` WHERE `Identificacion` = ?), NOW(4), USER())\
+            ON DUPLICATE KEY UPDATE `LastUpdate` = NOW(4)"
+          , [permisoId, dato]);
+      });
+    }
+
     // Validación de que sólo el front especificado pueda consumir este backend
     const uuidTemporal = await ejecutarConsultaSIGU("SELECT UUID() AS `UUID`");
     await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_Repositorios` VALUES (?, ?) ON DUPLICATE KEY UPDATE `Identificador` = ?"
@@ -1283,6 +1335,21 @@ class Miscelaneo {
       });
     }
 
+    // // Asginación inicial de permisos
+    // if (this.UsuariosConAccesoInicial.length > 0) {
+    //   const rolPermisoIdDelPadre = await this.rolPermisoIdDelMenuPadre();
+    //   this.UsuariosConAccesoInicial.forEach(async (dato) => {
+    //     await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_RolesPersonas` VALUES (?, ?,\
+    //         (SELECT `Identificador` FROM `SIGU`.`SIGU_Personas` WHERE `Identificacion` = ?), NOW(4), USER())\
+    //          ON DUPLICATE KEY UPDATE `LastUpdate` = NOW(4)"
+    //       , [this.RolPermisoId, perfilGeneralId, dato]);
+    //     await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_RolesPersonas` VALUES (?, ?,\
+    //         (SELECT `Identificador` FROM `SIGU`.`SIGU_Personas` WHERE `Identificacion` = ?), NOW(4), USER())\
+    //          ON DUPLICATE KEY UPDATE `LastUpdate` = NOW(4)"
+    //       , [rolPermisoIdDelPadre, perfilGeneralId, dato]);
+    //   });
+    // }
+
     // // Impresión de la información de registro
     // console.log(new Date());
     // console.log(`Módulo registrado correctamente en SIGU. Módulo: ${this.NombreCanonicoDelModulo}`);
@@ -2511,11 +2578,17 @@ class Miscelaneo {
     const serviciosDir = path.join(__dirname, '..');
 
     const usuario = await this.obtenerDatosDelUsuario(token);
-    const [tarjetas, configuracion] = await Promise.all([
+    const [tarjetas, configuracion, moduloInfo] = await Promise.all([
       this.obtenerTarjetas(),
-      ConfiguracionDeTarjetas.obtener({ Identificador: usuario.uid })
+      ConfiguracionDeTarjetas.obtener({ Identificador: usuario.uid }),
+      ejecutarConsultaSIGU(
+        "SELECT `Color` FROM `SIGU`.`SIGU_ModulosV2` WHERE `Nombre` = (SELECT `Padre` FROM `SIGU`.`SIGU_ModulosV2` WHERE `Nombre` = ?)",
+        [this.NombreCanonicoDelModulo]
+      )
     ]);
 
+    const colorDelModulo = moduloInfo[0]?.Color;
+
     const datosDeServicio = await Promise.all(
       tarjetas
         .filter(t => t.Archivo)
@@ -2550,6 +2623,7 @@ class Miscelaneo {
           t['Posición'] = config.Posicion;
           if (config.ColorDeBorde) t.ColorDeBorde = config.ColorDeBorde;
         }
+        if (!t.ColorDeBorde && colorDelModulo) t.ColorDeBorde = colorDelModulo;
         const datos = datosPorTitulo[t['Título']];
         if (datos?.cantidades) {
           t['Cantidad'] = datos.cantidades.cantidad;

package/templates/frontend/src/app/Componentes/Nucleo/estadisticas-del-modulo/estadisticas-del-modulo.component.css

@@ -0,0 +1,44 @@
+.contenedor {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  padding: 0.5rem 0;
+  min-width: 260px;
+}
+
+.estadistica {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  padding: 0.75rem 1rem;
+  border-radius: 8px;
+  background: #f5f8ff;
+  border-left: 4px solid #1976d2;
+}
+
+.estadistica-icono {
+  color: #1976d2;
+  font-size: 1.75rem;
+  width: 1.75rem;
+  height: 1.75rem;
+  flex-shrink: 0;
+}
+
+.estadistica-info {
+  display: flex;
+  flex-direction: column;
+}
+
+.estadistica-label {
+  font-size: 0.78rem;
+  color: #555;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.estadistica-valor {
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: #002f6b;
+  line-height: 1.2;
+}

package/templates/frontend/src/app/Componentes/Nucleo/estadisticas-del-modulo/estadisticas-del-modulo.component.html

@@ -0,0 +1,22 @@
+<h2 mat-dialog-title>Estadísticas del módulo</h2>
+<mat-dialog-content>
+  <div class="contenedor">
+    <div class="estadistica">
+      <mat-icon class="estadistica-icono">visibility</mat-icon>
+      <div class="estadistica-info">
+        <span class="estadistica-label">Vistas del módulo</span>
+        <span class="estadistica-valor">{{ datos.VistasDelModulo | number }}</span>
+      </div>
+    </div>
+    <div class="estadistica">
+      <mat-icon class="estadistica-icono">menu_book</mat-icon>
+      <div class="estadistica-info">
+        <span class="estadistica-label">Vistas del manual</span>
+        <span class="estadistica-valor">{{ datos.VistasDelManual | number }}</span>
+      </div>
+    </div>
+  </div>
+</mat-dialog-content>
+<mat-dialog-actions>
+  <button mat-button (click)="Cerrar()">Cerrar</button>
+</mat-dialog-actions>

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

@@ -0,0 +1,21 @@
+import { Component, Inject, inject } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle } from '@angular/material/dialog';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'app-estadisticas-del-modulo',
+  templateUrl: './estadisticas-del-modulo.component.html',
+  styleUrl: './estadisticas-del-modulo.component.css',
+  imports: [MatDialogContent, MatDialogActions, MatDialogTitle, MatButtonModule, MatIconModule, CommonModule]
+})
+export class EstadisticasDelModuloComponent {
+  readonly dialogRef = inject(MatDialogRef<EstadisticasDelModuloComponent>);
+
+  constructor(@Inject(MAT_DIALOG_DATA) public datos: { VistasDelModulo: number, VistasDelManual: number }) { }
+
+  Cerrar(): void {
+    this.dialogRef.close();
+  }
+}

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

@@ -58,7 +58,7 @@ export class GestionActividadComponent implements OnInit, OnDestroy {
         onAccept: () => {
           this.http.delete(`${this.datosGlobalesService.ObtenerURL()}misc/cerrarSesionPorToken/${token}`).subscribe({
             next: () => {
-              if (token === this.tokenActual) {
+              if (this.tokenesIguales(token, this.tokenActual)) {
                 this.datosGlobalesService.RedirigirALogin();
               } else {
                 this.obtenerActividad();
@@ -77,9 +77,13 @@ export class GestionActividadComponent implements OnInit, OnDestroy {
     this._destroy$.complete();
   }
 
-  esSesionActual(token: string): boolean {
+  private tokenesIguales(a: string, b: string): boolean {
+    if (a.length !== b.length) return false;
+    return [...a].reduce((acc: number, char, i) => acc | (char.charCodeAt(0) ^ b.charCodeAt(i)), 0) === 0;
+  }
 
-    return token === this.tokenActual;
+  esSesionActual(token: string): boolean {
+    return this.tokenesIguales(token, this.tokenActual);
   }
 
   getIcon(metodo: string): string {

package/templates/frontend/src/app/Componentes/Nucleo/manual/manual.component.css

@@ -94,6 +94,27 @@
   font-size: 0.78rem;
 }
 
+.toc-descargar {
+  display: block;
+  width: calc(100% - 1rem);
+  margin: 1rem 0 0 0;
+  padding: 0.45rem 0.75rem;
+  background: none;
+  border: 1px solid #b0c4de;
+  border-radius: 6px;
+  cursor: pointer;
+  text-align: left;
+  font-family: inherit;
+  font-size: 0.78rem;
+  color: #002f6b;
+  transition: background 0.15s, border-color 0.15s;
+}
+
+.toc-descargar:hover {
+  background: #dce9ff;
+  border-color: #1976d2;
+}
+
 /* ═══════════════════════════════════════════════════════════
    Área principal del artículo
    ══════════════════════════════════════════════════════════ */
@@ -315,4 +336,4 @@
   .manual-main {
     padding: 1rem 1rem 3rem;
   }
-}
+}

package/templates/frontend/src/app/Componentes/Nucleo/manual/manual.component.html

@@ -14,6 +14,11 @@
         }
       </ul>
     </nav>
+    @if (!cargando && !error) {
+    <button class="toc-descargar" (click)="descargar()" title="Descargar manual en formato Markdown">
+      ⬇ Descargar manual
+    </button>
+    }
   </aside>
 
   <!-- ── Artículo principal ─────────────────────────────── -->

package/templates/frontend/src/app/Componentes/Nucleo/manual/manual.component.ts

@@ -27,6 +27,7 @@ export class ManualComponent implements OnInit, OnDestroy {
   public toc: EntradaToc[] = [];
   public cargando: boolean = true;
   public error: boolean = false;
+  private markdownRaw: string = '';
   private _destroy$ = new Subject<void>();
   @ViewChild('contenidoManual') contenidoManualRef!: ElementRef;
 
@@ -37,6 +38,7 @@ export class ManualComponent implements OnInit, OnDestroy {
 
     this.http.get('/Manual.md', { responseType: 'text' }).pipe(takeUntil(this._destroy$)).subscribe({
       next: (markdown) => {
+        this.markdownRaw = markdown;
         const html = marked.parse(markdown) as string;
 
         const parser = new DOMParser();
@@ -75,6 +77,16 @@ export class ManualComponent implements OnInit, OnDestroy {
     document.getElementById(id)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
   }
 
+  descargar(): void {
+    const blob = new Blob([this.markdownRaw], { type: 'text/markdown' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = 'Manual.md';
+    a.click();
+    URL.revokeObjectURL(url);
+  }
+
   manejarClicEnContenido(event: MouseEvent): void {
     const anchor = (event.target as Element).closest('a');
     if (!anchor) return;

package/templates/frontend/src/app/Componentes/Nucleo/mensaje-institucional/mensaje-institucional.component.css

@@ -0,0 +1,55 @@
+/* ── Banner full-width (fuera del padding de mat-dialog-content) ─── */
+.mensaje-banner {
+  margin: -8px -8px 0;
+  line-height: 0;
+  border-bottom: 3px solid #002f6b;
+}
+
+.mensaje-banner-imagen {
+  width: 100%;
+  height: auto;
+  display: block;
+}
+
+/* ── Título ──────────────────────────────────────────────── */
+.mensaje-titulo {
+  font-size: 1.75rem;
+  font-weight: 700;
+  color: #002f6b;
+  text-align: center;
+  line-height: 1.3;
+  margin: 0.70rem 0 0.70rem;
+}
+
+/* ── Imagen del carnet ───────────────────────────────────── */
+.mensaje-figura {
+  display: flex;
+  justify-content: center;
+  margin: 0 0 0.875rem;
+}
+
+.mensaje-imagen {
+  max-width: 480px;
+  max-height: 200px;
+  width: 100%;
+  border-radius: 16px;
+  display: block;
+  object-fit: contain;
+}
+
+/* ── Descripción ─────────────────────────────────────────── */
+.mensaje-descripcion {
+  font-size: 1rem;
+  font-weight: 700;
+  color: #002f6b;
+  text-align: justify;
+  line-height: 1.85;
+  margin: 0;
+}
+
+/* ── Pie ─────────────────────────────────────────────────── */
+.mensaje-pie {
+  height: 24px;
+  background: #002f6b;
+  margin: 0 -8px;
+}

package/templates/frontend/src/app/Componentes/Nucleo/mensaje-institucional/mensaje-institucional.component.html

@@ -0,0 +1,23 @@
+<div class="mensaje-banner">
+  <img src="https://storage.sigu.utn.ac.cr/images/MensajesInstitucionales/Banner.png"
+       alt="Información SIGU"
+       class="mensaje-banner-imagen" />
+</div>
+
+<mat-dialog-content>
+  <h1 class="mensaje-titulo">{{ datos.Titulo }}</h1>
+
+  <figure class="mensaje-figura">
+    <img src="https://storage.sigu.utn.ac.cr/images/MensajesInstitucionales/Carnet.png"
+         alt="Carnet institucional"
+         class="mensaje-imagen" />
+  </figure>
+
+  <p class="mensaje-descripcion">{{ datos.Texto }}</p>
+</mat-dialog-content>
+
+<mat-dialog-actions>
+  <button mat-button (click)="Cerrar()">Cerrar</button>
+</mat-dialog-actions>
+
+<footer class="mensaje-pie"></footer>

package/templates/frontend/src/app/Componentes/Nucleo/mensaje-institucional/mensaje-institucional.component.ts

@@ -0,0 +1,19 @@
+import { Component, Inject, inject } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogActions, MatDialogContent, MatDialogRef } from '@angular/material/dialog';
+import { MatButtonModule } from '@angular/material/button';
+
+@Component({
+  selector: 'app-mensaje-institucional',
+  templateUrl: './mensaje-institucional.component.html',
+  styleUrl: './mensaje-institucional.component.css',
+  imports: [MatDialogContent, MatDialogActions, MatButtonModule]
+})
+export class MensajeInstitucionalComponent {
+  readonly dialogRef = inject(MatDialogRef<MensajeInstitucionalComponent>);
+
+  constructor(@Inject(MAT_DIALOG_DATA) public datos: { Titulo: string, Texto: string }) { }
+
+  Cerrar(): void {
+    this.dialogRef.close();
+  }
+}

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

@@ -7,13 +7,20 @@
     </div>
     <div class="pie-col derecha">
       @if(TienePermiso) {
-      <button class="botonDeNavegacion" matTooltip="Salir" title="Salir" (click)="Salir()">
-        <mat-icon>logout</mat-icon>
-      </button>
       <button class="botonDeNavegacion" [matTooltip]="NombreUsuario || 'Perfil'" [title]="NombreUsuario || 'Perfil'"
         (click)="irAPerfil()">
         <mat-icon>person</mat-icon>
       </button>
+      <button class="botonDeNavegacion" matTooltip="Mensajes" title="Mensajes" (click)="irAMensajes()">
+        @if (Mensajes.length > 0) {
+        <mat-icon>mark_email_unread</mat-icon>
+        } @else {
+        <mat-icon>email_unread</mat-icon>
+        }
+      </button>
+      <button class="botonDeNavegacion" matTooltip="Salir" title="Salir" (click)="Salir()">
+        <mat-icon>logout</mat-icon>
+      </button>
       } @else {
       <button class="botonDeNavegacion" matTooltip="Entrar" title="Entrar" (click)="Entrar()">
         <mat-icon>login</mat-icon>
@@ -123,27 +130,22 @@
       </button>
 
       <mat-menu #menuAplicaciones="matMenu">
-        <button mat-menu-item (click)="irASugerencias()">
+        <button mat-menu-item (click)="irASugerencias()" title="Sugerencias">
           <mat-icon>lightbulb</mat-icon>
           <span>Sugerencias</span>
         </button>
         @if(TienePermiso) {
-        <button mat-menu-item (click)="irAActividad()">
+        <button mat-menu-item (click)="irAActividad()" title="Actividad de la cuenta">
           <mat-icon>history</mat-icon>
           <span>Actividad de la cuenta</span>
         </button>
+        <button mat-menu-item (click)="irAEstadisticasDelModulo()" title="Estadísticas del módulo">
+          <mat-icon>bar_chart</mat-icon>
+          <span>Estadísticas del módulo</span>
+        </button>
         }
       </mat-menu>
 
-      @if(TienePermiso) {
-      <button class="botonDeNavegacion" matTooltip="Mensajes" title="Mensajes" (click)="irAMensajes()">
-        @if (Mensajes.length > 0) {
-        <mat-icon>mark_email_unread</mat-icon>
-        } @else {
-        <mat-icon>email_unread</mat-icon>
-        }
-      </button>
-      }
       @if(EnlaceDelVideo !== '-') {
       <button class="botonDeNavegacion" matTooltip="Vídeo" title="Vídeo" (click)="irAVideo()">
         <mat-icon>live_tv</mat-icon>

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

@@ -10,6 +10,7 @@ import { ReporteDeIncidenciasComponent } from '../../../Componentes/Nucleo/repor
 import { MensajesComponent } from '../../../Componentes/Nucleo/mensajes/mensajes.component';
 import { MensajeConfirmacionHTMLComponent } from '../../../Componentes/Nucleo/mensaje-confirmacion-html/mensaje-confirmacion-html';
 import { ReporteDeSugerenciasComponent } from '../../../Componentes/Nucleo/reporte-de-sugerencias/reporte-de-sugerencias.component';
+import { EstadisticasDelModuloComponent } from '../../../Componentes/Nucleo/estadisticas-del-modulo/estadisticas-del-modulo.component';
 
 import { MatMenuModule } from '@angular/material/menu';
 
@@ -89,6 +90,9 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
         return;
       }
 
+      // Registro de las visita
+      this.http.get(`${this.datosGlobalesService.ObtenerURL()}misc/VistaDelModulo`).pipe().subscribe({ error: () => { } });
+
       this.Titulo = body.Titulo;
       this.Modulo = body.Modulo;
       this.Version = body.Version;
@@ -208,6 +212,12 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
     this.dialog.open(ReporteDeSugerenciasComponent);
   }
 
+  irAEstadisticasDelModulo(): void {
+    this.http.get(this.datosGlobalesService.ObtenerURL() + 'misc/obtenerVistas').subscribe((datos: any) => {
+      this.dialog.open(EstadisticasDelModuloComponent, { data: datos.body });
+    });
+  }
+
   irAActividad(): void {
     this.router.navigate(['/Actividad']);
   }

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

@@ -14,7 +14,7 @@ export class DatosGlobalesService {
   ObtenerToken() {
     const baseUrl = this.ObtenerURL();
     if (baseUrl === 'http://localhost/') {
-      return 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOiIxMiIsIklkZW50aWZpY2Fkb3IiOiIxMiIsImlhdCI6MTc3ODQzMDUzMSwiZXhwIjoxNzc4NDY2NTMxfQ.C0bScJZ00863G1GsjFLox-V4wBj4nLUc2eXfswiOaxg';
+      return 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOiIxMiIsIklkZW50aWZpY2Fkb3IiOiIxMiIsImlhdCI6MTc3ODkzNTYyNiwiZXhwIjoxNzc4OTcxNjI2fQ.c5UQ8Umi-yjQorS_jYrAhBDDupesxapI1OsAlfcoVDY';
     }
     const match = document.cookie.match(/(?:^|;\s*)_siguid=([^;]+)/);
     let token = match ? decodeURIComponent(match[1]) : '';
@@ -45,6 +45,9 @@ export class DatosGlobalesService {
     // 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}`;
   }
 
   RedirigirAPortal() {

package/templates/frontend/src/index.html

@@ -14,6 +14,7 @@
   <title>Universidad Técnica Nacional</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="theme-color" content="#adbccf">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
@@ -21,7 +22,7 @@
   <meta description="Universidad Técnica Nacional - SIGU">
 </head>
 
-<body>
+<body bgcolor="#adbccf">
   <app-root></app-root>
   <!-- ACCESIBILIDAD -->
   <script type="text/javascript">