utn-cli 2.0.27 → 2.0.29

package/commands/backend.js

@@ -46,8 +46,8 @@ async function inicializarProyectoBackend() {
     const oldFileName = path.join(process.cwd(), 'NOMBRE_DEL_CANONICO_DEL_PROYECTO.rest');
     const newFileName = path.join(process.cwd(), `${val}.rest`);
     if (fs.existsSync(newFileName)) {
-        // If the new file name already exists, do nothing.
-        return;
+      // If the new file name already exists, do nothing.
+      return;
     }
     if (fs.existsSync(oldFileName)) {
       fs.renameSync(oldFileName, newFileName);
@@ -124,7 +124,7 @@ async function inicializarProyectoBackend() {
 
 export async function initBackend() {
   console.log('Limpiando directorio actual...');
-  limpiarDirectorioActual(['commit-message.txt']);
+  limpiarDirectorioActual(['commit-message.txt', '.git']);
   console.log('Inicializando el proyecto de backend...');
 
   const directoriodePlantillas = path.join(__dirname, '../templates/backend');

package/commands/db.js

@@ -8,7 +8,7 @@ const __dirname = path.dirname(__filename);
 
 export async function initDb() {
   console.log('Limpiando directorio actual...');
-  limpiarDirectorioActual(['commit-message.txt']); // Assuming this is still relevant for DB
+  limpiarDirectorioActual(['commit-message.txt', '.git']); // Assuming this is still relevant for DB
   console.log('Inicializando el proyecto de base de datos...');
 
   const directoriodePlantillas = path.join(__dirname, '../templates/bd');
@@ -19,9 +19,9 @@ export async function initDb() {
     closeReadLine();
     process.exit(1);
   }
-  
+
   copiarDirectorios(directoriodePlantillas, directorioDestino);
-  
+
   // Specific renames for DB
   // This needs to be handled carefully, as original was 'cumulodb-scripts/gitignore' to 'cumulodb-scripts/.gitignore'
   // and now templates are nested.

package/commands/frontend.js

@@ -9,7 +9,7 @@ const __dirname = path.dirname(__filename);
 
 export async function initFrontend() {
   console.log('Limpiando directorio actual...');
-  limpiarDirectorioActual(['commit-message.txt']);
+  limpiarDirectorioActual(['commit-message.txt', '.git']);
   console.log('Inicializando el proyecto de frontend...');
   const directoriodePlantillas = path.join(__dirname, '../templates/frontend');
   const directorioDestino = process.cwd();
@@ -21,7 +21,7 @@ export async function initFrontend() {
   }
 
   copiarDirectorios(directoriodePlantillas, directorioDestino);
-  
+
   // Specific renames for Frontend
   const gitignorePath = path.join(directorioDestino, 'gitignore');
   if (fs.existsSync(gitignorePath)) {
@@ -67,7 +67,7 @@ export async function cloneFrontendComponent() {
     closeReadLine();
     process.exit(1);
   }
-  
+
   const titulo = await hacerPreguntaTrim('Ingrese el título para la tarjeta: ');
   const descripcion = await hacerPreguntaTrim('Ingrese la descripción para la tarjeta: ');
 
@@ -75,7 +75,7 @@ export async function cloneFrontendComponent() {
   const nombreCapitalizado = nombre.charAt(0).toUpperCase() + nombre.slice(1);
   const nombreClase = `GestionTabla${nombreCapitalizado}Component`;
   const nombreRuta = `gestion-tabla-${nombreLower}`;
-  
+
   const rutaFuente = path.join(__dirname, '../templates/frontend', 'src', 'app', 'Paginas', 'gestion-tabla-XYZ');
   const rutaDestino = path.join(process.cwd(), 'src', 'app', 'Paginas', nombreRuta);
 
@@ -99,19 +99,19 @@ export async function cloneFrontendComponent() {
     }
     const entradas = fs.readdirSync(fuente, { withFileTypes: true });
     entradas.forEach((entrada) => {
-        const nombreOriginal = entrada.name;
-        const nombreNuevo = nombreOriginal.replace(/XYZ/g, nombreLower);
-        const rutaFuente = path.join(fuente, nombreOriginal);
-        const rutaDestino = path.join(destino, nombreNuevo);
-
-        if (entrada.isDirectory()) {
-            copiarYReemplazar(rutaFuente, rutaDestino);
-        } else if (entrada.isFile()) {
-            let contenido = fs.readFileSync(rutaFuente, 'utf-8');
-            contenido = contenido.replace(/GestionTablaXYZComponent/g, nombreClase);
-            contenido = contenido.replace(/XYZ/g, nombreLower);
-            fs.writeFileSync(rutaDestino, contenido);
-        }
+      const nombreOriginal = entrada.name;
+      const nombreNuevo = nombreOriginal.replace(/XYZ/g, nombreLower);
+      const rutaFuente = path.join(fuente, nombreOriginal);
+      const rutaDestino = path.join(destino, nombreNuevo);
+
+      if (entrada.isDirectory()) {
+        copiarYReemplazar(rutaFuente, rutaDestino);
+      } else if (entrada.isFile()) {
+        let contenido = fs.readFileSync(rutaFuente, 'utf-8');
+        contenido = contenido.replace(/GestionTablaXYZComponent/g, nombreClase);
+        contenido = contenido.replace(/XYZ/g, nombreLower);
+        fs.writeFileSync(rutaDestino, contenido);
+      }
     });
   }
 
@@ -123,56 +123,56 @@ export async function cloneFrontendComponent() {
   const rutaRoutes = path.join(process.cwd(), 'src', 'app', 'app.routes.ts');
   if (fs.existsSync(rutaRoutes)) {
     let contenidoRoutes = fs.readFileSync(rutaRoutes, 'utf-8');
-    
+
     const lineaImport = `import { ${nombreClase} } from './Paginas/${nombreRuta}/${nombreRuta}.component';`;
     const ultimoImportIndex = contenidoRoutes.lastIndexOf('import {');
     const finUltimoImport = contenidoRoutes.indexOf(';', ultimoImportIndex);
-    
+
     if (finUltimoImport !== -1) {
-       contenidoRoutes = contenidoRoutes.slice(0, finUltimoImport + 1) + '\n' + lineaImport + contenidoRoutes.slice(finUltimoImport + 1);
+      contenidoRoutes = contenidoRoutes.slice(0, finUltimoImport + 1) + '\n' + lineaImport + contenidoRoutes.slice(finUltimoImport + 1);
     } else {
-       contenidoRoutes = lineaImport + '\n' + contenidoRoutes;
+      contenidoRoutes = lineaImport + '\n' + contenidoRoutes;
     }
 
     const cierreArray = contenidoRoutes.lastIndexOf('];');
     if (cierreArray !== -1) {
-        const nuevaRuta = `  { path: '${nombreRuta}', component: ${nombreClase} },`;
-        const textoAntesDeCierre = contenidoRoutes.slice(0, cierreArray).trimEnd();
-        const necesitaComa = !textoAntesDeCierre.endsWith(',') && !textoAntesDeCierre.endsWith('[');
-        
-        contenidoRoutes = contenidoRoutes.slice(0, cierreArray) + 
-                          (necesitaComa ? ',' : '') + '\n' + 
-                          nuevaRuta + '\n' + 
-                          contenidoRoutes.slice(cierreArray);
-        
-        fs.writeFileSync(rutaRoutes, contenidoRoutes);
-        console.log('Ruta agregada exitosamente.');
+      const nuevaRuta = `  { path: '${nombreRuta}', component: ${nombreClase} },`;
+      const textoAntesDeCierre = contenidoRoutes.slice(0, cierreArray).trimEnd();
+      const necesitaComa = !textoAntesDeCierre.endsWith(',') && !textoAntesDeCierre.endsWith('[');
+
+      contenidoRoutes = contenidoRoutes.slice(0, cierreArray) +
+        (necesitaComa ? ',' : '') + '\n' +
+        nuevaRuta + '\n' +
+        contenidoRoutes.slice(cierreArray);
+
+      fs.writeFileSync(rutaRoutes, contenidoRoutes);
+      console.log('Ruta agregada exitosamente.');
     } else {
-        console.error('No se pudo encontrar el array de rutas en app.routes.ts');
+      console.error('No se pudo encontrar el array de rutas en app.routes.ts');
     }
   } else {
-      console.error(`No se encontró el archivo de rutas en: ${rutaRoutes}`);
+    console.error(`No se encontró el archivo de rutas en: ${rutaRoutes}`);
   }
 
   // --- Modificar contenedor-principal.component.html ---
   console.log('Actualizando contenedor-principal.component.html...');
   const rutaHtml = path.join(process.cwd(), 'src', 'app', 'Paginas', 'contenedor-principal', 'contenedor-principal.component.html');
   if (fs.existsSync(rutaHtml)) {
-      let contenidoHtml = fs.readFileSync(rutaHtml, 'utf-8');
-      
-      const nuevaTarjeta = `  <app-tarjeta [rutaASeguir]="'${nombreRuta}'" titulo="${titulo}" descripcion="${descripcion}" icono="table_chart"></app-tarjeta>`;
-      
-      const ultimoDiv = contenidoHtml.lastIndexOf('</div>');
-      
-      if (ultimoDiv !== -1) {
-          contenidoHtml = contenidoHtml.slice(0, ultimoDiv) + '\n' + nuevaTarjeta + '\n' + contenidoHtml.slice(ultimoDiv);
-          fs.writeFileSync(rutaHtml, contenidoHtml);
-          console.log('Tarjeta agregada exitosamente.');
-      } else {
-          console.error('No se encontró un </div> de cierre en el HTML del contenedor principal.');
-      }
+    let contenidoHtml = fs.readFileSync(rutaHtml, 'utf-8');
+
+    const nuevaTarjeta = `  <app-tarjeta [rutaASeguir]="'${nombreRuta}'" titulo="${titulo}" descripcion="${descripcion}" icono="table_chart"></app-tarjeta>`;
+
+    const ultimoDiv = contenidoHtml.lastIndexOf('</div>');
+
+    if (ultimoDiv !== -1) {
+      contenidoHtml = contenidoHtml.slice(0, ultimoDiv) + '\n' + nuevaTarjeta + '\n' + contenidoHtml.slice(ultimoDiv);
+      fs.writeFileSync(rutaHtml, contenidoHtml);
+      console.log('Tarjeta agregada exitosamente.');
+    } else {
+      console.error('No se encontró un </div> de cierre en el HTML del contenedor principal.');
+    }
   } else {
-      console.error(`No se encontró el archivo HTML en: ${rutaHtml}`);
+    console.error(`No se encontró el archivo HTML en: ${rutaHtml}`);
   }
   closeReadLine();
 }

package/package.json

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

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');
       }
     }