general-library-union 3.3.39 → 3.3.41

package/src/app/webcommon/pages/cargue-plantilla/cargue-plantilla-general/cargue-plantilla-general.component.ts

@@ -0,0 +1,438 @@
+import { CommonModule } from '@angular/common';
+import { Component, ViewChild } from '@angular/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { ConfirmationService, MenuItem, TreeNode } from 'primeng/api';
+import { ButtonModule } from 'primeng/button';
+import { InputTextModule } from 'primeng/inputtext';
+import { SplitButtonModule } from 'primeng/splitbutton';
+import { Tree, TreeModule } from 'primeng/tree';
+import { AuthService } from '../../../../core/servicios/auth.service';
+import { PlantillasService } from '../../../../webcommon/services/plantillas.service';
+import { CargarControlFuncionalidadService } from '../../../../core/servicios/cargar-control-funcionalidad.service';
+import { ConfirmPopupModule } from 'primeng/confirmpopup';
+import { FormsModule, NgForm } from '@angular/forms';
+import { FieldsetModule } from 'primeng/fieldset';
+import { FileUploadModule } from 'primeng/fileupload';
+import { ToastService } from '../../../../core/servicios/toast.service';
+import { CargarArchivosService } from '../../../../shared/servicios/cargar-archivos.service';
+import { EncriptadoBasicoService } from '../../../../shared/servicios/encriptado-basico.service';
+import { GeneralPipe } from '../../../../webcommon/pipes/general.pipe';
+import { PopupConvertirPlantillasComponent } from '../../../../webcommon/popups/popup-convertir-plantillas/popup-convertir-plantillas.component';
+import { UtilsService } from '../../../../core/servicios/utils.service';
+import { firstValueFrom } from 'rxjs';
+import { EditorModule } from 'primeng/editor';
+import { ProgressBarModule } from 'primeng/progressbar';
+
+@Component({
+  selector: 'app-cargue-plantilla-general',
+  standalone: true,
+  imports: [TranslateModule,
+    CommonModule,
+    TreeModule,
+    InputTextModule,
+    ButtonModule,
+    SplitButtonModule,
+    ConfirmPopupModule,
+    FormsModule,
+    FieldsetModule,
+    FileUploadModule,
+    PopupConvertirPlantillasComponent,
+    EditorModule,
+    ProgressBarModule
+  ],
+  templateUrl: './cargue-plantilla-general.component.html',
+  styleUrl: './cargue-plantilla-general.component.scss',
+  providers: [
+    ConfirmationService
+  ]
+})
+export class CarguePlantillaGeneralComponent {
+
+  @ViewChild(PopupConvertirPlantillasComponent) popupConvertirPlantillasComponent: PopupConvertirPlantillasComponent;
+  @ViewChild('miFormulario', { static: false }) miFormulario!: NgForm;
+  @ViewChild('tree') treeComponent!: Tree;
+
+  loading: boolean;
+  propiedad: string;
+  extensiones: string;
+  propiedadDeSistema: boolean = false;
+  anexoPropiedad: string = '';
+  files: TreeNode[];
+  dataSelected: TreeNode;
+  itemsBotonAcciones: MenuItem[];
+  verConvertir: boolean;
+  nomNuevaCarpeta: string;
+  isVisualizarCrearCaperta: boolean = false;
+  archivoSeleccionadoAnexo: File;
+  archivoSeleccionado: TreeNode;
+  isMostrarPopupConvertir: boolean = false;
+  rutaPrincipal: string;
+  filteredFiles: TreeNode[] = [];
+  filterValue: string = '';
+  filtroConvertir: string;
+  html: boolean;
+  mostrarEditor: boolean;
+  modificarHTML: string;
+
+  FORMATS_VALIDOS: Set<string> = new Set([
+    '.doc',
+    '.html',
+    '.jasper',
+    '.xls',
+    '.jrxml',
+    '.odt',
+    '.xlsm',
+    '.xlsx',
+    '.pgp',
+    '.asc',
+    '.cer',
+    '.p12',
+    '.docx',
+    '.properties'
+  ]);
+
+  readonly FORMATOS = 'doc;html;jasper;xls;jrxml;odt;xlsm;xlsx;pgp;asc;cer;p12;docx;properties';
+  
+
+  constructor(private plantillasService: PlantillasService, private authService: AuthService, public translateService: TranslateService,
+    public controlFuncionService: CargarControlFuncionalidadService, private confirmationService: ConfirmationService,
+    private toastService: ToastService, private cargarArchivoServices: CargarArchivosService, private encriptadoBasico: EncriptadoBasicoService,
+    private generalPipe: GeneralPipe, public utilsService: UtilsService
+  ) { }
+
+  async ngOnInit(): Promise<void> {
+
+    this.loading = true;
+    this.mostrarEditor = false;
+    let consultarRutaPrincipal = await firstValueFrom(this.cargarArchivoServices.getPropiedad({ propiedad: "ruta_plantillas", aplicacion: 1 }));
+    let convertir = await firstValueFrom(this.cargarArchivoServices.getPropiedad({ propiedad: "servidor_openOffice", aplicacion: 0 }));
+    this.verConvertir = !convertir.valor.valor ? true : false;
+    this.rutaPrincipal = consultarRutaPrincipal.valor.valor;
+    this.isVisualizarCrearCaperta = false;
+    await this.openDataTable();
+
+    const sleep = (m) => new Promise((r) => setTimeout(r, m));
+    await sleep(100);
+
+    if (this.filterValue) {
+      await this.aplicarFiltro();
+    }
+  }
+
+  async openDataTable() {
+
+    setTimeout(() => {
+      this.loading = true;
+
+      if (!this.propiedad) {
+        this.propiedad = 'ruta_plantillas'
+      }
+
+      this.plantillasService.obtenerArchivos(
+        this.propiedad, this.propiedadDeSistema ? '0' : this.authService.getTokenKey('aplicacion'), this.FORMATOS, this.anexoPropiedad, true).subscribe
+        (rta => {
+          this.files = rta;
+          this.filteredFiles = rta
+          this.loading = false;
+          //this.isCargarInicio = false;
+          if (!this.archivoSeleccionado) {
+            this.archivoSeleccionado = this.files[0];
+          }
+        });
+    }, 1000);
+  }
+
+  async aplicarFiltro() {
+    this.filtroConvertir = this.filterValue;
+    this.loading = true;
+    setTimeout(() => {
+      this.filteredFiles = this.obtenerFiltrosNodos(this.files, this.filterValue);
+      this.loading = false;
+    }, 1000);
+  }
+
+  obtenerFiltrosNodos(nodes: TreeNode[], filterValue: string): TreeNode[] {
+
+    const filters = this.filtroAvanzado(filterValue);
+
+    const filteredNodes: TreeNode[] = [];
+
+    nodes.forEach(node => {
+
+      // Verifica si el nodo actual o alguno de sus hijos cumple con el filtro
+      const children = node.children ? this.obtenerFiltrosNodos(node.children, filterValue) : [];
+
+      const nodeMatches = filters.some(filter => node.label.includes(filter));
+
+      if (nodeMatches || children.length > 0) {
+        filteredNodes.push({ ...node, children });
+      }
+    });
+
+    return filteredNodes;
+  }
+
+  filtroAvanzado(search: string): string[] {
+
+    if (search.includes('+')) {
+      let aux = search;
+
+      if (aux.startsWith('+')) {
+        aux = aux.substring(1);
+      }
+
+      aux = aux.replace(/\+/g, ':');
+      const items = aux.trim().split(':');
+      return items;
+
+    } else {
+      return [search];
+    }
+  }
+
+  filtrarEnter(event) {
+    if (event.key === 'Enter') {
+      this.aplicarFiltro();
+    }
+  }
+
+  seleccionarArchivo(event) {
+    this.archivoSeleccionado = event.node;
+    this.mostrarEditor = false;
+  }
+
+  deseleccionarArchivo($event) {
+    this.dataSelected = null;
+  }
+
+
+  async cargarNuevo(event, fubauto) {
+
+    this.isVisualizarCrearCaperta = false;
+    this.archivoSeleccionadoAnexo = event.files[0];
+
+    if (!this.isFormatoValido(this.archivoSeleccionadoAnexo.name)) {
+      this.toastService.showWarning("Se debe agregar un archivo " + Array.from(this.FORMATS_VALIDOS).join(', '))
+      fubauto.clear();
+      return;
+    }
+
+    //Cargar Archivo Temporal
+    let resultado = await firstValueFrom(this.plantillasService.cargarDocumentoTemporal(this.archivoSeleccionadoAnexo));
+
+    fubauto.clear();
+
+    if (resultado?.validacion) {
+      this.toastService.showSuccess(resultado?.validacion);
+      return;
+    }
+
+    let informacionArchivo = resultado?.informacionArchivo ? resultado?.informacionArchivo : null;
+
+    //Obtener Rutas
+    let rutaComplemento = this.archivoSeleccionado.data;
+
+    //let objeto = (await this.cargarArchivoServices.getPropiedad({ propiedad: "ruta_plantillas", aplicacion: 1 }).toPromise());
+
+    if (!this.archivoSeleccionado?.parent) {
+      rutaComplemento = '';
+    }
+
+    //Verifica si el documento ya existe 
+    let data = await firstValueFrom(this.plantillasService.existeDocumento(this.rutaPrincipal, rutaComplemento, informacionArchivo));
+
+    if (data?.validacionDocumento) {
+      this.toastService.showWarning(data?.validacionDocumento);
+      return;
+    }
+
+    //Guarda el documento
+    await firstValueFrom(this.plantillasService.cargarDocumento(this.rutaPrincipal, rutaComplemento, informacionArchivo));
+
+    this.toastService.showSuccess(this.generalPipe.MENSAJE_GUARDAR);
+
+    this.ngOnInit();
+
+  }
+
+  async descargarAnexo() {
+
+    //Ruta archivo  
+    let rutaComplemento = this.archivoSeleccionado.data;
+
+    if (!this.archivoSeleccionado?.parent) {
+      rutaComplemento = '';
+    }
+
+    this.cargarArchivoServices.descargarArchivo(this.encriptadoBasico.encriptar(this.rutaPrincipal + rutaComplemento), undefined, undefined).subscribe(blob => {
+      const a = document.createElement('a');
+      const objectUrl = URL.createObjectURL(blob);
+      a.href = objectUrl;
+      a.download = this.archivoSeleccionado?.label;
+      a.click();
+      URL.revokeObjectURL(objectUrl);
+    });
+
+  }
+
+  eliminarArchivo() {
+    this.confirmationService.confirm({
+      target: event.target,
+      key: 'eliminarArchivo',
+      message: '¿Desea eliminar el registro?',
+      acceptLabel: 'Si',
+      icon: 'confirmar',
+      accept: () => {
+        this.setEliminarArchivo();
+      },
+      reject: () => { },
+    });
+  }
+
+  async setEliminarArchivo() {
+
+    this.loading = true;
+
+    //Ruta archivo  
+    let rutaComplemento = this.archivoSeleccionado.data;
+
+    if (!this.archivoSeleccionado?.parent) {
+      rutaComplemento = '';
+    }
+
+    let propiedad = 'ruta_plantillas'
+    await firstValueFrom(this.cargarArchivoServices.eliminarArchivo(this.encriptadoBasico.encriptar(rutaComplemento), propiedad, '1'));
+    this.toastService.showSuccess(this.generalPipe.MENSAJE_ELIMINAR);
+    this.archivoSeleccionado = null;
+    this.filterValue = null;
+    this.ngOnInit();
+  }
+
+  isFormatoValido(nombreArchivo: string): boolean {
+    // Verifica si el archivo termina con alguna de las extensiones válidas
+    return Array.from(this.FORMATS_VALIDOS).some(ext => nombreArchivo.endsWith(ext));
+  }
+
+  crearCarpeta() {
+    this.isVisualizarCrearCaperta = true;
+    this.nomNuevaCarpeta = null;
+  }
+
+  async guardarCarpeta() {
+
+    if (this.miFormulario.valid) {
+
+      let rutaComplemento = this.archivoSeleccionado.data;
+
+      if (!this.archivoSeleccionado?.parent) {
+        rutaComplemento = '';
+      }
+
+      await firstValueFrom(this.plantillasService.crearCarpeta(this.rutaPrincipal, rutaComplemento, this.nomNuevaCarpeta));
+      this.toastService.showSuccess('La carpeta se ha creado correctamente');
+      this.ngOnInit();
+
+    } else {
+
+      this.toastService.showError('Faltan campos obligatorios');
+      Object.keys(this.miFormulario.controls).forEach((key) => {
+        if (this.miFormulario.controls[key].invalid) {
+          this.miFormulario.controls[key].markAsDirty();
+        }
+      });
+    }
+
+  }
+
+  eliminarCarpeta() {
+
+    this.isVisualizarCrearCaperta = false;
+
+    this.confirmationService.confirm({
+      target: event.target,
+      key: 'eliminarCarpeta',
+      message: '¿Desea eliminar el registro?',
+      acceptLabel: 'Si',
+      icon: 'confirmar',
+      accept: () => {
+        this.setEliminarCarpeta();
+      },
+      reject: () => { },
+    });
+  }
+
+  async setEliminarCarpeta() {
+
+    this.loading = true;
+
+    let rutaComplemento = this.archivoSeleccionado.data;
+
+    if (!this.archivoSeleccionado?.parent) {
+      rutaComplemento = '';
+    }
+
+    this.plantillasService.eliminarCarpeta(this.rutaPrincipal, rutaComplemento).subscribe(rta => {
+      this.toastService.showSuccess('La carpeta ha sido eliminada correctamente');
+      this.archivoSeleccionado = null;
+      this.filterValue = null;
+      this.ngOnInit();
+    })
+
+  }
+
+  async convertirArchivos() {
+
+    this.isVisualizarCrearCaperta = false;
+    this.isMostrarPopupConvertir = true;
+    //const filteredNodes = this.getFilteredNodes();
+    const valorFiltro = this.filterValue;
+
+    const sleep = (m) => new Promise((r) => setTimeout(r, m));
+    await sleep(50);
+
+    this.popupConvertirPlantillasComponent.buscar(this.rutaPrincipal, valorFiltro);
+
+  }
+
+  regresarPopupConvertir($event: any) {
+    this.isMostrarPopupConvertir = false;
+    this.ngOnInit();
+  }
+
+  isHtml() {
+    this.html = false;
+
+    if (this.archivoSeleccionado != null && this.archivoSeleccionado.label != null && this.archivoSeleccionado.label.includes('.html'))
+      this.html = true;
+
+    return this.html;
+  }
+
+  async editarAction() {
+
+    let data = await firstValueFrom(this.plantillasService.consultarArchivoHtml(this.rutaPrincipal, this.archivoSeleccionado.data));
+
+    this.modificarHTML = data;
+
+    this.mostrarEditor = true;
+  }
+
+  async guardarHtml() {
+
+    await firstValueFrom(this.plantillasService.guardarArchivoHtml(this.rutaPrincipal, this.archivoSeleccionado.data, this.modificarHTML));
+
+    this.toastService.showSuccess('El archivo ha sido modificado correctamente');
+
+    this.ngOnInit();
+
+  }
+
+  regresarPrincipal() {
+    this.mostrarEditor = false;
+  }
+
+  public verificarControl(control) {
+    return this.controlFuncionService.getControlFuncionalidad(control);
+  }
+
+}

