utn-cli 2.0.28 → 2.0.30

package/commands/commit.js

@@ -2,7 +2,7 @@ import { hacerPreguntaTrim, closeReadLine } from '../utils/index.js';
 import { execSync } from 'child_process';
 
 async function confirmarPaso(pregunta) {
-  const respuesta = await hacerPreguntaTrim(`${pregunta} (Sí/no) [Sí]: `);
+  const respuesta = await hacerPreguntaTrim(`${pregunta} (Sí/No) [Sí]: `);
   const respuestaNormalizada = respuesta.trim().toLowerCase();
   if (respuesta === '' || respuestaNormalizada === 'si' || respuestaNormalizada === 'sí' || respuestaNormalizada === 's') {
     return true;

package/package.json

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

package/templates/backend/package.json

@@ -15,7 +15,7 @@
   "author": "nombre_de_desarrollador",
   "license": "ISC",
   "devDependencies": {
-    "nodemon": "^3.1.13"
+    "nodemon": "^3.1.14"
   },
   "dependencies": {
     "bcryptjs": "^2.4.3",
@@ -23,8 +23,9 @@
     "express": "^4.22.1",
     "helmet": "^7.2.0",
     "jsonwebtoken": "^9.0.3",
-    "mysql2": "^3.17.4",
-    "nodemailer": "^7.0.13",
+    "mysql2": "^3.18.2",
+    "nodemailer": "^6.10.1",
+    "pdf-lib": "^1.17.1",
     "pdfkit": "^0.15.2"
   }
 }

package/templates/frontend/package.json

@@ -11,36 +11,33 @@
   "private": true,
   "packageManager": "npm@10.8.2",
   "dependencies": {
-    "@angular/animations": "^21.0.4",
-    "@angular/cdk": "^21.0.3",
-    "@angular/common": "^21.0.0",
-    "@angular/compiler": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "@angular/forms": "^21.0.0",
-    "@angular/material": "^21.0.3",
-    "@angular/platform-browser": "^21.0.0",
-    "@angular/platform-browser-dynamic": "^21.0.4",
-    "@angular/router": "^21.0.0",
-    "chart.js": "^4.5.1",    
+    "@angular/animations": "^19.2.0",
+    "@angular/cdk": "^19.2.0",
+    "@angular/common": "^19.2.0",
+    "@angular/compiler": "^19.2.0",
+    "@angular/core": "^19.2.0",
+    "@angular/forms": "^19.2.19",
+    "@angular/material": "^19.2.19",
+    "@angular/platform-browser": "^19.2.0",
+    "@angular/platform-browser-dynamic": "^19.2.19",
+    "@angular/router": "^19.2.19",
+    "chart.js": "^4.5.1",
     "ng2-charts": "^8.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "^0.16.0"
+    "zone.js": "^0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^21.0.3",
-    "@angular/build": "^21.0.3",
-    "@angular/cli": "^21.0.3",
-    "@angular/compiler-cli": "^21.0.0",
-    "@types/jasmine": "^5.1.13",
-    "jasmine-core": "^5.13.0",
-    "jsdom": "^27.1.0",
-    "karma": "^6.4.4",
-    "karma-chrome-launcher": "^3.2.0",
-    "karma-coverage": "^2.2.1",
-    "karma-jasmine": "^5.1.0",
-    "karma-jasmine-html-reporter": "^2.1.0",
-    "typescript": "~5.9.2",
-    "vitest": "^4.0.8"
+    "@angular-devkit/build-angular": "^19.2.22",
+    "@angular/cli": "^19.2.22",
+    "@angular/compiler-cli": "^19.2.19",
+    "@types/jasmine": "~5.1.0",
+    "jasmine-core": "~5.6.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.7.2"
   }
 }

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

