utn-cli 2.1.52 → 2.1.53

package/package.json

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

package/templates/backend/rutas/misc.js

@@ -1047,4 +1047,109 @@ Router.get('/calendarioPublico/:Anio?', async (solicitud, respuesta, next) => {
   }
 });
 
+Router.get('/obtenerEquipoDeDesarrolladores', async (solicitud, respuesta, next) => {
+  try {
+    if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+      try {
+        return respuesta.json({ body: await Miscelaneo.obtenerEquipoDeDesarrolladores(), error: undefined });
+      } catch (error) {
+        const MensajeDeError = 'No fue posible obtener el equipo de desarrolladores';
+        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('/VistaDePoliticas', async (solicitud, respuesta, next) => {
+  try {
+    if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+      try {
+        await Miscelaneo.registrarVistaDePoliticas(solicitud.headers.authorization);
+        return respuesta.json({ body: undefined, error: undefined });
+      } catch (error) {
+        const MensajeDeError = 'No fue posible registrar la vista de políticas de seguridad';
+        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('/VistaDeAcercaDe', async (solicitud, respuesta, next) => {
+  try {
+    if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+      try {
+        await Miscelaneo.registrarVistaDeAcercaDe(solicitud.headers.authorization);
+        return respuesta.json({ body: undefined, error: undefined });
+      } catch (error) {
+        const MensajeDeError = 'No fue posible registrar la vista de Acerca de';
+        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('/VistaDeConozcanos', async (solicitud, respuesta, next) => {
+  try {
+    if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+      try {
+        await Miscelaneo.registrarVistaDeConozcanos(solicitud.headers.authorization);
+        return respuesta.json({ body: undefined, error: undefined });
+      } catch (error) {
+        const MensajeDeError = 'No fue posible registrar la vista de conozcanos';
+        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('/VistaDeSabiasQue', async (solicitud, respuesta, next) => {
+  try {
+    if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+      try {
+        await Miscelaneo.registrarVistaDeSabiasQue(solicitud.headers.authorization);
+        return respuesta.json({ body: undefined, error: undefined });
+      } catch (error) {
+        const MensajeDeError = 'No fue posible registrar la vista de sabías qué';
+        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('/VistaDePreguntasFrecuentes', async (solicitud, respuesta, next) => {
+  try {
+    if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+      try {
+        await Miscelaneo.registrarVistaDePreguntasFrecuentes(solicitud.headers.authorization);
+        return respuesta.json({ body: undefined, error: undefined });
+      } catch (error) {
+        const MensajeDeError = 'No fue posible registrar la vista de preguntas frecuentes';
+        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);
+  }
+});
+
 module.exports = Router;

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

@@ -45,30 +45,26 @@ class Miscelaneo {
     return await ejecutarConsultaSIGU(`SELECT * FROM \`SIGU\`.\`${NombreDeLaTabla}\``);
   }
 
-  async PasosDeFlujoDeAprobacion(Identificador, PasoActual, Accion, Metadatos, Justificacion, LastUser) {
+  async PasosDeFlujoDeAprobacion(Identificador, PasoActual, Accion, Metadatos, Justificacion, LastUser, FlujoDeAprobacionId = undefined, RegistrarMovimiento = true) {
     const DatosARetornar = {};
 
     // Determina si la acción es una improbación para manejar el flujo de forma diferente
     const EsImprobacion = Accion === 'Improbacion';
 
     // Obtiene el ID del flujo de aprobación configurado para este módulo
-    const idDelFlujoDeAprobacion = await this.idDelFlujoDeAprobacion();
-
+    const idDelFlujoDeAprobacion = FlujoDeAprobacionId ? FlujoDeAprobacionId : await this.idDelFlujoDeAprobacion();
     // Consulta cuál es el último paso del flujo, para saber si el detalle queda completamente aprobado
     const PasoMaximo = await ejecutarConsultaSIGU("SELECT MAX(`NumeroDePaso`) \
             AS `PasoMaximo` FROM `SIGU`.`SIGU_FlujosDeAprobacionPasos` WHERE \
             `FlujoDeAprobacionId`  = ?"
       , [idDelFlujoDeAprobacion]);
-
     // En improbación el flujo retrocede, por lo que el paso siguiente se resuelve después;
     // en aprobación simplemente avanza al siguiente paso
     let PasoSiguiente = EsImprobacion ? PasoActual : PasoActual + 1;
-
     // Verifica que el usuario tenga permiso para actuar en el paso correspondiente
-    const TienePermiso = await ejecutarConsultaSIGU("SELECT `NumeroDePasoPorImprobacion` FROM `SIGU`.`SIGU_FlujosDeAprobacionPasos` \
-             WHERE `NumeroDePaso`=? AND  (`Identificadores`  LIKE '%?%' OR `Identificadores`='Persona usuaria')",
-      [PasoSiguiente, Number(Identificador)]);
-
+    const TienePermiso = await ejecutarConsultaSIGU("SELECT `NumeroDePasoPorImprobacion`,`Identificadores` FROM `SIGU`.`SIGU_FlujosDeAprobacionPasos` \
+             WHERE `FlujoDeAprobacionId` = ? AND `NumeroDePaso` = ? AND  (`Identificadores`  LIKE ? OR `Identificadores`='Persona usuaria')",
+      [idDelFlujoDeAprobacion, PasoSiguiente, `%${Number(Identificador)}%`]);
     // Si el usuario no aparece como firmante autorizado del paso, se corta la ejecución
     if (TienePermiso.length == 0) {
       DatosARetornar.Mensaje = 'No tiene permisos para firmar este detalle';
@@ -77,11 +73,12 @@ class Miscelaneo {
     }
 
     // Registra el movimiento en el historial del flujo de aprobación
-    await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_FlujosDeAprobacionMovimientos` VALUES (?, ?, ?, ?, ?, ?, NOW(4), ?)"
-      , [idDelFlujoDeAprobacion, PasoActual
-        , Identificador, Accion
-        , Justificacion, JSON.stringify(Metadatos), LastUser]);
-
+    if (RegistrarMovimiento) {
+      await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_FlujosDeAprobacionMovimientos` VALUES (?, ?, ?, ?, ?, ?, NOW(4), ?)"
+        , [idDelFlujoDeAprobacion, PasoActual
+          , Identificador, Accion
+          , Justificacion, JSON.stringify(Metadatos), LastUser]);
+    }
     // En improbación, el paso destino viene definido en la configuración del flujo (retroceso configurado)
     PasoSiguiente = EsImprobacion ? TienePermiso[0].NumeroDePasoPorImprobacion : PasoSiguiente;
 
@@ -930,7 +927,12 @@ class Miscelaneo {
   }
 
   async obtenerMensajesInstitucionales() {
-    return await ejecutarConsultaSIGU("SELECT `MensajeInstitucionalId`, `Titulo`, `Texto`, `FechaYHoraDeInicio`, `FechaYHoraDeFinalizacion` FROM  `SIGU`.`SIGU_MensajesInstitucionales` WHERE NOW(4) BETWEEN `FechaYHoraDeInicio` AND `FechaYHoraDeFinalizacion`");
+    return await ejecutarConsultaSIGU("SELECT `MensajeInstitucionalId`, `Titulo`, `Texto`, `FechaYHoraDeInicio`, `FechaYHoraDeFinalizacion`,\
+      (SELECT CONCAT('https://framework-mantenimientosv2-storage.sigu.utn.ac.cr/', REPLACE(`adj`.`Ruta`, '/var/storage/public/', ''))\
+        FROM `SIGU`.`SIGU_Adjuntos` `adj`\
+        WHERE `adj`.`Modulo` = 'framework-mantenimientosv2' AND `adj`.`Etiqueta` = CONCAT('MensajeInstitucional-', `MensajeInstitucionalId`)\
+        ORDER BY `adj`.`LastUpdate` DESC LIMIT 1) AS `ImagenURL`\
+      FROM `SIGU`.`SIGU_MensajesInstitucionales` WHERE NOW(4) BETWEEN `FechaYHoraDeInicio` AND `FechaYHoraDeFinalizacion`");
   }
 
   async obtenerConsentimientoInformado(Modulo = undefined) {
@@ -997,6 +999,7 @@ class Miscelaneo {
     });
   }
 
+
   async crearNotificacion(IdentificadorDelUsuario, IdentificadorDelDestinatario, Mensaje) {
     return await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_NotificacionesV2` VALUES (?, ?, 'Sin leer', NOW(4), NOW(4), ?)"
       , [IdentificadorDelDestinatario, Mensaje, IdentificadorDelUsuario]);
@@ -1689,7 +1692,7 @@ class Miscelaneo {
   convertirACSV(ArregloDeJSON) {
     if (!ArregloDeJSON || ArregloDeJSON.length === 0) return '';
     const intentarParsearJSON = (valor) => {
-      if (typeof valor === 'object' && valor !== null && !Array.isArray(valor)) return valor;
+      if (typeof valor === 'object' && valor !== null && !Array.isArray(valor) && !(valor instanceof Date)) return valor;
       if (typeof valor === 'string' && valor.trim().startsWith('{')) {
         try {
           const objeto = JSON.parse(valor);
@@ -2768,6 +2771,94 @@ class Miscelaneo {
     calendario.Periodos = [...periodosMap.values()];
     return calendario;
   }
+
+  async obtenerEquipoDeDesarrolladores() {
+    const desarrolladores = await ejecutarConsultaSIGU(`
+      SELECT
+        e.Identificador,
+        CONCAT_WS(' ', p.Nombre, p.PrimerApellido, p.SegundoApellido) AS NombreCompleto,
+        e.Biografia,
+        e.Perfil
+      FROM SIGU.SIGU_EquipoDeDesarrolladores e
+      JOIN SIGU.SIGU_Personas p ON e.Identificador = p.Identificador
+      ORDER BY NombreCompleto ASC
+    `);
+
+    for (const desarrollador of desarrolladores) {
+      const adjunto = await ejecutarConsultaSIGU(
+        "SELECT `Ruta` FROM `SIGU`.`SIGU_Adjuntos`\
+         WHERE `Modulo` = 'framework-mantenimientosv2' AND `Etiqueta` = ?\
+         ORDER BY `LastUpdate` DESC LIMIT 1",
+        [`EquipoDeDesarrolladores-${desarrollador.Identificador}`]
+      );
+      desarrollador.FotoURL = adjunto && adjunto.length > 0
+        ? 'https://framework-mantenimientosv2-storage.sigu.utn.ac.cr/' + adjunto[0].Ruta.replace('/var/storage/public/', '')
+        : null;
+    }
+
+    return desarrolladores;
+  }
+
+  async registrarVistaDePoliticas(Token) {
+    const { uid } = await this.obtenerDatosDelUsuario(Token);
+    await ejecutarConsulta(
+      "INSERT INTO DatosMiscelaneos (DatoMiscelaneo, Datos, LastUser) VALUES ('VistasDePoliticas', JSON_OBJECT('Total', 1), ?) ON DUPLICATE KEY UPDATE Datos = JSON_SET(Datos, '$.Total', CAST(JSON_VALUE(Datos, '$.Total') AS UNSIGNED) + 1), LastUser = ?",
+      [uid, uid]
+    );
+  }
+
+  async registrarVistaDeAcercaDe(Token) {
+    const { uid } = await this.obtenerDatosDelUsuario(Token);
+    await ejecutarConsulta(
+      "INSERT INTO DatosMiscelaneos (DatoMiscelaneo, Datos, LastUser) VALUES ('VistasDeAcercaDe', JSON_OBJECT('Total', 1), ?) ON DUPLICATE KEY UPDATE Datos = JSON_SET(Datos, '$.Total', CAST(JSON_VALUE(Datos, '$.Total') AS UNSIGNED) + 1), LastUser = ?",
+      [uid, uid]
+    );
+  }
+
+  async registrarVistaDeConozcanos(Token) {
+    const { uid } = await this.obtenerDatosDelUsuario(Token);
+    await ejecutarConsulta(
+      "INSERT INTO DatosMiscelaneos (DatoMiscelaneo, Datos, LastUser) VALUES ('VistasDeConozcanos', JSON_OBJECT('Total', 1), ?) ON DUPLICATE KEY UPDATE Datos = JSON_SET(Datos, '$.Total', CAST(JSON_VALUE(Datos, '$.Total') AS UNSIGNED) + 1), LastUser = ?",
+      [uid, uid]
+    );
+  }
+
+  async registrarVistaDeSabiasQue(Token) {
+    const { uid } = await this.obtenerDatosDelUsuario(Token);
+    await ejecutarConsulta(
+      "INSERT INTO DatosMiscelaneos (DatoMiscelaneo, Datos, LastUser) VALUES ('VistasDeSabiasQue', JSON_OBJECT('Total', 1), ?) ON DUPLICATE KEY UPDATE Datos = JSON_SET(Datos, '$.Total', CAST(JSON_VALUE(Datos, '$.Total') AS UNSIGNED) + 1), LastUser = ?",
+      [uid, uid]
+    );
+  }
+
+  async registrarVistaDePreguntasFrecuentes(Token) {
+    const { uid } = await this.obtenerDatosDelUsuario(Token);
+    await ejecutarConsulta(
+      "INSERT INTO DatosMiscelaneos (DatoMiscelaneo, Datos, LastUser) VALUES ('VistasDePreguntasFrecuentes', JSON_OBJECT('Total', 1), ?) ON DUPLICATE KEY UPDATE Datos = JSON_SET(Datos, '$.Total', CAST(JSON_VALUE(Datos, '$.Total') AS UNSIGNED) + 1), LastUser = ?",
+      [uid, uid]
+    );
+  }
+
+  async obtenerVistas() {
+    const [manual, modulo, politicas, acercade, conozcanos, sabiasque, preguntasFrecuentes] = 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'"),
+      ejecutarConsulta("SELECT CAST(JSON_VALUE(Datos, '$.Total') AS UNSIGNED) AS Total FROM DatosMiscelaneos WHERE DatoMiscelaneo = 'VistasDePoliticas'"),
+      ejecutarConsulta("SELECT CAST(JSON_VALUE(Datos, '$.Total') AS UNSIGNED) AS Total FROM DatosMiscelaneos WHERE DatoMiscelaneo = 'VistasDeAcercaDe'"),
+      ejecutarConsulta("SELECT CAST(JSON_VALUE(Datos, '$.Total') AS UNSIGNED) AS Total FROM DatosMiscelaneos WHERE DatoMiscelaneo = 'VistasDeConozcanos'"),
+      ejecutarConsulta("SELECT CAST(JSON_VALUE(Datos, '$.Total') AS UNSIGNED) AS Total FROM DatosMiscelaneos WHERE DatoMiscelaneo = 'VistasDeSabiasQue'"),
+      ejecutarConsulta("SELECT CAST(JSON_VALUE(Datos, '$.Total') AS UNSIGNED) AS Total FROM DatosMiscelaneos WHERE DatoMiscelaneo = 'VistasDePreguntasFrecuentes'"),
+    ]);
+    return {
+      VistasDelManual: manual[0]?.Total ?? 0,
+      VistasDelModulo: modulo[0]?.Total ?? 0,
+      VistasDePoliticas: politicas[0]?.Total ?? 0,
+      VistasDeAcercaDe: acercade[0]?.Total ?? 0,
+      VistasDeConozcanos: conozcanos[0]?.Total ?? 0,
+      VistasDeSabiasQue: sabiasque[0]?.Total ?? 0,
+      VistasDePreguntasFrecuentes: preguntasFrecuentes[0]?.Total ?? 0,
+    };
+  }
 }
 
 module.exports = new Miscelaneo();

package/templates/frontend/src/app/Paginas/Nucleo/acercade/acercade.component.css

@@ -0,0 +1,65 @@
+.politicas-container {
+  max-width: 1000px;
+  padding-bottom: 20px;
+  font-family: 'Roboto', sans-serif;
+  background-color: white;
+  text-align: left;
+  margin: 0 auto;
+}
+
+.subtitle {
+  background-color: #0b4794;
+  font-size: 25px;
+  color: white;
+  padding: 18px;
+  margin: 20px 0;
+  text-align: center;
+}
+.subtitle p {
+  margin: 5px 0;
+}
+.description {
+  width: 100%;
+  padding-left: 30px;
+  padding-right: 30px;
+  box-sizing: border-box;
+   margin-top: 30px;  
+}
+
+.description p {
+  margin: 15px 0;
+  font-size: 16px;
+  font-weight: 400;
+  color: #4D4D4D;
+  line-height: 1.6;
+}
+
+.description ul {
+  padding-left: 20px; 
+  margin-top: 10px;  
+}
+
+.description li {
+  list-style-type: disc; 
+  margin-bottom: 10px; 
+  color: #4D4D4D;  
+  font-size: 16px; 
+}
+.description li::marker {
+  color: #0b4794;
+}
+@media (max-width: 768px) {
+  .description {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  
+  .description p {
+    font-size: 14px;
+  }
+
+  .description li{
+     font-size: 14px;
+  }
+}
+

package/templates/frontend/src/app/Paginas/Nucleo/acercade/acercade.component.html

@@ -0,0 +1,49 @@
+<div class="subtitle">
+  <p>¿Qué es SIGU?</p>
+</div>
+<div class="politicas-container">
+
+  <div class="description">
+    <p>El Sistema Integrado de Gestión Universitaria (SIGU) es la plataforma digital de la Universidad Técnica Nacional
+      diseñada para centralizar y facilitar la gestión de servicios académicos, administrativos e institucionales.
+    </p>
+    <p>SIGU nace con el propósito de modernizar y optimizar los procesos institucionales que permitan a estudiantes,
+      docentes, personal administrativo, aspirantes, clientes y público en general acceder a distintos servicios
+      universitarios desde una plataforma segura, accesible y eficiente.
+    </p>
+    <P>
+      La plataforma integra funcionalidades relacionadas con procesos académicos, solicitudes institucionales, gestión
+      administrativa, autenticación de usuarios y acceso a información universitaria, permitiendo centralizar y mejorar
+      la experiencia digital y fortalecer la interacción entre la Universidad y sus usuarios.
+    </P>
+    <P>
+      Asimismo, SIGU busca ser una plataforma universitaria moderna, innovadora, accesible y en constante evolución,
+      comprometida con la mejora continua de los servicios digitales institucionales, el fortalecimiento de la gestión
+      universitaria y el uso responsable y seguro de la información, contribuyendo así a una experiencia tecnológica más
+      eficiente, transparente y orientada a las necesidades de la comunidad universitaria.
+    </P>
+    <P><strong>
+      El Sistema Integrado de Gestión Universitaria (SIGU) ofrece principios enfocados en la mejora continua de los
+      servicios digitales universitarios como:
+      </strong>
+    </P>
+    <ul>
+      <li>Eficiencia: SIGU busca optimizar los procesos académicos y administrativos mediante herramientas tecnológicas
+        que faciliten el acceso ágil y centralizado a los servicios institucionales.</li>
+      <li>Confiabilidad: La plataforma procura garantizar integridad y disponibilidad de la información, permitiendo a
+        los usuarios realizar sus gestiones dentro de un entorno confiable.
+      </li>
+      <li>Accesibilidad: SIGU facilita el acceso inmediato a la información y a los módulos de servicios, asegurando una
+        experiencia digital fluida para todos los usuarios registrados.</li>
+      <li>Seguridad: La plataforma incorpora medidas de seguridad informática y protección de datos personales, con el
+        fin de resguardar la información institucional y la privacidad de los usuarios.</li>
+      <li>Organización: SIGU centraliza distintos procesos y servicios universitarios en una única plataforma digital,
+        permitiendo una gestión más ordenada y eficiente de la información.</li>
+    </ul>
+
+    <P>La Universidad Técnica Nacional trabaja continuamente en el desarrollo y actualización de la plataforma, con el
+      objetivo de ofrecer servicios digitales más modernos y adaptados a las necesidades de la comunidad universitaria.
+    </P>
+  </div>
+
+</div>

package/templates/frontend/src/app/Paginas/Nucleo/acercade/acercade.component.ts

@@ -0,0 +1,20 @@
+import { Component, OnInit } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { DatosGlobalesService } from '../../../datos-globales.service';
+import { HttpClient } from '@angular/common/http';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+@Component({
+  selector: 'app-acercade',
+  standalone: true,
+  imports: [MatIconModule],
+  templateUrl: './acercade.component.html',
+  styleUrl: './acercade.component.css'
+})
+export class AcercadeComponent implements OnInit {
+ private _destroy$ = new Subject<void>();
+  constructor(private http: HttpClient, private datosGlobalesService: DatosGlobalesService) { }
+   ngOnInit(): void {
+      this.http.get(`${this.datosGlobalesService.ObtenerURL()}misc/VistaDeAcercaDe`).pipe(takeUntil(this._destroy$)).subscribe({ error: () => { } });
+   }
+ }