general-library-union 2.9.38 → 2.9.39

package/src/app/webcommon/popups/popup-reporte/popup-reporte.component.ts

@@ -0,0 +1,519 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { GeneralPipe } from '../../pipes/general.pipe';
+import { GeneralService } from '../../../shared/servicios/general.service';
+import { GeneralModel } from '../../../seguridad/modelos/GeneralModel';
+import { CargarArchivosService } from '../../../shared/servicios/cargar-archivos.service';
+import { EncriptadoBasicoService } from '../../../shared/servicios/encriptado-basico.service';
+import { ConfirmationService, MenuItem, MessageService } from 'primeng/api';
+import { ReporteFuentePipe } from '../../pipes/reporte-fuente.pipe';
+import { EjecucionReporteService } from '../../services/ejecucionreporte.service';
+import { ReporteFuenteModel } from '../../../seguridad/modelos/ReporteFuenteModel';
+import { ReporteEntradaModel } from '../../../seguridad/modelos/ReporteEntradaModel';
+import { ReporteSoporteModel } from '../../../seguridad/modelos/ReporteSoporte';
+import { TableColumn } from '../../../core/modelos/table-column.model';
+import { ToastService } from '../../../core/servicios/toast.service';
+import { UtilsService } from '../../../core/servicios/utils.service';
+import { AuthService } from '../../../core/servicios/auth.service';
+import { CargarControlFuncionalidadService } from '../../../core/servicios/cargar-control-funcionalidad.service';
+import { DialogModule } from 'primeng/dialog';
+import { ConfirmPopupModule } from 'primeng/confirmpopup';
+import { AccordionModule } from 'primeng/accordion';
+import { TableModule } from 'primeng/table';
+import { CommonModule, DatePipe } from '@angular/common';
+import { FieldsetModule } from 'primeng/fieldset';
+import { InputNumberModule } from 'primeng/inputnumber';
+import { InputTextModule } from 'primeng/inputtext';
+import { DropdownModule } from 'primeng/dropdown';
+import { CalendarModule } from 'primeng/calendar';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import { PopupSentenciaComponent } from '../popup-sentencia/popup-sentencia.component';
+import { FormsModule } from '@angular/forms';
+import { FloatLabelModule } from 'primeng/floatlabel';
+
+@Component({
+  selector: 'app-popup-reporte',
+  imports: [CommonModule, DialogModule, ConfirmPopupModule, AccordionModule, TableModule, TranslateModule, DatePipe, FieldsetModule, InputNumberModule, InputTextModule, DropdownModule, CalendarModule, RadioButtonModule, PopupSentenciaComponent, FormsModule, FloatLabelModule],
+    standalone: true,
+    providers: [MessageService, ConfirmationService],
+    templateUrl: './popup-reporte.component.html',
+  styleUrls: ['./popup-reporte.component.scss']
+})
+export class PopupReporteComponent implements OnInit {
+
+  @Input() public mostrar = false;
+  @Input() public aplicacion: string;
+  @Input() public reporte: ReporteFuenteModel = new ReporteFuenteModel;
+  @Input() public entradasPuntoProceso: any[]=[];
+  @Output() public regresar: EventEmitter<any> = new EventEmitter();
+
+  public panel: string = 'entrada';
+  public operacion: string;
+  public listaEntrada: ReporteEntradaModel[] = [];
+  public listaSegundoPlano: any[] = [];
+  public parametros: any[] = [];
+  public elementoBorrar: any = {};
+  public generaciones: any[] = [];
+  public operaciones: any[] = [];
+  public mostrarOtraSeleccion: boolean;
+	public mostrarArchivosSoporte: boolean;
+	public mostrarConsultaCasoError: boolean;
+  public correo: string;
+  public tipoReporte: string;
+  public soporteBase: string;
+  public tipoArchivo: string;
+  public bloquearCorreo: boolean;
+  public mapaTipoArchivos;
+  public listadoArchivoSoporte: ReporteSoporteModel[] = [];
+  public mostrarPopupSentencia: boolean;
+
+  public items: MenuItem[];
+  public vistaVisualizar: string;
+  paginator={rows:2,totalRecords:0}
+  public mostrarParametros: boolean;
+	public mostrarQueDeseaHacer: boolean;
+
+  public columnas: TableColumn[] = [];
+  public listaRegistro: any[] = [];
+
+  public existeJasper: boolean = false;
+
+  constructor(private generalService: GeneralService,
+              private ejecucionReporteService: EjecucionReporteService,
+              private confirmationService: ConfirmationService,
+              private notificacionService: ToastService,
+              private authService: AuthService,
+              private translateService: TranslateService,
+              private cargarArchivoService: CargarArchivosService,
+              public utilsService: UtilsService,
+              private controlFuncionalidad: CargarControlFuncionalidadService,
+              private encriptadoBasico: EncriptadoBasicoService,
+              private reporteFuentePipe: ReporteFuentePipe,
+              private generalPipe: GeneralPipe,
+              private cargarArchivo: CargarArchivosService,
+              private encriptadorArchivo: EncriptadoBasicoService,) { }         
+  
+  ngOnInit(): void {
+    this.mapaTipoArchivos = this.reporteFuentePipe.MAPA_TIPO_ARCHIVOS;  
+    this.aplicacion = this.authService.getTokenKey('aplicacion')
+  }
+
+  async mostrarPopup(){
+    this.panel = 'entrada';
+    this.mostrarQueDeseaHacer = false;
+    this.tipoReporte = null;
+    this.mostrarConsultaCasoError = this.validarControlFuncionalidad('reporte:versentenciaerror');
+    this.operacion = null;
+    this.elementoBorrar = {}
+    this.listaSegundoPlano = []
+    this.listaRegistro = [];
+    this.columnas = [];
+    this.existeJasper = false;
+    if (this.reporte.llave) {
+      var resultado = await this.ejecucionReporteService.getDatosEjecucionReporte({llave: this.reporte.llave}).toPromise();
+      this.reporte = resultado.reporte;
+      delete this.reporte['alias']
+      this.cargarListaEntrada();
+      this.traerSegundoPlano();
+      this.cargarCorreo();
+      await this.validarExisteJasper();
+      await this.cargarGeneraciones();
+      this.cargarOperaciones();
+      this.utilsService.resizeWindowIFrame();
+    }
+    this.utilsService.resizeWindowIFrame();
+  }
+
+  cargarMenu(){
+    this.items = [
+      
+      {
+        label: this.translateService.instant('ejecucion'),
+        icon: 'glyphicons glyphicons-plus-sign',
+        command: (event) => {
+          this.vistaVisualizar = 'entrada';
+        },
+      },
+      {
+        label: this.translateService.instant('segundoplano'),
+        icon: 'glyphicons glyphicons-file-minus',
+        command: (event) => {
+          this.vistaVisualizar = 'segundoplano';
+        },
+        visible: this.listaSegundoPlano.length > 0,
+      }
+    ]
+  }
+
+  async cargarGeneraciones(){
+    this.generaciones = [];
+    if ( this.utilsService.isNotBlank(this.reporte.tituloParametro) && this.existeJasper){
+      this.generaciones.push({value: this.reporteFuentePipe.GENERACION_JASPERDINAMICO, 
+                              label: this.reporteFuentePipe.DESC_GENERACION_JASPERDINAMICO})
+    }
+    if (this.utilsService.isNotBlank(this.reporte.jasperFijo) && this.utilsService.isNotBlank(this.reporte.modoFijo)){
+      this.generaciones.push({value: this.reporteFuentePipe.GENERACION_JASPERFIJO, 
+                              label: this.reporteFuentePipe.DESC_GENERACION_JASPERFIJO})
+    }
+    if (this.utilsService.isNotBlank(this.reporte.archivoTodo) && this.utilsService.isNotBlank(this.reporte.hojaExcel)){
+      this.generaciones.push({value: this.reporteFuentePipe.GENERACION_EXCEL, 
+                              label: this.reporteFuentePipe.DESC_GENERACION_EXCEL})
+    }
+    if (this.utilsService.isNotBlank(this.reporte.archivoIndividual) || this.reporte.unicoArchivo == 'N'){
+      this.generaciones.push({value: this.reporteFuentePipe.GENERACION_PLANTILLA, 
+                              label: this.reporteFuentePipe.DESC_GENERACION_PLANTILLA})
+    }
+    if (this.utilsService.isNotBlank(this.reporte.separador)){
+      this.generaciones.push({value: this.reporteFuentePipe.GENERACION_ARCHIVOPLANO, 
+                              label: this.reporteFuentePipe.DESC_GENERACION_ARCHIVOPLANO})
+    }
+    if (this.utilsService.isNotBlank(this.reporte.nombreTabla)){
+      this.generaciones.push({value: this.reporteFuentePipe.GENERACION_TABLA, 
+                              label: this.reporteFuentePipe.DESC_GENERACION_TABLA})
+    }
+    if (this.utilsService.isNotBlank(this.reporte.tagEncabezado) && this.utilsService.isNotBlank(this.reporte.estructuraRegistro)){
+      this.generaciones.push({value: this.reporteFuentePipe.GENERACION_XML, 
+                              label: this.reporteFuentePipe.DESC_GENERACION_XML})
+    }
+    if (this.utilsService.isNotBlank(this.reporte.archivoExcelColumnario) && this.utilsService.isNotBlank(this.reporte.hojaExcelColumnario)){
+      this.generaciones.push({value: this.reporteFuentePipe.GENERACION_COLUMNARIO, 
+                              label: this.reporteFuentePipe.DESC_GENERACION_COLUMNARIO})
+    }
+  }
+
+  async validarExisteJasper(){
+    try {
+      var data = await this.cargarArchivo.descargarArchivo(this.encriptadorArchivo.encriptar('reportes/' + this.reporte.llave + '.jrxml'), 'ruta_plantillas', this.aplicacion).toPromise();
+      if (data) {
+        this.existeJasper = true;
+      }   
+    } catch (error) {
+      this.existeJasper = false;
+    }
+  }
+
+  cargarOperaciones(){
+    this.bloquearCorreo = true;
+    this.operaciones = [];
+    if (this.tipoReporte){
+      if (this.tipoReporte != this.reporteFuentePipe.GENERACION_TABLA) {
+        this.operaciones.push({value: this.reporteFuentePipe.OPERACION_DESCARGAR,
+                               label: this.reporteFuentePipe.DESC_OPERACION_DESCARGAR});
+      
+        if (this.validarControlFuncionalidad('reporte:enviocorreo')){
+          this.bloquearCorreo = false;
+        }
+        this.operaciones.push({value: this.reporteFuentePipe.OPERACION_ENVIARCORREO,
+                              label: this.reporteFuentePipe.DESC_OPERACION_ENVIARCORREO});
+        if (this.reporteFuentePipe.MOMENTOS_SEGUNDO_PLANO == this.reporte.momento) {
+          this.operaciones.push({value: this.reporteFuentePipe.OPERACION_SEGUNDOPLANO,
+                                label: this.reporteFuentePipe.DESC_OPERACION_SEGUNDOPLANO});
+        }
+        if ((this.tipoReporte == this.reporteFuentePipe.GENERACION_JASPERFIJO && this.reporte.modoFijo == 'P')
+          || this.tipoReporte == this.reporteFuentePipe.GENERACION_PLANTILLA && this.reporte.descargarFuente != 'S'){
+          
+          if (this.reporte.archivoHtml && this.reporte.campoEmail){
+            this.operaciones.push({value: this.reporteFuentePipe.OPERACION_ENVIOMASIVO,
+              label: this.reporteFuentePipe.DESC_OPERACION_ENVIOMASIVO});
+          }
+          if (this.reporte.publicacion && this.reporte.campoPublica){
+            this.operaciones.push({value: this.reporteFuentePipe.OPERACION_PUBLICAR,
+              label: this.reporteFuentePipe.DESC_OPERACION_PUBLICAR});
+          }
+          if (this.reporte.archivoHtml && this.reporte.campoEmail && this.reporte.publicacion && this.reporte.campoPublica ){
+            this.operaciones.push({value: this.reporteFuentePipe.OPERACION_CORREOPUBLICAR,
+              label: this.reporteFuentePipe.DESC_OPERACION_CORREOPUBLICAR});
+          }
+        }
+        //pte proceso externo
+      }
+    }
+  }
+
+  cambioValorLista(event, parametro){
+    if (event.value){
+      let lista = event.value.split(':')
+      if (parametro.unionDTO.tipoDato == 'N'){
+        parametro.unionDTO.valor = parseInt(lista[0])
+      } else {
+        parametro.unionDTO.valor = lista[0]
+      }
+    }
+    this.utilsService.resizeWindowIFrame();
+  }
+  
+  cambioSoporteBase(event) {
+    if (this.soporteBase == null) {
+      this.cargarOperaciones();
+      return;
+    } 
+    this.generalService.queryForObject(new GeneralModel('ReporteSoporteDTO', null, false, {llaveTabla: this.soporteBase})).subscribe(archivoBase => {
+      if (archivoBase == null) {
+				return;
+			}
+			this.soporteBase = archivoBase.llaveTabla;
+			this.reporte.archivoIndividual = archivoBase.archivoIndividual;
+			this.cargarOperaciones();
+      this.utilsService.resizeWindowIFrame();
+    });
+    
+  }
+
+  cargarCorreo(){
+    this.generalService.queryForObject(new GeneralModel('UsuarioDTO', null, true, {login: this.authService.getTokenKey('usuario')})).subscribe(data => {
+      this.correo = data.email;
+    })
+  }
+
+  cargarListaEntrada(){
+    this.mostrarParametros = false;
+    if (this.entradasPuntoProceso.length > 0){
+      this.parametros = this.entradasPuntoProceso;  
+      this.parametros.forEach(element => {
+        if (element.unionDTO.solicitar == 'S'){
+          this.mostrarParametros =  true;
+        }
+        if (element.unionDTO.tipoDato == 'F' && element.unionDTO.valor != null){
+          element.unionDTO.valor = new Date(element.unionDTO.valor)
+        }
+      })
+      this.utilsService.resizeWindowIFrame();
+
+    } else {
+      this.ejecucionReporteService.obtenerListaEntradaEjecucion(this.reporte).subscribe(data => {
+        this.parametros = data;
+        this.parametros.forEach(element => {
+          if (element.unionDTO.solicitar == 'S'){
+            this.mostrarParametros =  true;
+          }
+          if (element.unionDTO.tipoDato == 'F' && element.unionDTO.valor != null){
+            element.unionDTO.valor = new Date(element.unionDTO.valor)
+          }
+        })
+        this.utilsService.resizeWindowIFrame();
+      })
+    }
+  }
+
+  traerSegundoPlano(){
+    let usuario = this.authService.getTokenKey('usuario')
+    this.generalService.queryForList(new GeneralModel('EjecucionReporteDTO', null, false, {
+      adicionado: usuario, 
+      reporteFuente: this.reporte.llave})).subscribe(data => {
+        this.listaSegundoPlano = data;
+        this.paginator.totalRecords = this.listaSegundoPlano.length;
+      })
+  }
+  
+  verSegundoPlano(event){
+    this.elementoBorrar = event.data;
+    this.elementoBorrar.fechaAdicionado = this.elementoBorrar.fechaAdicionado ? new Date(this.elementoBorrar.fechaAdicionado) : null
+    this.elementoBorrar.inicia = this.elementoBorrar.inicia ? new Date(this.elementoBorrar.inicia) : null
+    this.elementoBorrar.termina = this.elementoBorrar.termina ? new Date(this.elementoBorrar.termina) : null
+    this.operacion = 'historico'
+    this.panel = 'resultado'
+  }
+
+  eliminarSegundoPlano(event){
+    this.confirmationService.confirm({
+      target: event.target,
+      message:  this.generalPipe.MENSAJE_ELIMINAR_CONFIRMAR,
+      acceptLabel: this.generalPipe.SI_DESC,
+      header: this.translateService.instant('confirmar'),
+      accept: () => {
+        this.ejecucionReporteService.eliminarEjecucionReporte(this.elementoBorrar).subscribe(data =>{
+          this.notificacionService.showInfo(this.generalPipe.MENSAJE_ELIMINAR)
+          this.regresarSegundoPlano();
+          this.traerSegundoPlano();
+        })
+      }
+    })
+  }
+
+  descargarArchivo(){
+    this.cargarArchivoService.descargarArchivo(this.encriptadoBasico.encriptar(this.elementoBorrar.archivo)).subscribe(blob => {
+      
+      const a = document.createElement('a')
+      const objectUrl = URL.createObjectURL(blob)
+      a.href = objectUrl
+      let partes = this.elementoBorrar.archivo.split(".");
+      let extension = partes[partes.length - 1];
+      a.download = this.utilsService.generarLlave() + '.' + extension;
+      a.click();
+      URL.revokeObjectURL(objectUrl);
+    });
+  }
+
+  cambioTipoReporte(event){
+    this.mostrarQueDeseaHacer = true;
+    if (this.tipoReporte == this.reporteFuentePipe.GENERACION_PLANTILLA && this.reporte.unicoArchivo == 'N' ){
+      this.mostrarArchivosSoporte = true;
+      this.generalService.queryForList(new GeneralModel('ReporteSoporteDTO', null, false, {
+        reporteFuente: this.reporte.llave,
+        tipo:'S'
+      })).subscribe(data => {
+        this.listadoArchivoSoporte = data;
+      })
+    } else {
+        this.mostrarArchivosSoporte = false;
+        this.listadoArchivoSoporte = [];
+        this.tipoArchivo = null;
+        this.operacion = null;
+        this.cargarOperaciones();
+        //this.descargarArchivo = null;
+    } 
+  }
+
+  cambioTipoArchivo(event){
+    this.cargarOperaciones();
+  }
+
+  regresarSegundoPlano(){
+    this.elementoBorrar = {}
+    this.panel = 'entrada'
+    this.operacion = null;
+  }
+
+  ocultar(){
+    this.tipoReporte = null;
+    this.mostrar = false;
+    this.regresar.emit(false);
+  }
+
+  validarControlFuncionalidad(valor: string): boolean {
+    return this.controlFuncionalidad.getControlFuncionalidad(valor);
+  }
+
+  sentencia(){
+    this.mostrarPopupSentencia = true
+  }
+
+  regresarSentencia(event){
+    this.mostrarPopupSentencia = false;
+  }
+
+  enviarSegundoPlano(){
+    let listaEntrada = []
+    this.parametros.forEach(element => {
+      listaEntrada.push(element.unionDTO)
+    })
+    this.ejecucionReporteService.enviarSegundoPlano({
+      reporte: this.reporte,
+      parametros: listaEntrada,
+      tipoReporte: this.tipoReporte,
+      operacion: this.operacion,
+      correo: this.correo,
+    }).subscribe(data => {
+      this.notificacionService.showInfo(data.mensaje)
+    })
+  }
+
+  descargarReporte(){
+
+    if('F' == this.tipoReporte){
+      this.reporte.tipoArchivo = this.tipoArchivo;
+    }
+
+    let listaEntrada = []
+    this.parametros.forEach(element => {
+      listaEntrada.push(element.unionDTO)
+    })
+    this.ejecucionReporteService.descargarReporte({
+      reporte: this.reporte,
+      parametros: listaEntrada,
+      tipoReporte: this.tipoReporte,
+      operacion: this.operacion,
+      correo: this.correo,
+      endpointGeneradorReportes: ''
+    }).subscribe({
+      next: data =>{
+        console.log(data)
+        this.notificacionService.showInfo(data.mensaje)
+        if (!data.archivo) {
+          return;
+        }
+        const decodedData = atob(data.archivo);
+        const byteNumbers = new Array(decodedData.length);
+        for (let i = 0; i < decodedData.length; i++) {
+          byteNumbers[i] = decodedData.charCodeAt(i);
+        }
+        const byteArray = new Uint8Array(byteNumbers);
+
+        // Crea un objeto Blob con los bytes decodificados y el tipo MIME del archivo
+        const blob = new Blob([byteArray], { type: data.mime });
+
+        // Crea una URL del objeto Blob
+        const url = URL.createObjectURL(blob);
+
+        // Crea un enlace de descarga y haz clic en él para iniciar la descarga
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = data.nombreArchivo  + data.extension;
+        document.body.appendChild(link);
+        link.click();
+
+        // Limpia la URL creada
+        URL.revokeObjectURL(url);
+      }
+    })
+  }
+  
+  descargarReporteSinHilo(){
+    let listaEntrada = []
+    this.parametros.forEach(element => {
+      listaEntrada.push(element.unionDTO)
+    })
+    this.ejecucionReporteService.descargarReporte({
+      next: data =>{
+        this.notificacionService.showInfo(data.mensaje)
+        const decodedData = atob(data.archivo);
+        const byteNumbers = new Array(decodedData.length);
+        for (let i = 0; i < decodedData.length; i++) {
+          byteNumbers[i] = decodedData.charCodeAt(i);
+        }
+        const byteArray = new Uint8Array(byteNumbers);
+
+        // Crea un objeto Blob con los bytes decodificados y el tipo MIME del archivo
+        const blob = new Blob([byteArray], { type: data.mime });
+
+        // Crea una URL del objeto Blob
+        const url = URL.createObjectURL(blob);
+
+        // Crea un enlace de descarga y haz clic en él para iniciar la descarga
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = data.nombreArchivo + '.' + data.extension;
+        document.body.appendChild(link);
+        link.click();
+
+        // Limpia la URL creada
+        URL.revokeObjectURL(url);
+      },
+      error: err => {
+        this.notificacionService.showError(JSON.stringify(err.error.mensajeEtiqueta))
+      }
+    })
+  }
+
+  generarTabla(){
+    this.panel = 'resultado'
+    let listaEntrada = []
+    this.columnas = [];
+    this.parametros.forEach(element => {
+      listaEntrada.push(element.unionDTO)
+    })
+    this.ejecucionReporteService.generarTabla({reporte: this.reporte, parametros: listaEntrada}).subscribe(data => {
+      var columna: TableColumn;
+      data.columnas.forEach(element => {
+        columna = {
+          field: element.nombre.toLowerCase(),
+          header: element.nombre,
+          width: 300,
+          canOrder: true,
+        };
+        this.columnas.push(columna)
+      });
+      this.listaRegistro = data.listaRegistro;
+    })
+  }
+}

