utn-cli 2.0.40 → 2.0.41

package/package.json

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

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

@@ -26,7 +26,7 @@
     <p>Archivo seleccionado: {{ Archivo.name }}</p>
     }
     <!-- Input oculto para seleccionar archivos manualmente -->
-    <input type="file" #EntradDeArchivo hidden (change)="ArchivoSeleccionado($event)">
+    <input type="file" #EntradDeArchivo 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

@@ -20,6 +20,7 @@ export class SubirArchivoComponent implements OnInit {
   Permiso = '--Permiso=' + this.data.Permiso;
   Etiqueta = this.data.Etiqueta + this.Permiso;
   EsEditable = this.data.EsEditable;
+  FormatosPermitidos: string[] = [];
   Token: any;
   public RutaParaListar: string = 'misc/listarArchivos/';
   public RutaParaDescargar: string = 'misc/descargarArchivo/';
@@ -32,6 +33,9 @@ export class SubirArchivoComponent implements OnInit {
     if (this.data.RutaParaDescargar) {
       this.RutaParaDescargar = this.data.RutaParaDescargar;
     }
+    if (this.data.FormatosPermitidos) {
+      this.FormatosPermitidos = this.data.FormatosPermitidos;
+    }
     this.ListarArchivos(this.Etiqueta)
   }
 
@@ -53,15 +57,34 @@ export class SubirArchivoComponent implements OnInit {
     const archivoZona = event.target as HTMLElement;
     archivoZona.classList.remove('arrastrar');
     if (event.dataTransfer?.files.length && this.EsEditable) {
-      this.Archivo = event.dataTransfer.files[0];
+      const archivoArrastrado = event.dataTransfer.files[0];
+      if (this.ValidarFormato(archivoArrastrado)) {
+        this.Archivo = archivoArrastrado;
+      } else {
+        alert('Formato de archivo no permitido. Los formatos permitidos son: ' + this.FormatosPermitidos.join(', '));
+      }
     }
   }
 
   ArchivoSeleccionado(event: Event) {
     const entrada = event.target as HTMLInputElement;
     if (entrada.files?.length) {
-      this.Archivo = entrada.files[0];
+      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
+      }
+    }
+  }
+
+  ValidarFormato(archivo: File): boolean {
+    if (this.FormatosPermitidos.length === 0) {
+      return true;
     }
+    const nombreArchivo = archivo.name.toLowerCase();
+    return this.FormatosPermitidos.some(formato => nombreArchivo.endsWith(formato.toLowerCase()));
   }
 
   AbrirGestorDeArchivos() {