utn-cli 2.0.42 → 2.0.43

package/commands/backend.js

@@ -40,7 +40,7 @@ async function inicializarProyectoBackend() {
 
   const NOMBRE_DEL_PROYECTO = await askAndReplace('NOMBRE_DEL_PROYECTO', '¿Cuál es el nombre del proyecto?: ', rutaDeInformacionDelModulo, 'NOMBRE_DEL_PROYECTO');
   await askAndReplace('DESCRIPCION_DEL_PROYECTO', '¿Cuál es la descripción del proyecto?: ', rutaDeInformacionDelModulo, 'DESCRIPCION_DEL_PROYECTO');
-  await askAndReplace('DETALLE_DEL_PROYECTO', '¿Cuál es detalle del proyecto?: ', rutaDeInformacionDelModulo, 'DETALLE_DEL_PROYECTO');
+  await askAndReplace('DETALLE_DEL_PROYECTO', '¿Cuál es el detalle del proyecto?: ', rutaDeInformacionDelModulo, 'DETALLE_DEL_PROYECTO');
 
   const NOMBRE_DEL_CANONICO_DEL_PROYECTO = await askAndReplace('NOMBRE_DEL_CANONICO_DEL_PROYECTO', '¿Cuál es el nombre canónico del proyecto?: ', rutaDeInformacionDelModulo, 'NOMBRE_DEL_CANONICO_DEL_PROYECTO', (val) => {
     const oldFileName = path.join(process.cwd(), 'NOMBRE_DEL_CANONICO_DEL_PROYECTO.rest');
@@ -58,7 +58,7 @@ async function inicializarProyectoBackend() {
     }
   });
 
-  await askAndReplace('TIPO_DE_TARJETA', '¿Cuál es tipo de tarjeta? Posibles valores: Área, Proceso, Servicio: ', rutaDeInformacionDelModulo, 'TIPO_DE_TARJETA');
+  await askAndReplace('TIPO_DE_TARJETA', '¿Cuál es el tipo de tarjeta? Posibles valores: Área, Proceso, Servicio: ', rutaDeInformacionDelModulo, 'TIPO_DE_TARJETA');
   await askAndReplace('NOMBRE_DEL_ROL', '¿Cuál es el nombre del rol?: ', rutaDeInformacionDelModulo, 'NOMBRE_DEL_ROL');
 
   const NOMBRE_DEL_REPOSITORIO_DE_BASE_DE_DATOS = await askAndReplace('NOMBRE_DEL_REPOSITORIO_DE_BASE_DE_DATOS', '¿Cuál es el nombre del repositorio de base de datos?: ', rutaDeInformacionDelModulo, 'NOMBRE_DEL_REPOSITORIO_DE_BASE_DE_DATOS', (val) => {
@@ -82,17 +82,17 @@ async function inicializarProyectoBackend() {
   await askAndReplace('NOMBRE_DEL_REPOSITORIO_DE_FRONTEND', '¿Cuál es el nombre del repositorio de frontend?: ', rutaDeInformacionDelModulo, 'NOMBRE_DEL_REPOSITORIO_DE_FRONTEND');
   await askAndReplace('NOMBRE_DEL_PERMISO', '¿Cuál es el nombre del permiso?: ', rutaDeInformacionDelModulo, 'NOMBRE_DEL_PERMISO');
   await askAndReplace('DESCRIPCION_DEL_PERMISO', '¿Cuál es la descripción del permiso?: ', rutaDeInformacionDelModulo, 'DESCRIPCION_DEL_PERMISO');
-  await askAndReplace('MENU_PADRE', '¿Cuál es nombre canónico del menú padre?: ', rutaDeInformacionDelModulo, 'MENU_PADRE');
+  await askAndReplace('MENU_PADRE', '¿Cuál es el nombre canónico del menú padre?: ', rutaDeInformacionDelModulo, 'MENU_PADRE');
   await askAndReplace('COLOR_DEL_MODULO', '¿Cuál es el color del módulo?: ', rutaDeInformacionDelModulo, 'COLOR_DEL_MODULO');
-  await askAndReplace('CORRECO_PARA_REPORTES', '¿Cuál es correo para reportes?: ', rutaDeInformacionDelModulo, 'CORRECO_PARA_REPORTES');
+  await askAndReplace('CORREO_PARA_REPORTES', '¿Cuál es el correo para reportes?: ', rutaDeInformacionDelModulo, 'CORREO_PARA_REPORTES');
 
-  const nombre_de_desarrollador = await askAndReplace('nombre_de_desarrollador', '¿Cuál es el nombre de desarrollador?: ', path.join(process.cwd(), 'package.json'), 'nombre_de_desarrollador', (val) => {
+  const nombre_de_desarrollador = await askAndReplace('nombre_de_desarrollador', '¿Cuál es el nombre del desarrollador?: ', path.join(process.cwd(), 'package.json'), 'nombre_de_desarrollador', (val) => {
     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');
 
-  const url_del_grupo = await askAndReplace('url_del_grupo', '¿Cuál es el URL del grupo en el git?: ', path.join(process.cwd(), 'package.json'), 'url_del_grupo', (val) => {
+  const url_del_grupo = await askAndReplace('url_del_grupo', '¿Cuál es la URL del grupo en el Git?: ', path.join(process.cwd(), 'package.json'), 'url_del_grupo', (val) => {
     reemplazarContenidoEnArchivo(path.join(process.cwd(), 'package.json'), 'url_del_grupo', val);
   });
 
@@ -117,7 +117,7 @@ async function inicializarProyectoBackend() {
     reemplazarContenidoEnArchivo(rutaDeInformacionDelModulo, 'BACKENDS_QUE_CONSUME_ESTE_MODULO', '');
   }
 
-  await askAndReplace('VERSION', '¿Cuál es versión del módulo?: ', rutaDeInformacionDelModulo, 'VERSION');
+  await askAndReplace('VERSION', '¿Cuál es la versión del módulo?: ', rutaDeInformacionDelModulo, 'VERSION');
 
   fs.writeFileSync(rutaDeInformacionDelModuloJson, JSON.stringify(informacionDelModuloJson, null, 2));
 }

package/package.json

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

package/templates/backend/InformacionDelModulo.json

@@ -12,7 +12,7 @@
   "DESCRIPCION_DEL_PERMISO": "DESCRIPCION_DEL_PERMISO",
   "MENU_PADRE": "MENU_PADRE",
   "COLOR_DEL_MODULO": "COLOR_DEL_MODULO",
-  "CORRECO_PARA_REPORTES": "CORRECO_PARA_REPORTES",
+  "CORREO_PARA_REPORTES": "CORREO_PARA_REPORTES",
   "nombre_de_desarrollador": "nombre_de_desarrollador",
   "CEDULA_DEL_DESARROLLADOR": "CEDULA_DEL_DESARROLLADOR",
   "url_del_grupo": "url_del_grupo",

package/templates/backend/servicios/InformacionDelModulo.js

@@ -53,14 +53,14 @@ class InformacionDelModulo {
   };
   getUsuariosConAccesoInicial() {
     // UsuariosConAccesoInicial es un arreglo de strings de la forma ['111050570', '111050570']
-    // Este arreglo se usa para asignar acceso a este móudlo, suelen usarse la cédulas de los encargados del proyecto y el desarrollador
+    // Este arreglo se usa para asignar acceso a este módulo, suelen usarse las cédulas de los encargados del proyecto y el desarrollador
     return ['111050570', '204540859', '602990078', '109840817', '206860639', '155821845336', 'CEDULA_DEL_DESARROLLADOR'];
   };
   getColorDelModulo() {
     return 'COLOR_DEL_MODULO';
   };
   getCorreoParaReportes() {
-    return 'CORRECO_PARA_REPORTES';
+    return 'CORREO_PARA_REPORTES';
   };
   getVersion() {
     return 'VERSION';

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

@@ -61,6 +61,17 @@ button:focus {
   box-sizing: border-box;
 }
 
+.zona-archivo.deshabilitado {
+  border-color: #bdc3c7;
+  background-color: #f8f9fa;
+  cursor: not-allowed;
+}
+
+.texto-limite {
+  color: #e74c3c;
+  font-weight: bold;
+}
+
 /* Centrado del mensaje vacío */
 .mensaje-vacio {
   display: flex;

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

@@ -17,16 +17,20 @@
     }
   </div>
   @if(EsEditable) {
-  <div class="zona-archivo" (click)="AbrirGestorDeArchivos()" (dragover)="ArrastrarAdentro($event)"
+  <div class="zona-archivo" [class.deshabilitado]="ListaArchivos.length >= CantidadMaximaArchivos" (click)="AbrirGestorDeArchivos()" (dragover)="ArrastrarAdentro($event)"
     (dragleave)="ArrastrarAfuera($event)" (drop)="Soltar($event)">
-    @if(!Archivo){
-    <p class="texto">Arrastra y suelta un archivo aquí o <span class="texto-clic">haz clic para subir</span></p>
-    }
-    @else{
-    <p>Archivo seleccionado: {{ Archivo.name }}</p>
+    @if(ListaArchivos.length >= CantidadMaximaArchivos) {
+      <p class="texto-limite">Límite de {{CantidadMaximaArchivos}} archivos alcanzado</p>
+    } @else {
+      @if(!Archivo){
+      <p class="texto">Arrastra y suelta un archivo aquí o <span class="texto-clic">haz clic para subir</span></p>
+      }
+      @else{
+      <p>Archivo seleccionado: {{ Archivo.name }}</p>
+      }
     }
     <!-- Input oculto para seleccionar archivos manualmente -->
-    <input type="file" #EntradDeArchivo hidden (change)="ArchivoSeleccionado($event)" [accept]="FormatosPermitidos.join(',')">
+    <input type="file" #EntradaDeArchivo hidden (change)="ArchivoSeleccionado($event)" [accept]="FormatosPermitidos.join(',')">
   </div>
   } @else {
   @if(ListaArchivos.length === 0) {

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

@@ -1,4 +1,4 @@
-import { Component, ElementRef, inject, OnInit, ViewChild } from '@angular/core';
+import { Component, ElementRef, inject, OnInit, ViewChild, Output, EventEmitter } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
@@ -17,7 +17,10 @@ export class SubirArchivoComponent implements OnInit {
   readonly dialogRef = inject(MatDialogRef<SubirArchivoComponent>);
   Archivo: any;
   ListaArchivos: any[] = []
-  @ViewChild('EntradDeArchivo') EntradDeArchivo!: ElementRef<HTMLInputElement>;
+  HaCargadoArchivos: boolean = false;
+  CantidadMaximaDeArchivos: number = 99;
+  @Output() HaCargadoArchivosChange = new EventEmitter<boolean>();
+  @ViewChild('EntradaDeArchivo') EntradaDeArchivo!: ElementRef<HTMLInputElement>;
   readonly data = inject(MAT_DIALOG_DATA);
   Permiso = '--Permiso=' + this.data.Permiso;
   Etiqueta = this.data.Etiqueta + this.Permiso;
@@ -39,12 +42,16 @@ export class SubirArchivoComponent implements OnInit {
     if (this.data.FormatosPermitidos) {
       this.FormatosPermitidos = this.data.FormatosPermitidos;
     }
+    if (this.data.CantidadMaximaDeArchivos) {
+      this.CantidadMaximaDeArchivos = this.data.CantidadMaximaDeArchivos;
+    }
     this.ListarArchivos(this.Etiqueta)
   }
 
   ArrastrarAdentro(event: DragEvent) {
     event.preventDefault();
     event.stopPropagation();
+    if (this.ListaArchivos.length >= this.CantidadMaximaDeArchivos) return;
     const archivoZona = event.target as HTMLElement;
     archivoZona.classList.add('arrastrar');
   }
@@ -59,6 +66,20 @@ export class SubirArchivoComponent implements OnInit {
     event.stopPropagation();
     const archivoZona = event.target as HTMLElement;
     archivoZona.classList.remove('arrastrar');
+
+    if (this.ListaArchivos.length >= this.CantidadMaximaDeArchivos) {
+      this.dialog.open(MensajeConfirmacionComponent, {
+        data: {
+          titulo: 'Límite alcanzado',
+          mensaje: 'Se ha alcanzado la cantidad máxima de archivos permitidos (' + this.CantidadMaximaDeArchivos + ').',
+          textoAceptar: 'Continuar',
+          onClose: () => { },
+          onAccept: () => { },
+        },
+      });
+      return;
+    }
+
     if (event.dataTransfer?.files.length && this.EsEditable) {
       const archivoArrastrado = event.dataTransfer.files[0];
       if (this.ValidarFormato(archivoArrastrado)) {
@@ -67,7 +88,7 @@ export class SubirArchivoComponent implements OnInit {
         this.dialog.open(MensajeConfirmacionComponent, {
           data: {
             titulo: 'Formato de archivo incorrecto',
-            mensaje: 'El formato de archivo no permitido. Los formatos permitidos son: ' + this.FormatosPermitidos.join(', '),
+            mensaje: 'El formato de archivo no está permitido. Los formatos permitidos son: ' + this.FormatosPermitidos.join(', '),
             textoAceptar: 'Continuar',
             onClose: () => { },
             onAccept: () => { },
@@ -78,14 +99,37 @@ export class SubirArchivoComponent implements OnInit {
   }
 
   ArchivoSeleccionado(event: Event) {
+    if (this.ListaArchivos.length >= this.CantidadMaximaDeArchivos) {
+      this.dialog.open(MensajeConfirmacionComponent, {
+        data: {
+          titulo: 'Límite alcanzado',
+          mensaje: 'Se ha alcanzado la cantidad máxima de archivos permitidos (' + this.CantidadMaximaDeArchivos + ').',
+          textoAceptar: 'Continuar',
+          onClose: () => { },
+          onAccept: () => { },
+        },
+      });
+      const entrada = event.target as HTMLInputElement;
+      entrada.value = '';
+      return;
+    }
+
     const entrada = event.target as HTMLInputElement;
     if (entrada.files?.length) {
       const archivoSeleccionado = entrada.files[0];
       if (this.ValidarFormato(archivoSeleccionado)) {
         this.Archivo = archivoSeleccionado;
       } else {
-        alert('Formato de archivo no permitido. Los formatos permitidos son: ' + this.FormatosPermitidos.join(', '));
-        entrada.value = ''; // Limpiar el input
+        this.dialog.open(MensajeConfirmacionComponent, {
+          data: {
+            titulo: 'Formato de archivo incorrecto',
+            mensaje: 'El formato de archivo no está permitido. Los formatos permitidos son: ' + this.FormatosPermitidos.join(', '),
+            textoAceptar: 'Continuar',
+            onClose: () => { },
+            onAccept: () => { },
+          },
+        });
+        entrada.value = '';
       }
     }
   }
@@ -99,13 +143,35 @@ export class SubirArchivoComponent implements OnInit {
   }
 
   AbrirGestorDeArchivos() {
-    if (this.EsEditable) {
-      this.EntradDeArchivo.nativeElement.click();
+    if (this.EsEditable && this.ListaArchivos.length < this.CantidadMaximaDeArchivos) {
+      this.EntradaDeArchivo.nativeElement.click();
+    } else if (this.ListaArchivos.length >= this.CantidadMaximaDeArchivos) {
+      this.dialog.open(MensajeConfirmacionComponent, {
+        data: {
+          titulo: 'Límite alcanzado',
+          mensaje: 'Se ha alcanzado la cantidad máxima de archivos permitidos (' + this.CantidadMaximaDeArchivos + ').',
+          textoAceptar: 'Continuar',
+          onClose: () => { },
+          onAccept: () => { },
+        },
+      });
     }
   }
 
   SubirArchivo() {
     if (this.Archivo) {
+      if (this.ListaArchivos.length >= this.CantidadMaximaDeArchivos) {
+        this.dialog.open(MensajeConfirmacionComponent, {
+          data: {
+            titulo: 'Límite alcanzado',
+            mensaje: 'Se ha alcanzado la cantidad máxima de archivos permitidos (' + this.CantidadMaximaDeArchivos + ').',
+            textoAceptar: 'Continuar',
+            onClose: () => { },
+            onAccept: () => { },
+          },
+        });
+        return;
+      }
       let archivo = new FormData();
       archivo.append("file", this.Archivo);
       this.CargarArchivo(archivo, this.Etiqueta)
@@ -121,7 +187,7 @@ export class SubirArchivoComponent implements OnInit {
           this.ListarArchivos(Etiqueta)
         },
         error: (error) => {
-          console.error('Ocurrió un error guardando el archivo:', error);
+          console.error('Ocurrió un error al guardar el archivo:', error);
         }
       })
   }
@@ -131,9 +197,11 @@ export class SubirArchivoComponent implements OnInit {
       .subscribe({
         next: (data: any) => {
           this.ListaArchivos = data.body;
+          this.HaCargadoArchivos = this.ListaArchivos.length > 0;
+          this.HaCargadoArchivosChange.emit(this.HaCargadoArchivos);
         },
         error: (error) => {
-          console.error('Ocurrió un error listando los archivos:', error);
+          console.error('Ocurrió un error al listar los archivos:', error);
         }
       })
   }
@@ -159,7 +227,7 @@ export class SubirArchivoComponent implements OnInit {
           this.ListarArchivos(this.Etiqueta);
         },
         error: (error) => {
-          console.error('Ocurrió un error borrando el archivo:', error);
+          console.error('Ocurrió un error al borrar el archivo:', error);
         }
       })
   }