package/src/app/webcommon/popups/popup-sentencia/popup-sentencia.component.html

@@ -0,0 +1,10 @@
+<p-dialog id='popupSentencia' header="{{'sentencia' | translate}}" [(visible)]="mostrarPopup" (onShow)="mostrar()"
+    [breakpoints]="{'960px': '75vw', '640px': '100vw'}" [style]="{width: '50vw'}" (onHide)="ocultar()" [modal]="true">
+
+    <p-panel>
+        <textarea pInputTextarea [(ngModel)]="sentencia" rows="5" cols="30"
+            [disabled]="true"
+            class="min-w-full p-inputtextarea p-inputtext p-component p-element max-w-max">
+        </textarea>
+    </p-panel>
+</p-dialog>

package/src/app/webcommon/popups/popup-sentencia/popup-sentencia.component.scss

@@ -0,0 +1,5 @@
+:host ::ng-deep .min-w-full{
+    height: 330px !important;
+    width: 100% !important;
+}
+

package/src/app/webcommon/popups/popup-sentencia/popup-sentencia.component.ts

@@ -0,0 +1,58 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { ToastService } from '../../../core/servicios/toast.service';
+import { ReporteFuenteModel } from '../../../seguridad/modelos/ReporteFuenteModel'; 
+import { EjecucionReporteService } from '../../services/ejecucionreporte.service';
+import { DialogModule } from 'primeng/dialog';
+import { InputTextarea, InputTextareaModule } from 'primeng/inputtextarea';
+import { PanelModule } from 'primeng/panel';
+import { TranslateModule } from '@ngx-translate/core';
+import { FormsModule } from '@angular/forms';
+import { MessageService } from 'primeng/api';
+
+@Component({
+  selector: 'app-popup-sentencia',
+    imports: [DialogModule, InputTextareaModule, PanelModule, TranslateModule, FormsModule,],
+    standalone: true,
+    providers: [MessageService],
+    templateUrl: './popup-sentencia.component.html',
+  styleUrls: ['./popup-sentencia.component.scss']
+})
+export class PopupSentenciaComponent implements OnInit {
+
+  @Output() public regresar: EventEmitter<any> = new EventEmitter();
+  @Input() public reporte: ReporteFuenteModel;
+  @Input() public parametros: any[] = [];
+  public listaEntrada: any[] = []
+  
+  public sentencia: string;
+  @Input() public mostrarPopup: boolean;
+  
+  constructor(private reporteService: EjecucionReporteService,
+              private notifService: ToastService) { }
+
+  ngOnInit(): void {
+  }
+
+  mostrar(){
+    this.sentencia = ''
+    this.parametros.forEach(element => {
+      this.listaEntrada.push(element.unionDTO)
+    });
+    
+    this.reporteService.obtenerSentencia({
+      reporteFuenteDTO: this.reporte,
+      listaReporteEntrada: this.listaEntrada
+    }).subscribe({
+      next: (data) => { 
+        this.sentencia = data.resultado;
+      },
+    })
+  }
+
+  ocultar(){
+    this.mostrarPopup = false;
+    this.regresar.emit(false);
+
+  }
+
+}

