utn-cli 2.0.33 → 2.0.35

package/package.json

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

package/templates/backend/rutas/API.js

@@ -4,6 +4,13 @@ const Router = express.Router();
 const Miscelaneo = require('../servicios/Nucleo/Miscelaneas.js');
 const { moitoreo } = require('../servicios/Nucleo/Monitoreo.js');
 
+// Router.post("/DescargarArchivo", async (solicitud, respuesta) => {
+//   if (await Miscelaneo.validarIdentificadorAPI(solicitud.headers)) {
+//     return Miscelaneo.descargarArchivo(respuesta, solicitud.body);
+//   }
+//   return respuesta.status(401).json();
+// });
+
 Router.post('/monitoreo/', async (solicitud, respuesta, next) => {
   try {
     if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {

package/templates/backend/rutas/Servicio1.js

@@ -4,6 +4,7 @@ const Router = express.Router();
 const Servicio1 = require('../servicios/Servicio1.js');
 const Miscelaneo = require('../servicios/Nucleo/Miscelaneas.js');
 const ManejadorDeErrores = require('../servicios/Nucleo/ManejadorDeErrores.js');
+// const API = require('../servicios/API.js')
 
 Router.get('/funcionDeEjemplo', async (solicitud, respuesta, next) => {
   try {
@@ -22,6 +23,26 @@ Router.get('/funcionDeEjemplo', async (solicitud, respuesta, next) => {
   }
 });
 
+// Router.get("/descargarArchivo/:ArchivoId", async (solicitud, respuesta, next) => {
+//   try {
+//     if (await Miscelaneo.validarToken(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+//       try {
+//         let Datos = { ArchivoId: solicitud.params.ArchivoId };
+//         Datos.Token = solicitud.headers.authorization;
+//         await API.DescargarArchivo(Datos, respuesta);
+//         return;
+//       } catch (error) {
+//         const MensajeDeError = "No fue posible obtener el archivo";
+//         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("/listar/:PaginadorAccion/:PaginadorIndice/:PaginadorTamanio/:PaginadorFiltro/:PaginadorColumnaParaFiltrar/:PaginadorColumnasParaFiltrar/:ColumnaParaOrdenar/:TipoDeOrden", async (solicitud, respuesta, next) => {
 //   try {
 //     if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {

package/templates/backend/rutas/misc.js

@@ -4,6 +4,14 @@ const Router = express.Router();
 const Miscelaneo = require('./../servicios/Nucleo/Miscelaneas.js');
 const ManejadorDeErrores = require('../servicios/Nucleo/ManejadorDeErrores.js');
 
+Router.post('/Verificar2FA', async (solicitud, respuesta, next) => {
+  try {
+    return respuesta.json({ body: await Miscelaneo.Verificar2FA(solicitud), error: undefined });
+  } catch (error) {
+    next(error);
+  }
+});
+
 Router.get('/DatosParaReporteCSV', async (solicitud, respuesta, next) => {
   try {
     if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {

package/templates/backend/servicios/API.js

@@ -1,4 +1,5 @@
 const Miscelaneo = require('./../servicios/Nucleo/Miscelaneas.js');
+const { Readable } = require('stream');
 
 class API {
 
@@ -6,6 +7,32 @@ class API {
 
   };
 
+  // async DescargarArchivo(Datos, Respuesta) {
+  //   let URL = undefined;
+  //   switch (process.env.ENV) {
+  //     case 'desarrollo':
+  //       URL = 'http://dgdh-oferentes-backend-desarrollo.181.193.85.44.nip.io';
+  //       break;
+  //     case 'calidad':
+  //       URL = 'http://dgdh-oferentes-backend-calidad.181.193.85.44.nip.io';
+  //       break;
+  //     case 'pruebas':
+  //       URL = 'http://dgdh-oferentes-backend-pruebas.181.193.85.44.nip.io';
+  //       break;
+  //     case 'production':
+  //       URL = 'https://dgdh-oferentes-backend.sigu.utn.ac.cr';
+  //       break;
+  //     default:
+  //       URL = 'http://localhost:81';
+  //   }
+  //   URL += '/api/DescargarArchivo';
+  //   let resultado = await Miscelaneo.consumirBackend(URL, Datos, 'stream');
+  //   Respuesta.setHeader('Content-Type', resultado.headers.get('content-type'));
+  //   Respuesta.setHeader('Content-Disposition', resultado.headers.get('content-disposition'));
+  //   const nodeStream = Readable.fromWeb(resultado.body);
+  //   nodeStream.pipe(Respuesta);
+  // };
+
   // async cursosPorPersonaAnioYPeriodo(Cuerpo) {
   //   let URL = undefined;
   //   switch (process.env.ENV) {

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

@@ -1,4 +1,4 @@
-const { ejecutarConsulta, ejecutarConsultaSIGU, ejecutarConsultaCumulo } = require('./db.js');
+const { ejecutarConsulta, ejecutarConsultaSIGU, ejecutarConsultaCumulo, crearObjetoConexionSIGU } = require('./db.js');
 const ManejadorDeErrores = require('./ManejadorDeErrores.js');
 const InformacionDelModulo = require('../InformacionDelModulo.js');
 const { envioDeCorreo } = require('./EnvioDeCorreos.js');
@@ -68,7 +68,7 @@ class Miscelaneo {
   obtenerNombreCanonicoDelModulo() {
     return this.NombreCanonicoDelModulo;
   }
-  
+
   obtenerVersionDelModulo() {
     return this.Version;
   }
@@ -351,7 +351,7 @@ class Miscelaneo {
     });
     await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_SolicitudesDeRestablecimientoDeClave` VALUES (?, ?, ?, NOW(4), ?)"
       , [CorreoElectronico[0]['Identificador'], Solicitud.body.Identificacion
-      , SolicitudTextual, LastUser]);
+        , SolicitudTextual, LastUser]);
     await envioDeCorreo(CorreoElectronico[0]['CorreoElectronico'], "Solicitud de restablecimiento de clave",
       "<p>Estimada persona usuaria,<br /><br />"
       + "Se ha realizado una solicitud de cambio de clave para su cuenta de acceso a SIGU.</p>"
@@ -364,49 +364,222 @@ class Miscelaneo {
     return;
   }
 
+
   async Autenticar(Solicitud) {
     const crypto = require('crypto');
     const bcrypt = require('bcryptjs');
     const jwt = require('jsonwebtoken');
     const LastUser = await this.generarLastUser(Solicitud);
-    const resultados = await ejecutarConsultaSIGU("SELECT `Identificador`, `Clave` FROM `SIGU`.`SIGU_Personas` WHERE `Activo` = TRUE AND `Identificacion` = ?"
-      , [Solicitud.body.Identificacion]);
-    const Resultado = await bcrypt.compare(crypto.createHash('md5').update(Solicitud.body.Clave).digest("hex"), resultados[0]['Clave']);
-    if (Resultado) {
-      console.log("La clave brindada para el usuario", Solicitud.body.Identificacion, "conincide");
-      const Token = await jwt.sign({ Identificador: resultados[0]['Identificador'], uid: resultados[0]['Identificador'] }, await this.palabraSecretaParaTokens(), { expiresIn: '2h' });
-      await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_Sesiones` VALUES (?, ?, ?, NOW(4), ?) ON DUPLICATE KEY UPDATE `Token` = ?, `LastUser` = ?"
-        , [resultados[0]['Identificador'], Solicitud.headers.host.trim(), Token, LastUser, Token, LastUser]
-      );
-      await ejecutarConsultaSIGU("DELETE FROM `SIGU`.`SIGU_SesionesFallidas` WHERE `Identificador` = ?"
-        , [resultados[0]['Identificador']]);
-      await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_PermisosPersonasV2`\
-        SELECT `PermisoId`, ?, NOW(4), USER() FROM `SIGU`.`SIGU_PermisosV2` WHERE `Nombre` LIKE '%Público%'\
-        ON DUPLICATE KEY UPDATE `LastUser` = USER()", [resultados[0]['Identificador']]);
-      return { Token, Dominio: ((process.env.ENV || 'local') === 'production' ? '.sigu.utn.ac.cr' : '.181.193.85.44.nip.io') };
-    } else {
-      console.log("La clave brindada para el usuario", Solicitud.body.Identificacion, "no conincide");
-      const Resultados2 = await ejecutarConsultaSIGU("SELECT COUNT(*) AS `Total` FROM `SIGU`.`SIGU_ClavesTemporalesDeLasPersonas`\
-        WHERE `Identificador` = ? AND `Clave` = ?"
-        , [resultados[0]['Identificador'], Solicitud.body.Clave]);
-      if (Resultados2[0]['Total'] > 0) {
-        console.log("La clave brindada para el usuario", Solicitud.body.Identificacion, "no conincide, pero coincide la clave temporal");
-        const bcrypt = require('bcryptjs');
-        await ejecutarConsultaSIGU("UPDATE `SIGU`.`SIGU_Personas` SET\
-      `Clave` = ?, `LastUpdate` = NOW(4), `LastUser` = ? WHERE `Identificacion` = ?"
-          , [await bcrypt.hash(require('crypto').createHash('md5').update(Solicitud.body.Clave).digest("hex"), 10)
-            , LastUser, Solicitud.body.Identificacion]);
-        await ejecutarConsultaSIGU("DELETE FROM `SIGU`.`SIGU_ClavesTemporalesDeLasPersonas`\
-        WHERE `Identificador` = ?", [resultados[0]['Identificador']]);
-        await this.Autenticar(Solicitud);
+    const ConexionSigu = await crearObjetoConexionSIGU();
+
+    try {
+      const resultados = await ConexionSigu.query("SELECT `Identificador`, `Clave` FROM `SIGU`.`SIGU_Personas` WHERE `Activo` = TRUE AND `Identificacion` = ?", [Solicitud.body.Identificacion]);
+      const Identificador = resultados[0][0]['Identificador'];
+      const Resultado = await bcrypt.compare(crypto.createHash('md5').update(Solicitud.body.Clave).digest("hex"), resultados[0][0]['Clave']);
+
+      if (Resultado) {
+        console.log("La clave brindada para el usuario", Solicitud.body.Identificacion, "coincide");
+        const Token = await jwt.sign({ Identificador: Identificador, uid: Identificador }, await this.palabraSecretaParaTokens(), { expiresIn: '2h' });
+        await ConexionSigu.query("INSERT INTO `SIGU`.`SIGU_Sesiones` VALUES (?, ?, ?, NOW(4), ?) ON DUPLICATE KEY UPDATE `Token` = ?, `LastUser` = ?", [Identificador, Solicitud.headers.host.trim(), Token, LastUser, Token, LastUser]
+        );
+        await ConexionSigu.query("DELETE FROM `SIGU`.`SIGU_SesionesFallidas` WHERE `Identificador` = ?", [Identificador]);
+        const permisos = await ConexionSigu.query("\
+        WITH RECURSIVE`ModulosJerarquia` AS( \
+          SELECT`Nombre`, `Padre` \
+          FROM`SIGU`.`SIGU_ModulosV2` \
+          WHERE`Nombre` COLLATE utf8mb4_spanish_ci IN(\
+            SELECT`Modulo` \
+            FROM`SIGU`.`SIGU_PermisosV2` \
+            WHERE`Nombre` LIKE '%Público%' \
+        ) \
+          UNION ALL \
+          SELECT`m`.`Nombre`, `m`.`Padre` \
+          FROM`SIGU`.`SIGU_ModulosV2` `m` \
+          INNER JOIN`ModulosJerarquia` `mj` \
+          ON`mj`.`Padre` COLLATE utf8mb4_spanish_ci = \
+          `m`.`Nombre` COLLATE utf8mb4_spanish_ci \
+        ) \
+          SELECT DISTINCT \
+          `p`.`PermisoId` \
+          FROM`ModulosJerarquia` `mj` \
+          JOIN`SIGU`.`SIGU_PermisosV2` `p` \
+          ON`p`.`Modulo` COLLATE utf8mb4_spanish_ci = \
+          `mj`.`Nombre` COLLATE utf8mb4_spanish_ci; \
+        ");
+
+        for (const permiso of permisos[0]) {
+          await ConexionSigu.query(" \
+        INSERT INTO `SIGU`.`SIGU_PermisosPersonasV2` \
+            (`PermisoId`, `Identificador`, `LastUpdate`, `LastUser`) \
+        VALUES (?, ?, NOW(4), USER()) \
+        ON DUPLICATE KEY UPDATE \
+            `LastUser` = USER(), \
+            `LastUpdate` = NOW(4);", [permiso.PermisoId, Identificador]);
+        }
+
+        // OBTENER IP DEL USUARIO
+        const ipUsuario = (Solicitud.headers['x-forwarded-for'] || '').split(',').shift() || Solicitud.socket?.remoteAddress || Solicitud.connection?.remoteAddress || '-';
+
+        // VERIFICAR SI LA IP YA EXISTE
+        const ipExiste = await ConexionSigu.query("\
+        SELECT COUNT(*) AS Total \
+        FROM `SIGU`.`SIGU_DireccionesUsadasPorLosUsuarios` \
+        WHERE `Identificador` = ? AND `DireccionUsadaPorElUsuario` = ?", [Identificador, ipUsuario]);
+        if (ipExiste[0][0].Total === 0) {
+          console.log("IP nueva detectada para el usuario, iniciando 2FA");
+
+          // GENERAR CODIGO 2FA
+          let Codigo2FA = await ConexionSigu.query("SELECT UUID() AS `Dato`");
+          Codigo2FA = Codigo2FA[0][0].Dato;
+
+          // GUARDAR CODIGO 2FA
+          await ConexionSigu.query(" \
+          REPLACE INTO `SIGU`.`SIGU_CodigosDe2FAParaLosUsuarios` \
+          VALUES (?, ?, NOW(4), ?)", [
+            Identificador,
+            Codigo2FA,
+            LastUser
+          ]);
+
+          // OBTENER CORREO
+          const CorreoElectronico = await ConexionSigu.query(
+            "SELECT `CorreoElectronico` \
+          FROM `SIGU`.`SIGU_CorreosPersona` \
+          WHERE `Identificador` = ? \
+          AND `Principal` = TRUE"
+            , [Identificador]);
+
+          // ENVIAR CORREO
+          console.log(CorreoElectronico[0][0].CorreoElectronico)
+          await envioDeCorreo(
+            CorreoElectronico[0][0].CorreoElectronico,
+            "Código de verificación 2FA",
+            "<p>Hemos recibido su solicitud de acceso para 2FA.</p>" +
+            "<p>Para continuar con el proceso, por favor utilice el siguiente código único de verificación:</p>" +
+            "<h2>" + Codigo2FA + "</h2>" +
+            "<p>Si usted no inició este proceso, puede ignorar este mensaje.</p>"
+          );
+          return { Requiere2FA: true };
+
+        }
+
+        // SI LA IP YA EXISTE CONTINUA
+        await ConexionSigu.query("\
+      INSERT INTO `SIGU`.`SIGU_DireccionesUsadasPorLosUsuarios` \
+      (`DireccionUsadaPorElUsuario`, `Identificador`, `LastUpdate`, `LastUser`) \
+      VALUES (?, ?, NOW(4), ?) \
+      ON DUPLICATE KEY UPDATE `LastUpdate` = NOW(4), `LastUser` = ?;", [
+          ipUsuario,
+          Identificador,
+          LastUser,
+          LastUser
+        ]);
+        return { Token, Dominio: ((process.env.ENV || 'local') === 'production' ? '.sigu.utn.ac.cr' : '.181.193.85.44.nip.io') };
+
       } else {
-        await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_SesionesFallidas` VALUES (?, ?, NOW(4))"
-          , [resultados[0]['Identificador'], Solicitud.headers.host.trim()]);
+        console.log("La clave brindada para el usuario", Solicitud.body.Identificacion, "no conincide");
+
+        const Resultados2 = await ConexionSigu.query("SELECT COUNT(*) AS `Total` FROM `SIGU`.`SIGU_ClavesTemporalesDeLasPersonas` WHERE `Identificador` = ? AND `Clave` = ?", [Identificador, Solicitud.body.Clave]);
+
+        if (Resultados2[0][0]['Total'] > 0) {
+          console.log("La clave brindada para el usuario", Solicitud.body.Identificacion, "no conincide, pero coincide la clave temporal");
+          await ConexionSigu.query("UPDATE `SIGU`.`SIGU_Personas` SET `Clave` = ?, `LastUpdate` = NOW(4), `LastUser` = ? WHERE `Identificacion` = ?"
+            , [await bcrypt.hash(require('crypto').createHash('md5').update(Solicitud.body.Clave).digest("hex"), 10), LastUser, Solicitud.body.Identificacion]);
+
+          await ConexionSigu.query("DELETE FROM `SIGU`.`SIGU_ClavesTemporalesDeLasPersonas`WHERE `Identificador` = ?", [Identificador]);
+          return await this.Autenticar(Solicitud);
+
+        } else {
+          await ConexionSigu.query("INSERT INTO `SIGU`.`SIGU_SesionesFallidas` VALUES (?, ?, NOW(4))"
+            , [Identificador, Solicitud.headers.host.trim()]);
+        }
       }
+    } catch (error) {
+      console.log(error);
+      return;
+    } finally {
+      if (ConexionSigu) await ConexionSigu.end();
     }
     return;
   }
 
+  async Verificar2FA(Solicitud) {
+    const jwt = require('jsonwebtoken');
+    const ConexionSigu = await crearObjetoConexionSIGU();
+    const LastUser = await this.generarLastUser(Solicitud);
+    try {
+      const { Identificacion, Codigo } = Solicitud.body;
+      const resultados = await ConexionSigu.query(
+        "SELECT `Identificador` FROM `SIGU`.`SIGU_Personas` WHERE `Activo` = TRUE AND `Identificacion` = ?", [Identificacion]);
+
+      if (!resultados[0].length) {
+        return { error: "Usuario no encontrado" };
+      }
+      const Identificador = resultados[0][0]['Identificador'];
+      // Validar código 2FA
+      const codigoValido = await ConexionSigu.query(" \
+      SELECT COUNT(*) AS Total \
+      FROM `SIGU`.`SIGU_CodigosDe2FAParaLosUsuarios` \
+      WHERE `Identificador` = ? \
+      AND `CodigoDe2FAParaElUsuario` = ?", [Identificador, Codigo]);
+
+      if (codigoValido[0][0].Total === 0) {
+        // Eliminar código usado cuando falle
+        await ConexionSigu.query(" \
+      DELETE FROM `SIGU`.`SIGU_CodigosDe2FAParaLosUsuarios` \
+      WHERE `Identificador` = ? ", [Identificador]);
+        return { error: "Código inválido" };
+      }
+
+      // Eliminar código usado
+      await ConexionSigu.query(" \
+      DELETE FROM `SIGU`.`SIGU_CodigosDe2FAParaLosUsuarios` WHERE `Identificador` = ?", [Identificador]);
+
+      // Obtener IP del usuario
+      const ipUsuario = (Solicitud.headers['x-forwarded-for'] || '').split(',').shift() || Solicitud.socket?.remoteAddress || Solicitud.connection?.remoteAddress || '-';
+
+      // Guardar IP autorizada
+      await ConexionSigu.query(" \
+      INSERT INTO `SIGU`.`SIGU_DireccionesUsadasPorLosUsuarios` (`DireccionUsadaPorElUsuario`, `Identificador`, `LastUpdate`, `LastUser`) \
+      VALUES (?, ?, NOW(4), ?) \
+      ON DUPLICATE KEY UPDATE `LastUpdate` = NOW(4), `LastUser` = ?;", [
+        ipUsuario,
+        Identificador,
+        LastUser,
+        LastUser
+      ]);
+
+      // Generar token
+      const Token = await jwt.sign(
+        { Identificador: Identificador, uid: Identificador },
+        await this.palabraSecretaParaTokens(),
+        { expiresIn: '2h' }
+      );
+
+      // Registrar sesión
+      await ConexionSigu.query(" \
+      INSERT INTO `SIGU`.`SIGU_Sesiones` \
+      VALUES (?, ?, ?, NOW(4), ?) \
+      ON DUPLICATE KEY UPDATE `Token` = ?, `LastUser` = ?", [
+        Identificador,
+        Solicitud.headers.host.trim(),
+        Token,
+        LastUser,
+        Token,
+        LastUser
+      ]);
+      return {
+        Token,
+        Dominio: ((process.env.ENV || 'local') === 'production' ? '.sigu.utn.ac.cr' : '.181.193.85.44.nip.io')
+      };
+    } catch (error) {
+      console.log(error);
+      return { error: "Error verificando 2FA" };
+    } finally {
+      if (ConexionSigu) await ConexionSigu.end();
+    }
+  }
+
   async ListadoDePaisesParaCrearCuenta() {
     const Resultado = await ejecutarConsultaSIGU("SELECT REPLACE(MID(`COLUMN_TYPE`, 6, CHAR_LENGTH(`COLUMN_TYPE`) - 6), \"'\", '') AS `Datos` FROM `information_schema`.`COLUMNS`\
         WHERE `TABLE_SCHEMA` = 'SIGU' AND `TABLE_NAME` = 'SIGU_Personas' AND\
@@ -538,7 +711,7 @@ class Miscelaneo {
       + "<p><b>Detalle de la incidencia: </b>" + Datos.detalle + "</p><br />"
       + "<p><b>Resultado esperado: </b>" + Datos.resultado + "</p><br />"
       + "<p><b>Información de contacto: </b>" + Datos.concato + "</p><br />"
-      + "<p><b>Información del usuario: </b>" + await this.obtenerDatosDeLaPersona(Solicitud.headers.authorization) + "</p><br />"
+      + "<p><b>Información del usuario: </b>" + await this.obtenerDatosDelUsuario(Solicitud.headers.authorization) + "</p><br />"
       , [DatosDelArchivo.rutaDeArchivo]);
     return;
   }
@@ -549,7 +722,7 @@ class Miscelaneo {
       "<p><b>Sistema: </b>" + this.NombreCanonicoDelModulo + "</p><br />"
       + "<p><b>Asunto: </b>Reporte de sugerencia</p><br />"
       + "<p><b>Detalle de la sugerencia: </b>" + Datos.detalle + "</p><br />"
-      + "<p><b>Información del usuario: </b>" + await this.obtenerDatosDeLaPersona(Solicitud.headers.authorization) + "</p><br />");
+      + "<p><b>Información del usuario: </b>" + await this.obtenerDatosDelUsuario(Solicitud.headers.authorization) + "</p><br />");
     return;
   }
 
@@ -1068,7 +1241,7 @@ class Miscelaneo {
       if (!Resultado) {
         throw new ManejadorDeErrores(ManejadorDeErrores.mensajeDeErrorVerificacionDeToken(), ManejadorDeErrores.obtenerNumeroDeLinea(), encabezadoDeAutorizacion);
       }
-      Resultado.token = token;
+      // Resultado.token = token;
       const DatosDeLaPersona = await ejecutarConsultaSIGU("SELECT `Identificacion`, `Nombre`, `PrimerApellido`,\
         `SegundoApellido`, CONCAT(`FechaNacimiento`) AS `FechaDeNacimiento`\
         FROM `SIGU`.`SIGU_Personas` WHERE `Identificador` = ?", [Resultado.uid]);

package/templates/frontend/src/app/Componentes/Nucleo/subir-archivo/subir-archivo.component.css

@@ -3,88 +3,106 @@ button:focus {
 }
 
 .contenedor {
-
-  min-height: 20vh;
-  padding: 2%;
-  padding-top: 10%;
-  padding-bottom: 5%;
-
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+  /* Padding uniforme en todos los lados */
   background-color: white;
+  overflow: hidden;
+  box-sizing: border-box;
 }
 
-.zona-archivo {
-  width: 90%;
-  height: 10vh;
-  margin-left: 4%;
-  border: 2px dashed #3498db;
-  padding: 1%;
-  align-items: center;
+.lista {
+  width: 100%;
+  /* Ocupa todo el ancho disponible del contenedor */
+  margin-bottom: 15px;
+  max-height: 300px;
+  overflow-y: auto;
+  overflow-x: hidden;
   display: flex;
-  cursor: pointer;
-  transition: background 0.3s;
+  flex-direction: column;
+  gap: 8px;
+  /* Espacio uniforme entre archivos */
 }
 
-.texto {
-  width: 100%;
-  text-align: center;
+/* Estilo de la fila de archivo */
+.lista .archivo {
+  border: solid 1px #007bff;
+  border-radius: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 15px;
+  /* Espacio interno simétrico */
+  box-sizing: border-box;
 }
 
-.zona-archivo:hover,
-.zona-archivo.arrastrar {
-  background: #e3f2fd;
+.lista .archivo p {
+  margin: 0;
+  flex: 1;
+  /* El texto toma el espacio restante */
+  text-align: left;
+  padding-right: 10px;
 }
 
-.texto-clic {
-  color: #007bff;
-  font-weight: bold;
+/* Zona de Arrastre */
+.zona-archivo {
+  width: 100%;
+  /* Centrado automático */
+  height: 100px;
+  border: 2px dashed #3498db;
+  border-radius: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   cursor: pointer;
-  text-decoration: underline;
+  transition: background 0.3s;
+  box-sizing: border-box;
 }
 
-.pie {
-  margin-top: 5%;
-  margin-right: 5%;
+/* Centrado del mensaje vacío */
+.mensaje-vacio {
   display: flex;
-  flex-direction: row-reverse;
+  justify-content: center;
+  align-items: center;
+  padding: 40px 0;
+  /* Margen superior e inferior igual */
+  color: #7f8c8d;
+  width: 100%;
 }
 
-.lista {
-  width: 95%;
-  margin-bottom: 2%;
-  padding-left: 4%;
+.mensaje-vacio p {
+  margin: 0;
 }
 
-.lista .archivo {
-  border: solid 1px #007bff;
-  ;
-  border-radius: 10px;
-  width: 100%;
+.pie {
+  margin-top: 20px;
   display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 1%;
+  justify-content: flex-end;
+  /* Alinea botones a la derecha */
+  gap: 10px;
 }
 
-.lista .archivo p {
-
-  text-align: center;
-  width: 70%;
-  padding: 1%;
+/* Estilizador de Scrollbar */
+.lista::-webkit-scrollbar {
+  width: 6px;
 }
 
-.lista p:nth-child(odd) {
-  margin-right: 2%;
+.lista::-webkit-scrollbar-thumb {
+  background: #bdc3c7;
+  border-radius: 10px;
 }
 
+/* Iconos */
 .descargar {
   color: #007bff;
-  margin-right: 5%;
 }
 
 .eliminar {
-  color: red;
+  color: #e74c3c;
 }
 
 .deshabilitado {
-  color: gray;
+  color: #bdc3c7;
 }

package/templates/frontend/src/app/Componentes/Nucleo/subir-archivo/subir-archivo.component.html

@@ -2,7 +2,8 @@
   <div class="lista">
     @for(archivo of ListaArchivos;track $index){
     <div class="archivo">
-      <p>{{archivo.Nombre}}</p>
+      <p style="text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{archivo.Nombre}}
+      </p>
       <button mat-icon-button (click)="DescargarArchivo(archivo.ArchivoId,archivo.Nombre)" matTooltip="Descargar">
         <!--pone deshabilitado si es estado coincide con el indicado -->
         <mat-icon class="descargar">download</mat-icon>
@@ -29,11 +30,13 @@
   </div>
   } @else {
   @if(ListaArchivos.length === 0) {
-  <p>Sin archivos adjuntos</p>
+  <div class="mensaje-vacio">
+    <p>Sin archivos adjuntos</p>
+  </div>
   }
   }
   <div class="pie">
     <button mat-button [disabled]="!EsEditable" (click)="SubirArchivo()">Guardar</button>
     <button mat-button (click)="Cancelar()">Cerrar</button>
   </div>
-</div>
+</div>

package/templates/frontend/src/app/Componentes/Nucleo/subir-archivo/subir-archivo.component.ts

@@ -21,10 +21,17 @@ export class SubirArchivoComponent implements OnInit {
   Etiqueta = this.data.Etiqueta + this.Permiso;
   EsEditable = this.data.EsEditable;
   Token: any;
-  constructor(private datosGlobalesService: DatosGlobalesService,
-    private http: HttpClient
-  ) { }
+  public RutaParaListar: string = 'misc/listarArchivos/';
+  public RutaParaDescargar: string = 'misc/descargarArchivo/';
+  constructor(private datosGlobalesService: DatosGlobalesService, private http: HttpClient) { }
+
   ngOnInit(): void {
+    if (this.data.RutaParaListar) {
+      this.RutaParaListar = this.data.RutaParaListar;
+    }
+    if (this.data.RutaParaDescargar) {
+      this.RutaParaDescargar = this.data.RutaParaDescargar;
+    }
     this.ListarArchivos(this.Etiqueta)
   }
 
@@ -33,7 +40,6 @@ export class SubirArchivoComponent implements OnInit {
     event.stopPropagation();
     const archivoZona = event.target as HTMLElement;
     archivoZona.classList.add('arrastrar');
-
   }
 
   ArrastrarAfuera(event: DragEvent) {
@@ -44,10 +50,8 @@ export class SubirArchivoComponent implements OnInit {
   Soltar(event: DragEvent) {
     event.preventDefault();
     event.stopPropagation();
-
     const archivoZona = event.target as HTMLElement;
     archivoZona.classList.remove('arrastrar');
-
     if (event.dataTransfer?.files.length && this.EsEditable) {
       this.Archivo = event.dataTransfer.files[0];
     }
@@ -89,7 +93,7 @@ export class SubirArchivoComponent implements OnInit {
   }
 
   ListarArchivos(Etiqueta: string) {
-    this.http.get(this.datosGlobalesService.ObtenerURL() + 'misc/listarArchivos/' + Etiqueta)
+    this.http.get(this.datosGlobalesService.ObtenerURL() + this.RutaParaListar + Etiqueta)
       .subscribe({
         next: (data: any) => {
           this.ListaArchivos = data.body;
@@ -101,7 +105,7 @@ export class SubirArchivoComponent implements OnInit {
   }
 
   DescargarArchivo(ArchivoId: string, Nombre: string) {
-    this.http.get(this.datosGlobalesService.ObtenerURL() + 'misc/descargarArchivo/' + ArchivoId + this.Permiso
+    this.http.get(this.datosGlobalesService.ObtenerURL() + this.RutaParaDescargar + ArchivoId + this.Permiso
       , { responseType: 'blob' })
       .subscribe((pdfBlob) => {
         const url = window.URL.createObjectURL(pdfBlob);