utn-cli 2.1.25 → 2.1.26

package/commands/frontend.js

@@ -42,7 +42,7 @@ export async function initFrontend() {
 
 export async function updateFrontend(opciones = { cerrarAlFinalizar: true }) {
   console.log('Actualizando el proyecto de frontend...');
-  const archivosAExcluir = ['app.routes.ts', '.vscode', 'dist', 'Manual.md'];
+  const archivosAExcluir = ['app.routes.ts', '.vscode', 'dist', 'Manual.md', 'AccionesPersonalizadas.ts'];
   const directoriodePlantillas = path.join(__dirname, '../templates/frontend');
   const directorioDestino = process.cwd();
 

package/package.json

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

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

@@ -1296,9 +1296,11 @@ class Miscelaneo {
     process.env.UUID = this.UUID;
     if (this.BackEndsQueConsumeEsteModulo.length > 0) {
       this.BackEndsQueConsumeEsteModulo.forEach(async (dato) => {
-        await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_RepositoriosAccesos` VALUES (?, ?)\
+        if (dato) {
+          await ejecutarConsultaSIGU("INSERT INTO `SIGU`.`SIGU_RepositoriosAccesos` VALUES (?, ?)\
              ON DUPLICATE KEY UPDATE `RepositorioDestino` = ?,`RepositorioOrigen` = ?"
-          , [dato, this.NombreDelRepositorioDelBackend, dato, this.NombreDelRepositorioDelBackend]);
+            , [dato, this.NombreDelRepositorioDelBackend, dato, this.NombreDelRepositorioDelBackend]);
+        }
       });
     }
 

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

@@ -1,3 +1,8 @@
+.icono-atenuado {
+  opacity: 0.50;
+  filter: grayscale(50%);
+}
+
 .encabezado {
   display: flex;
   justify-content: space-between;
@@ -37,7 +42,17 @@
   background-color: #0069B4 !important;
 }
 
-.Activa, .Activo, .Finalizado, .Aprobada, .Aprobado, .Ejecutando, .Autorizado, .Aperturado, .Ejecutada, .Confirmada, .Enviado {
+.Activa,
+.Activo,
+.Finalizado,
+.Aprobada,
+.Aprobado,
+.Ejecutando,
+.Autorizado,
+.Aperturado,
+.Ejecutada,
+.Confirmada,
+.Enviado {
   background-color: #518a5f;
   color: white;
   padding: 8px 16px;
@@ -50,7 +65,9 @@
   cursor: pointer;
 }
 
-.Inactiva, .Inactivo, .Cerrado {
+.Inactiva,
+.Inactivo,
+.Cerrado {
   background-color: #7d7d7d;
   color: white;
   padding: 8px 16px;
@@ -63,7 +80,8 @@
   cursor: pointer;
 }
 
-.Pendiente, .Enviada {
+.Pendiente,
+.Enviada {
   background-color: #FFA757;
   color: white;
   padding: 8px 16px;
@@ -76,7 +94,9 @@
   cursor: pointer;
 }
 
-.Formalizado, .Procesando, .Borrador {
+.Formalizado,
+.Procesando,
+.Borrador {
   background-color: rgb(163, 156, 156);
   color: white;
   padding: 8px 16px;
@@ -88,7 +108,9 @@
   display: inline-block;
   cursor: pointer;
 }
-.Tramitando, .revisión {
+
+.Tramitando,
+.revisión {
   background-color: #F87600;
   color: white;
   padding: 8px 16px;
@@ -101,7 +123,8 @@
   cursor: pointer;
 }
 
-.Tramitada, .Detenida {
+.Tramitada,
+.Detenida {
   background-color: #FDC652;
   color: white;
   padding: 8px 16px;
@@ -114,7 +137,9 @@
   cursor: pointer;
 }
 
-.Recibido, .Espera, .Revisión {
+.Recibido,
+.Espera,
+.Revisión {
   background-color: #0069B4;
   color: white;
   padding: 8px 16px;
@@ -127,7 +152,14 @@
   cursor: pointer;
 }
 
-.Rechazado, .Rechazada, .Excedido, .Cancelada, .Cancelado, .Fallida, .Incompleto, .Incompleta {
+.Rechazado,
+.Rechazada,
+.Excedido,
+.Cancelada,
+.Cancelado,
+.Fallida,
+.Incompleto,
+.Incompleta {
   background-color: #F82617;
   color: white;
   padding: 8px 16px;
@@ -226,7 +258,8 @@ tr.example-element-row:not(.example-expanded-row):active {
 }
 
 tr.example-element-row:hover {
-  filter: brightness(0.9); /* Oscurece un poco el color de fondo al pasar el mouse */
+  filter: brightness(0.9);
+  /* Oscurece un poco el color de fondo al pasar el mouse */
 }
 
 /* --- Ajustes para Mobile (Pantallas menores a 768px) --- */
@@ -253,7 +286,7 @@ tr.example-element-row:hover {
     border-radius: 10px !important;
     margin-bottom: 20px !important;
     padding: 15px !important;
-    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
     height: auto !important;
     border: 1px solid #eee !important;
     width: 100% !important;
@@ -297,27 +330,30 @@ tr.example-element-row:hover {
     padding: 0 10px;
   }
 
-  .izquierda, .derecha {
+  .izquierda,
+  .derecha {
     width: 100% !important;
     flex-direction: column !important;
-    gap: 10px !important; /* Espacio uniforme entre elementos */
+    gap: 10px !important;
+    /* Espacio uniforme entre elementos */
   }
 
   .contenedor-columnas {
     width: 100%;
     justify-content: center;
   }
-        
+
   /* Forzamos que Input, Select y Botón sean idénticos en ancho */
-  .custom-input, 
-  mat-select.custom-input, 
+  .custom-input,
+  mat-select.custom-input,
   .descargar {
     width: 100% !important;
     min-width: 100% !important;
     max-width: 100% !important;
     box-sizing: border-box !important;
     margin: 0 !important;
-    height: 45px !important; /* Altura uniforme para mejor tacto */
+    height: 45px !important;
+    /* Altura uniforme para mejor tacto */
     display: flex !important;
     align-items: center !important;
   }
@@ -338,4 +374,4 @@ tr.example-element-row:hover {
   .detalle-oculto {
     display: none !important;
   }
-}
+}

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

@@ -68,7 +68,8 @@
         <button mat-icon-button (click)="accion.ejecutar(element)" [matTooltip]="accion.textoAyuda"
           [matBadge]="accion.badge?.(element)" [matBadgeHidden]="!accion.badge || !accion.badge(element)"
           matBadgeColor="warn" matBadgeSize="large">
-          <mat-icon [class]="accion.color">{{accion.icono}}</mat-icon>
+          <mat-icon [class]="accion.color"
+            [class.icono-atenuado]="estaAtenuado(element, accion.textoAyuda)">{{accion.icono}}</mat-icon>
         </button>
         }
         }
@@ -76,8 +77,8 @@
         <button mat-icon-button (click)="accion.ejecutar(element)" [matTooltip]="accion.textoAyuda"
           [disabled]="!estadosQuePermitenEdicion.includes(element.Estado)" [matBadge]="accion.badge?.(element)"
           [matBadgeHidden]="!accion.badge || !accion.badge(element)" matBadgeColor="warn" matBadgeSize="large">
-          <mat-icon
-            [class]="!estadosQuePermitenEdicion.includes(element.Estado) ? 'color: gray' : accion.color">{{accion.icono}}</mat-icon>
+          <mat-icon [class]="!estadosQuePermitenEdicion.includes(element.Estado) ? 'color: gray' : accion.color"
+            [class.icono-atenuado]="estaAtenuado(element, accion.textoAyuda)">{{accion.icono}}</mat-icon>
         </button>
         }
         @for(accionSiempreClickeable of accionesSiempreClickeable; track $index){
@@ -85,7 +86,8 @@
           [matTooltip]="accionSiempreClickeable.textoAyuda" [matBadge]="accionSiempreClickeable.badge?.(element)"
           [matBadgeHidden]="!accionSiempreClickeable.badge || !accionSiempreClickeable.badge(element)"
           matBadgeColor="warn" matBadgeSize="large">
-          <mat-icon [class]="accionSiempreClickeable.color">{{accionSiempreClickeable.icono}}</mat-icon>
+          <mat-icon [class]="accionSiempreClickeable.color"
+            [class.icono-atenuado]="estaAtenuado(element, accionSiempreClickeable.textoAyuda)">{{accionSiempreClickeable.icono}}</mat-icon>
         </button>
         }
       </ng-container>
@@ -170,7 +172,8 @@
   </tr>
   @if(desplegable){
   <tr mat-row *matRowDef="let row; columns: ['expandedDetail']" class="example-detail-row"
-    [class.detalle-oculto]="row !== elementoExpandible" [style.background-color]="row.ColorDeFondo ? row.ColorDeFondo : null">
+    [class.detalle-oculto]="row !== elementoExpandible"
+    [style.background-color]="row.ColorDeFondo ? row.ColorDeFondo : null">
   </tr>
   }
 </table>

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

@@ -249,6 +249,18 @@ export class TablaComponent implements OnInit, OnChanges, OnDestroy {
     }));
   }
 
+  estaAtenuado(element: any, textoAyuda: string): boolean {
+    if (!element?.SeccionesTrabajadas) return false;
+    try {
+      const secciones = typeof element.SeccionesTrabajadas === 'string'
+        ? JSON.parse(element.SeccionesTrabajadas)
+        : element.SeccionesTrabajadas;
+      return secciones?.[textoAyuda] === 'Sí';
+    } catch {
+      return false;
+    }
+  }
+
   ngOnDestroy() {
     this.subscriptions.unsubscribe();
   }

package/templates/frontend/src/app/Paginas/contenedor-principal/AccionesPersonalizadas.ts

@@ -0,0 +1,26 @@
+import { HttpClient } from '@angular/common/http';
+import { DatosGlobalesService } from '../../datos-globales.service';
+
+export interface DependenciasDeAccion {
+  http: HttpClient;
+  datosGlobalesService: DatosGlobalesService;
+}
+
+export const AccionesPersonalizadas: Record<string, (deps: DependenciasDeAccion) => void> = {
+  // Agregar aquí las acciones personalizadas con el mismo nombre que viene en el campo Acción de la tarjeta.
+  // Ejemplo:
+  // DescargarInformacionSociodemografica: (deps) => {
+  //   deps.http.get(`${deps.datosGlobalesService.ObtenerURL()}misc/sociodemografica`, { responseType: 'blob' })
+  //     .subscribe({
+  //       next: (blob) => {
+  //         const url = window.URL.createObjectURL(blob);
+  //         const a = document.createElement('a');
+  //         a.href = url;
+  //         a.download = 'sociodemografica.xlsx';
+  //         a.click();
+  //         window.URL.revokeObjectURL(url);
+  //       },
+  //       error: (error) => console.error('Error al descargar:', error)
+  //     });
+  // },
+};

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

@@ -10,6 +10,7 @@ import { MatIconModule } from "@angular/material/icon";
 import { HttpClient } from "@angular/common/http";
 import { DatosGlobalesService } from '../../datos-globales.service';
 import { DragDropModule, CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
+import { AccionesPersonalizadas } from './AccionesPersonalizadas';
 
 interface BaseTarjetaConfig {
   type: 'single' | 'multiple' | 'report' | 'custom';
@@ -165,9 +166,10 @@ export class ContenedorPrincipalComponent implements OnInit, OnDestroy {
   }
 
   EjecutarAccionPersonalizada(accion: string) {
-    // if (accion === 'DescargarInformacionSociodemografica') {
-    //   this.DescargarInformacionSociodemografica();
-    // }
+    const fn = AccionesPersonalizadas[accion];
+    if (fn) {
+      fn({ http: this.http, datosGlobalesService: this.datosGlobalesService });
+    }
   }
 
   GenerarReporte(event: { reporte: string }) {