package/src/app/webcommon/popups/popup-tablas-fuente/popup-tablas-fuente.component.html

@@ -0,0 +1,71 @@
+<p-confirmDialog #cd key="eliminar">
+    <ng-template pTemplate="footer">
+        <div class="mt-3">
+            <button type="button"
+                class="p-button-outlined-button-secondary p-button-outlined p-button p-component" pButton
+                icon="pi pi-times" label="No" (click)="cd.reject()"></button>
+            <button type="button" pButton icon="pi pi-check" label="Si" class="p-button-raised"
+                (click)="cd.accept()"></button>
+        </div>
+    </ng-template>
+</p-confirmDialog>
+<p-dialog id='popupfuenteTablas' header="{{'fuente' | translate}}"
+    [(visible)]="visible" [breakpoints]="{'960px': '75vw', '640px': '100vw'}" [style]="{width: '50vw'}"
+    (onHide)="ocultarPopup()" [modal]="true">
+    <div class="flex justify-content-between align-items-center mb-3">
+        <app-filtro-general [filtros]="filters" (metodoRegresar)="cargaLazy($event)"> 
+            <ng-template let-form>
+                <ng-container [formGroup]="form">
+                    <span class="p-float-label">
+                        <input pInputText autofocus type="text" id="descripcion" formControlName="descripcion" [(ngModel)]="filtroTabla"
+                            autocomplete="off" />
+                        <label for="descripcion">{{'filtro' | translate}}</label>
+                    </span>
+                </ng-container>
+            </ng-template>
+        </app-filtro-general>
+        
+        <button pButton pRipple class="ml-2 p-ripple p-element p-button p-component p-button-secondary"
+                        icon="pi pi-plus" label="{{'adicionar' | translate}}"
+                        (click)="seleccionarTabla()">
+                    </button>
+
+    </div>
+    
+    <p-table #tablaGeneral id="tabla_lista_tipo_entidad" [value]="paginadorTablas" [scrollable]="true"
+    [totalRecords]="paginadorTablas.length" scrollDirection="both" scrollDirection="horizontal"
+    responsiveLayout="scroll" scrollDirection="horizontal" [paginator]="paginadorTablas.length > 10"
+    [rows]="10" styleClass="p-datatable-striped"
+    [showCurrentPageReport]="true" editMode="row"  [globalFilterFields]="['objeto']"
+    currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+    dataKey="alias">
+    <ng-template pTemplate="header">
+        <tr>
+            <th style="width:25%" alignFrozen="left" pFrozenColumn>
+                <p-checkbox [style]="{'margin-left': '1%','margin-right':'1%'}"
+                    [(ngModel)]="seleccionGeneral" [binary]="true" [ngModel]="todosSeleccionados()"
+                    (ngModelChange)="actualizarSeleccion($event)"></p-checkbox>
+                <span style="margin-left:1%">{{'tabla' | translate}}</span>
+            </th>
+        </tr>
+    </ng-template>
+    <ng-template pTemplate="body" let-tabla>
+        <tr>
+            <td style="width:25%">
+                <p-checkbox class="mr-2 " [(ngModel)]="tabla.check" [binary]="true" inputId="binary">
+                </p-checkbox>
+                {{tabla.objeto}}
+            </td>
+        </tr>
+    </ng-template>
+    <ng-template pTemplate="emptymessage">
+        <tr class="p-3 font-medium emptymessage">
+            <td colspan="5">
+                {{'mensajetablavacia' | translate}}
+            </td>
+        </tr>
+    </ng-template>
+</p-table>
+
+
+    </p-dialog>