@@ -299,6 +299,11 @@ tr.example-element-row:hover {
     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, 

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

@@ -9,6 +9,20 @@
   </div>
   <div class="centro"></div>
   <div class="derecha">
+    <mat-menu #menuColumnas="matMenu">
+      @for(col of columnas; track $index){
+      <button mat-menu-item>
+        <mat-checkbox [(ngModel)]="col.Visible" (change)="recalcularColumnas()">
+          {{ col.Alias }}
+        </mat-checkbox>
+      </button>
+      }
+    </mat-menu>
+    <div class="contenedor-columnas">
+      <button mat-icon-button [matMenuTriggerFor]="menuColumnas" matTooltip="Mostrar/Ocultar columnas">
+        <mat-icon>view_column</mat-icon>
+      </button>
+    </div>
     <input #valorFiltroInput id="valorFiltro" type="text" class="custom-input" placeholder="Filtrar"
       (keydown.enter)="AplicarFiltro()">
     @if(mostrarElBotonDeFiltro){

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

@@ -11,6 +11,9 @@ import { MatSelectModule } from '@angular/material/select';
 import { MensajeConfirmacionComponent } from '../mensaje-confirmacion/mensaje-confirmacion';
 import { MatDialog } from '@angular/material/dialog';
 import { MatBadgeModule } from '@angular/material/badge';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   selector: 'app-tabla',
@@ -31,20 +34,24 @@ import { MatBadgeModule } from '@angular/material/badge';
     MatSortModule,
     MatInputModule,
     MatSelectModule,
-    MatBadgeModule],
+    MatBadgeModule,
+    MatMenuModule,
+    MatCheckboxModule,
+    FormsModule,
+  ],
   templateUrl: './tabla.component.html',
   styleUrl: './tabla.component.css'
 })
 export class TablaComponent implements OnInit, OnChanges {
-  @Input() columnas: { Llave: string, Alias: string, TipoDeFiltro: string }[] = [];
+  @Input() columnas: { Llave: string, Alias: string, TipoDeFiltro: string, Visible?: boolean }[] = [];
   @Input() subColumnas: { Llave: string, Alias: string }[] = [];
   @Input() datos: any[] = [];
-  @Input() acciones:                     { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; }[] = [];
-  @Input() accionesDinamicas:            { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; Mostrar: (row: any) => boolean }[] = [];
-  @Input() accionesSiempreClickeable:    { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; }[] = [];
-  @Input() subAcciones:                  { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; }[] = [];
+  @Input() acciones: { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; }[] = [];
+  @Input() accionesDinamicas: { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; Mostrar: (row: any) => boolean }[] = [];
+  @Input() accionesSiempreClickeable: { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; }[] = [];
+  @Input() subAcciones: { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; }[] = [];
   @Input() subAccionesSiempreClickeable: { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; }[] = [];
-  @Input() subAccionesDinamicas:         { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; Mostrar: (row: any) => boolean }[] = [];
+  @Input() subAccionesDinamicas: { icono: string; color: string; textoAyuda: string; ejecutar: (row: any) => void; badge?: (row: any) => string | number | undefined | null; Mostrar: (row: any) => boolean }[] = [];
   @Input() desplegable: boolean = false
   @Input() atributoDesplegable: string = ''
   public llavesColumnas: string[] = [];
@@ -147,17 +154,31 @@ export class TablaComponent implements OnInit, OnChanges {
   }
 
   private inicializarColumnas(): void {
-    this.llavesColumnas = this.columnas.map(c => c.Llave);
-    this.tieneColumnaEstado = this.columnas.some(c => c.Llave === 'Estado');
+    this.columnas.forEach(c => {
+      if (c.Visible === undefined) {
+        c.Visible = true;
+      }
+    });
+    this.recalcularColumnas();
+  }
 
-    if (this.acciones.length || this.accionesSiempreClickeable.length || this.accionesDinamicas.length) {
+  public recalcularColumnas(): void {
+    const columnasVisibles = this.columnas.filter(c => c.Visible).map(c => c.Llave);
+    this.llavesColumnas = [];
+    if (this.desplegable) {
+      this.llavesColumnas.push('expand');
+    }
+    this.llavesColumnas.push(...columnasVisibles);
+    this.tieneColumnaEstado = this.columnas.some(c => c.Llave === 'Estado');
+    if (this.acciones.length ||
+      this.accionesSiempreClickeable.length ||
+      this.accionesDinamicas.length) {
       this.llavesColumnas.push('acciones');
     }
-
     if (this.desplegable) {
-      this.llavesColumnas.unshift('expand');
       this.llavesSubColumnas = this.subColumnas.map(c => c.Llave);
-      if (this.subAcciones.length || this.subAccionesSiempreClickeable.length) {
+      if (this.subAcciones.length ||
+        this.subAccionesSiempreClickeable.length) {
         this.llavesSubColumnas.push('subAcciones');
       }
     }