package/src/app/webcommon/pages/ejecucion-reporte/detalle-campo-reporte/detalle-campo-reporte.component.html

@@ -0,0 +1,87 @@
+<p-confirmPopup></p-confirmPopup>
+<div class="flex justify-content-between align-items-center mb-3">
+    <h1 class="text-xl mb-1">{{'campo' | translate}}</h1>
+    <div class="flex justify-content-end mb-3" *ngIf="vistaVisualizar != 'detalle'">
+        <button pButton pRipple (click)="nuevaColumna()" label="{{'link_nuevo' | translate}}"
+            icon="pi pi-plus" class="p-button-secondary font-semibold flex-shrink-0 ml-4 mr-2"></button>
+        <button pButton pRipple class="p-button p-button-outlined" label="{{'link_importar' | translate}}" *ngIf="isFuente()"
+            (click)="importar()"><i class="glyphicons glyphicons-restart"></i></button>
+        <button pButton pRipple class="p-button p-button-outlined" label="{{'link_generar' | translate}}" *ngIf="isSql()"
+            (click)="generar()"><i class="glyphicons glyphicons-restart"></i></button>
+    </div>
+    <div class="flex justify-content-end  mb-1" *ngIf="vistaVisualizar =='detalle'">
+        <button pButton pRipple (click)="vistaVisualizar = null" label= "{{'listado' | translate}} {{'campo' | translate}}" 
+            icon="pi pi-chevron-left" class="p-button-text font-semibold flex-shrink-0 "></button>
+    </div>
+</div>
+
+<p-table [value]="listaColumna" responsiveLayout="scroll" [scrollable]="true" selectionMode="single" dataKey="llave"
+    [showCurrentPageReport]="true" currentPageReportTemplate="{first} al {last} de {totalRecords} registros" *ngIf="vistaVisualizar != 'detalle'"
+    (onRowSelect)="verAction($event)" (onRowUnselect)="verAction($event)" [rows]="paginador.rows" [totalRecords]="paginador.totalRecords" [paginator]="paginador.totalRecords > paginador.rows"
+    [lazy]="true" (onLazyLoad)="cargarListaColumna($event)">
+    <ng-template pTemplate="header">
+         
+        <tr class="fondoTablaPincipal">
+            <th>{{'nombre' | translate}} </th>
+            <th>{{'sintaxis' | translate}} </th>
+            <th>{{'tipo' | translate}} </th>
+        </tr>
+        <th>
+    </ng-template>
+    <ng-template pTemplate="body" let-campo>
+        <tr [pSelectableRow]="campo">
+            <td>{{campo.nombre}}</td>
+            <td>{{campo.sintaxis}}</td>
+            <td>{{campo.tipoDato | reporteFuentePipe : 'listaTipoDatoColumna'}}</td>
+        </tr>
+    </ng-template>
+    <ng-template pTemplate="emptymessage">
+        <tr>
+            <td colspan="100" class="p-3 font-medium emptymessage">{{'mensajetablavacia' | translate}}</td>
+        </tr>
+    </ng-template>
+</p-table>
+
+<div class="card mt-3" *ngIf="vistaVisualizar == 'detalle'">
+    <h5 class="mt-3"><i class="glyphicons glyphicons-notes"></i>{{'detalle' | translate}}</h5>
+    <div class="col-md-12">
+        <div class="Detallereporte mt-2">
+            <form [formGroup]="formReporteColumna" #formulario="ngForm">
+                <div class="p-fluid p-formgrid grid">
+                    <div class="field col-12 md:col-6">
+                        <span class="p-float-label">
+                            <span class="p-float-label">
+                                <input pInputText id="nombre" type="text" formControlName="nombre" size="40">
+                                <label htmlFor="nombre">{{'nombre' | translate}} *</label>
+                            </span>
+                        </span>
+                    </div>
+                    <div class="field col-12 md:col-6">
+                        <span class="p-float-label">
+                            <p-dropdown [options]="listaTipoDato" [autoDisplayFirst]="false" formControlName="tipoDato"
+                                optionLabel="nombre" optionValue="codigo"></p-dropdown>
+                            <label htmlFor="tipoDato">{{'tipo' | translate}} *</label>
+                        </span>
+                    </div>
+                    <div class="field col-12 md:col-12">
+                        <span class="p-float-label">
+                            <textarea class="w-full min-h-150 max-h-200"  pInputTextarea formControlName="sintaxis"></textarea>
+                            <label htmlFor="sintaxis">{{'sintaxis' | translate}} *</label>
+                        </span>
+                    </div>
+                    
+                </div>
+                <!--BOTONES-->
+                <div class="flex justify-content-end mb-3">
+                    <button pButton pRipple class="ml-2 p-button p-button-raised" (click)="actualizar()"
+                        icon="glyphicons {{reporteColumna.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}" 
+                        label="{{reporteColumna.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}" >
+                    </button>
+                    <button pButton pRipple class="ml-2 p-button-outlined" icon="glyphicons glyphicons-bin" *ngIf="reporteColumna.llaveTabla"
+                        label="{{'link_eliminar' | translate}}" (click)="eliminar($event)">
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>