general-library-union 3.3.39 → 3.3.41

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

@@ -0,0 +1,90 @@
+<p-dialog id='popupReImprimirRegresion' header="{{'campos' | translate}}" [(visible)]="mostrar"
+    [breakpoints]="{'960px': '75vw', '640px': '100vw'}" [style]="{width: '50vw'}" (onHide)="ocultar()" [modal]="true">
+    <div *ngIf="cargando">
+    <form [formGroup]="formulario">
+    <div class="field col-12 md:col-12 lg:col-12">
+
+        <div class="p-fluid grid">
+            <div class="field col-3 md:col-3 lg:col-12">
+                <span class="p-float-label">
+                    <input class="w-full" pInputText autofocus type="text"  formControlName="descripcion" required/>
+                    <label  for="descripcion">{{'descripcion' | translate}} * </label>
+                </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3">
+                <span class="p-float-label">
+                    <p-dropdown [options]="fuentePipe.LISTA_TIPO_DATO"  appendTo="body" [autoZIndex]="false" formControlName="tipoDato"  
+                        [autoDisplayFirst]="false" optionValue="codigo" optionLabel="nombre" [showClear]="false" (onChange)="actionCambioTipo($event)">
+                    </p-dropdown>
+                    <label  for="descripcion">{{'tipo' | translate}} de {{'dato' |
+                        translate}}*</label>
+                </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3" *ngIf="rompimiento || agrupamiento">
+                <span class="p-float-label">
+                    <input class="w-full"  pInputText autofocus type="text" formControlName="tipoInformacion" required
+                        maxlength="10" />
+                    <label  for="tipoInformacion">{{'tipo' | translate}} {{'informacion' |
+                        translate}} * </label>
+                </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3" *ngIf="conSeparador">
+                <span class="p-float-label">
+                    <input class="w-full"  pInputText autofocus formControlName="columna" required
+                        onkeypress='return event.charCode >= 48 && event.charCode <= 57' type="text" maxlength="2" />
+                    <label  for="descripcion">{{'columna' | translate}} * </label>
+                </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3">
+                <span class="p-float-label">
+                    <input class="w-full" pInputText autofocus formControlName="posicionInicial"
+                        onkeypress='return event.charCode >= 48 && event.charCode <= 57' type="text" maxlength="4" />
+                    <label  for="descripcion">{{'posicioninicial' | translate}}</label>
+                </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3">
+                <span class="p-float-label">
+                    <input class="w-full" pInputText autofocus formControlName="posicionFinal" (onchange)="this.formulario.get('posicionFinal').updateValueAndValidity()"
+                        onkeypress='return event.charCode >= 48 && event.charCode <= 57' type="text" maxlength="4" />
+                    <label  for="descripcion">{{'posicionfinal' | translate}}</label>
+                </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3" *ngIf="formulario.get('tipoDato').value == 'F'">
+                <span class="p-float-label">
+                    <input class="w-full" pInputText autofocus type="text" formControlName="formato"
+                        maxlength="50" />
+                    <label  for="descripcion">{{'formato' | translate}} *</label>
+                </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3" *ngIf="formulario.get('tipoDato').value == 'N'">
+                <span class="p-float-label">
+                    <p-dropdown [options]="fuentePipe.LISTA_FORMATOS" formControlName="formato" appendTo="body" [autoZIndex]="false"
+                        [autoDisplayFirst]="true" optionValue="codigo" optionLabel="nombre" [showClear]="false">
+                    </p-dropdown>
+                    <label  for="descripcion">{{'formato' | translate}}
+                    </label>
+                </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3" *ngIf="formulario.get('tipoDato').value == this.fuentePipe.DECIMAL || formulario.get('tipoDato').value == this.fuentePipe.NUMERO || formulario.get('tipoDato').value == this.fuentePipe.TEXTO || formulario.get('tipoDato').value == this.fuentePipe.FECHA">
+                <span class="p-float-label">
+                    <p-dropdown [options]="homologaciones" formControlName="homologacion" appendTo="body" [autoZIndex]="false"
+                        [autoDisplayFirst]="false" optionValue="key" optionLabel="label" [showClear]="true">
+                    </p-dropdown>
+                    <label  for="descripcion">{{'homologacion' | translate}} </label>
+                </span>
+            </div>
+        </div>
+        <div class="flex justify-content-end align-content-center mt-3">
+            <button pButton pRipple class="ml-2 p-button-raised" (click)="guardar()"
+                icon="glyphicons glyphicons-refresh" label="Actualizar" *ngIf="!isNew"></button>
+            <button pButton pRipple class="ml-2 p-button-raised" (click)="guardar()"
+                icon="glyphicons glyphicons-floppy-save" label="Guardar" *ngIf="isNew"></button>
+            <button pButton pRipple class="ml-2  p-button-outlined"
+                (click)="eliminar($event,formulario.value)" icon="glyphicons glyphicons-bin" label="Eliminar"
+                *ngIf="!isNew"></button>
+        </div>
+
+    </div>
+</form>
+</div>
+</p-dialog>

package/src/app/webcommon/popups/popup-campos-fuente-general/popup-campos-fuente-general.component.ts

@@ -0,0 +1,262 @@
+import { Component, OnInit, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { FuentePipe } from '../../pipes/fuente.pipe';
+import { ConfirmationService, MessageService } from 'primeng/api';
+import { AbstractControl, AsyncValidatorFn, FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule, ValidationErrors, Validators } from '@angular/forms';
+import { Observable, of } from 'rxjs';
+import { cargarmapasGlobal } from '../../../shared/servicios/cargar-mapas.service';
+import { GeneralService } from '../../../shared/servicios/general.service';
+import { FuenteCampoModel } from '../../../seguridad/modelos/FuenteCampoModel';
+import { GeneralPipe } from '../../pipes/general.pipe';
+import { FuenteGeneralModel } from '../../../seguridad/modelos/FuenteGeneralModel';
+import {GeneralModel} from '../../../seguridad/modelos/GeneralModel';
+import { ToastService } from '../../../core/servicios/toast.service';
+import { UtilsService } from '../../../core/servicios/utils.service';
+import { TranslateModule } from '@ngx-translate/core';
+import { CommonModule } from '@angular/common';
+import { DialogModule } from 'primeng/dialog';
+import { DropdownModule } from 'primeng/dropdown';
+import { FiltroGeneralComponent } from '../../../core/componentes/filtro-general/filtro-general.component';
+import { TablaGeneralComponent } from '../../../core/componentes/tabla-general/tabla-general.component';
+import { TableModule } from 'primeng/table';
+import { AccordionModule } from 'primeng/accordion';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+import { ConfirmPopupModule } from 'primeng/confirmpopup';
+import { InputTextModule } from 'primeng/inputtext';
+import { ButtonModule } from 'primeng/button';
+
+@Component({
+  selector: 'app-popup-campos-fuente-general',
+    imports: [ButtonModule,TranslateModule, CommonModule, DialogModule, ReactiveFormsModule, DropdownModule,TranslateModule,InputTextModule, CommonModule, ReactiveFormsModule, DropdownModule, ConfirmPopupModule,  InputTextareaModule, AccordionModule, TableModule, FormsModule, FiltroGeneralComponent, TablaGeneralComponent,],
+    standalone: true,
+    providers: [MessageService],
+    templateUrl: './popup-campos-fuente-general.component.html',
+  styleUrls: ['./popup-campos-fuente-general.component.scss']
+})
+export class PopupCamposFuenteGeneralComponent implements OnInit {
+  @Input()
+  mostrar: boolean;
+  @Input()
+  campo: FuenteCampoModel;
+  @Input()
+  fuenteDTO: FuenteGeneralModel;
+  @Output()
+  regresar = new EventEmitter();
+  @Output()
+  regresarNuevo = new EventEmitter();
+
+
+  
+  isNew: boolean = true;
+  homologaciones;
+  fuenteCampoDTO: FuenteCampoModel = new FuenteCampoModel()
+  cargando: boolean;
+
+  formulario: FormGroup;
+
+  /* BOOLEANOS */
+  public formato: boolean = false;
+  public formatoNumero: boolean = false;
+  public serviciosMotor: boolean = false;
+  public unicoRegistro: boolean = false;
+  public agrupamiento: boolean = false;
+  public rompimiento: boolean = false;
+  public mostrarHoja: boolean = false;
+  public sinSeparador: boolean = false;
+  public conSeparador: boolean = false;
+  public servicioWeb: boolean = false;
+  public nuevoRCampo: boolean = false;
+  public homologacion: boolean = false;
+  mensaje: string;
+
+  constructor(public fuentePipe: FuentePipe, public generalPipe: GeneralPipe, private cargarmapasGlobal: cargarmapasGlobal, private notificacionesBusService: ToastService, private generalService: GeneralService,
+    private us: UtilsService, private confirmationService: ConfirmationService, private formBuilder: FormBuilder) { }
+
+  ngOnInit(): void {
+    this.cargar();
+  }
+
+  async cargar() {
+    if (this.campo.llaveTabla != null) {
+      this.isNew = false;
+      this.fuenteCampoDTO = this.campo;
+    }
+    await this.cargaBooleanos();
+    if (this.homologacion) {
+      this.homologaciones = await this.cargarmapasGlobal.cargarSelectItemString('llaveTabla', 'descripcion', new GeneralModel('HomologacionGeneralDTO', null, false, { estado: this.generalPipe.ESTADO_ACTIVO }));
+    }
+    this.formulario = this.formBuilder.group({
+      llaveTabla: new FormControl((this.fuenteCampoDTO?.llaveTabla) ? this.fuenteCampoDTO?.llaveTabla : this.us.generarLlave()),
+      fuente: new FormControl(this.fuenteCampoDTO.fuente ? this.fuenteCampoDTO.fuente : this.fuenteDTO.llaveTabla),
+      origen: new FormControl(this.fuenteCampoDTO.origen ? this.fuenteCampoDTO.origen : 'C'),
+      descripcion: new FormControl(this.fuenteCampoDTO.descripcion, [Validators.required]),
+      tipoDato: new FormControl(this.fuenteCampoDTO?.tipoDato, [Validators.required]),
+      tipoInformacion: new FormControl(this.fuenteCampoDTO.tipoInformacion),
+      columna: new FormControl(this.fuenteCampoDTO?.columna),
+      posicionInicial: new FormControl(this.fuenteCampoDTO.posicionInicial, ),
+      posicionFinal: new FormControl(this.fuenteCampoDTO.posicionFinal),
+      formato: new FormControl(this.fuenteCampoDTO.formato,),
+      homologacion: new FormControl(this.fuenteCampoDTO.homologacion),
+    });
+    if (this.rompimiento || this.agrupamiento) {
+      this.formulario.get('tipoInformacion').addValidators([Validators.required]);
+      this.formulario.get('tipoInformacion').updateValueAndValidity()
+    }
+    if (this.conSeparador) {
+      this.formulario.get('columna').addValidators([Validators.required]);
+      this.formulario.get('columna').updateValueAndValidity()
+    }
+    this.cargando = true
+
+  }
+
+  async actionCambioTipo(event) {
+    if (event.value == 'F') {
+      this.formulario.get('formato').addValidators([Validators.required]);
+    } else {
+      this.formulario.get('formato').clearValidators();
+    }
+    if (this.formulario.get('tipoDato').value == this.fuentePipe.DECIMAL || this.formulario.get('tipoDato').value == this.fuentePipe.NUMERO || this.formulario.get('tipoDato').value == this.fuentePipe.TEXTO || this.formulario.get('tipoDato').value == this.fuentePipe.FECHA) {
+      this.homologaciones = await this.cargarmapasGlobal.cargarSelectItemString('llaveTabla', 'descripcion', new GeneralModel('HomologacionGeneralDTO', null, false, { estado: this.generalPipe.ESTADO_ACTIVO }));
+    } else {
+      
+    }
+    this.formulario.get('formato').updateValueAndValidity()
+    
+  }
+
+  async guardar() {
+    try {
+      console.log(this.formulario);
+      let err: ValidationErrors = { 'mayorQue': true };
+      this.formulario.get('posicionFinal').clearValidators();
+      this.formulario.get('posicionFinal').updateValueAndValidity();
+      if (this.formulario.valid ) {
+        if(( (this.formulario.get('posicionFinal').value != null && this.formulario.get('posicionFinal').value != '') && (this.formulario.get('posicionInicial').value != null && this.formulario.get('posicionInicial').value != '')) && 
+              (this.formulario.get('posicionFinal').value <= this.formulario.get('posicionInicial').value)){
+          this.mensaje = 'El valor no debe ser mayor a ' + this.formulario.get('posicionInicial').value
+          this.formulario.get('posicionFinal').setErrors(err);
+          this.validator();
+          return
+        }
+
+        if (this.isNew) {
+          let data =  await this.generalService.crearRegistro(new GeneralModel('FuenteCampoDTO', null, false, this.formulario.getRawValue())).toPromise();
+          this.notificacionesBusService.showInfo(this.generalPipe.MENSAJE_GUARDAR);
+          this.regresarNuevo.emit(data)
+          await this.ocultar();
+          return;
+        }
+        if ((await this.generalService.update(new GeneralModel('FuenteCampoDTO', null, false, this.formulario.getRawValue())).toPromise()) <= 0) {
+          this.notificacionesBusService.showInfo('Registro NO Actualizado');
+          return;
+        }
+        this.notificacionesBusService.showInfo('Registro Actualizado');
+        this.ocultar();
+      }
+       else {
+       this.validator();
+      }
+    } catch (error) {
+      console.log(JSON.stringify(error));
+    }
+  }
+
+  validator(){
+    let comodinValidador: boolean = false;
+    Object.keys(this.formulario.controls).forEach((key) => {
+      if (this.formulario.get(key).errors) {
+        if (this.formulario.get(key).errors['mayorQue']) {
+          this.formulario.get(key).markAsDirty();
+          comodinValidador = true;
+          this.notificacionesBusService.showWarning(this.mensaje);
+          return;
+        }
+        this.formulario.get(key).markAsDirty();
+      }
+    });
+    if (comodinValidador == false) {
+      this.notificacionesBusService.showError('Faltan campos obligatorios');
+    }
+  }
+
+
+
+  eliminar(event, cDelete: FuenteCampoModel) {
+    this.confirmationService.confirm({
+      target: event.target,
+      message: this.generalPipe.MENSAJE_ELIMINAR_CONFIRMAR,
+      acceptLabel:'Si',
+      accept: () => {
+        this.setEliminar(cDelete);
+      },
+      reject: () => {
+
+      }
+    });
+  }
+
+  async setEliminar(cDelete: FuenteCampoModel) {
+    if ((await this.generalService.delete(new GeneralModel('FuenteCampoDTO', null, false, cDelete)).toPromise()) <= 0) {
+      this.notificacionesBusService.showWarning(this.generalPipe.MENSAJE_ELIMINAR_NO);
+      this.ocultar();
+      return
+    }
+    this.notificacionesBusService.showInfo(this.generalPipe.MENSAJE_ELIMINAR);
+    this.ocultar();
+  }
+
+  public ocultar() {
+    this.mostrar = false;
+    this.campo = new FuenteCampoModel();
+    this.fuenteCampoDTO = new FuenteCampoModel();
+    this.regresar.emit();
+  }
+
+  async cargaBooleanos() {
+    this.agrupamiento = this.fuenteDTO != null && this.fuenteDTO.tipo == this.fuentePipe.AGRUPAMIENTO;
+    this.rompimiento = this.fuenteDTO != null && this.fuenteDTO.tipo == this.fuentePipe.ROMPIMIENTO;
+    this.unicoRegistro = this.fuenteDTO != null && this.fuenteDTO.tipo == this.fuentePipe.UNICO_REGISTRO ? true : false;
+    this.mostrarHoja = this.unicoRegistro && this.fuenteDTO.excel == this.generalPipe.SI ? true : false;
+    this.sinSeparador = this.fuenteDTO != null && this.fuenteDTO.separador == this.fuentePipe.SIN_SEPARADOR ? true : false;
+    this.conSeparador = this.fuenteDTO != null && this.fuenteDTO.separador != null && this.fuenteDTO.separador != this.fuentePipe.SIN_SEPARADOR ? true : false;
+    this.serviciosMotor = this.fuenteDTO.motor == this.generalPipe.SI ? true : false;
+    this.formato = this.fuenteDTO != null && this.campo.tipoDato == this.fuentePipe.FECHA ? true : false;
+    this.formatoNumero = this.fuenteDTO != null && this.campo.tipoDato == this.fuentePipe.NUMERO ? true : false;
+    this.homologacion = this.fuenteDTO != null && (this.campo.tipoDato == this.fuentePipe.DECIMAL || this.campo.tipoDato == this.fuentePipe.NUMERO || this.campo.tipoDato == this.fuentePipe.TEXTO || this.campo.tipoDato == this.fuentePipe.FECHA) ? true : false;
+    if (this.fuenteDTO == null || this.fuenteDTO.proceso == null) {
+      this.servicioWeb = false;
+    } if (this.fuenteDTO.proceso == this.fuentePipe.SERVICIO) {
+      this.fuenteDTO.ejecucion = this.fuentePipe.SERVICIO_EJECUCION;
+      this.fuenteDTO.tipo = this.fuentePipe.UNICO_REGISTRO;
+      this.fuenteDTO.separador = this.fuentePipe.COMA;
+      this.servicioWeb = true;
+    }
+  }
+
+  noNulo(key): AsyncValidatorFn {
+    return (control: AbstractControl): Observable<ValidationErrors> => {
+      let bReturn: boolean = true;
+      if (this.formulario?.controls[key].value == '') {
+        bReturn = true;
+      }
+      let err: ValidationErrors = { 'nulo': true };
+      return bReturn ? of(null) : of(err);
+    };
+  }
+
+
+  mayorQue(key, keyCompara): AsyncValidatorFn {
+    return (control: AbstractControl): Observable<ValidationErrors> => {
+      let bReturn: boolean = true;
+        console.log('entro');
+      if (this.formulario?.controls[key].value < this.formulario?.controls[keyCompara].value) {
+        this.mensaje = 'El valor no debe ser mayor a ' + this.formulario.controls[keyCompara].value
+        console.log('entro mas');
+        bReturn = false;
+      }
+      let err: ValidationErrors = { 'mayorQue': true };
+      return bReturn ? of(null) : of(err);
+    };
+  }
+
+}

package/src/app/webcommon/popups/popup-convertir-plantillas/popup-convertir-plantillas.component.html

@@ -0,0 +1,50 @@
+<p-dialog header="{{ 'seleccione' | translate }}" [(visible)]="showDialog" (onHide)="ocultar()"
+    [breakpoints]="{'960px': '75vw', '640px': '100vw'}" [style]="{ width: '30vw' }">
+
+    <div class="flex justify-content-end align-items-center mb-2">
+        <!-- Botón de Reportes-->
+        <button pButton pRipple label="{{'continuar' | translate}}" icon="glyphicons glyphicons-check"
+            class="p-button-secondary font-semibold mr-2 border-solid-1 border-color-75"
+            (click)="continuar()"></button>
+    </div>
+
+    <p-table #tablaGeneral id="tabla_listado_control_prorroga" [value]="listaArchivo" responsiveLayout="scroll"
+        [rows]="10" scrollDirection="horizontal" styleClass="p-datatable-striped" [paginator]="listaArchivo.length > 10"
+        [scrollable]="true" [totalRecords]="listaArchivo.length" [showCurrentPageReport]="true"
+        [rowsPerPageOptions]="[10, 20, 50]" currentPageReportTemplate="{first} al {last} de {totalRecords} registros">
+
+        <ng-template pTemplate="header">
+            <tr>
+                @if(listaArchivo.length > 0){
+                <th style="max-width:50px; margin-left: 2px;">
+                    <p-checkbox [(ngModel)]="seleccionarTodo" (onChange)="cambiarEstadoCheck()" [binary]="true"
+                        (click)="$event.stopPropagation()">
+                    </p-checkbox>
+                </th>
+                }
+                <th>{{'descripcion' | translate}}</th>
+            </tr>
+            <th></th>
+        </ng-template>
+
+        <ng-template pTemplate="body" let-dato>
+            <tr>
+                <td style="max-width:50px">
+                    <div class="field-checkbox">
+                        <p-checkbox class="ml-1" [(ngModel)]="dato.check" [binary]="true" (onChange)="estadoCheck(dato)"
+                            (click)="$event.stopPropagation()">
+                        </p-checkbox>
+                    </div>
+                </td>
+                <td>{{dato.nombre}}</td>
+            </tr>
+        </ng-template>
+
+        <ng-template pTemplate="emptymessage">
+            <tr class="p-3 font-medium emptymessage">
+                <td colspan="10"> {{'mensajetablavacia' | translate}}</td>
+            </tr>
+        </ng-template>
+    </p-table>
+
+</p-dialog>

package/src/app/webcommon/popups/popup-convertir-plantillas/popup-convertir-plantillas.component.ts

@@ -0,0 +1,135 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { PrimeTemplate } from 'primeng/api';
+import { DialogModule } from 'primeng/dialog';
+import { TableModule } from 'primeng/table';
+import { PlantillasService } from '../../services/plantillas.service';
+import { firstValueFrom } from 'rxjs';
+import { CheckboxModule } from 'primeng/checkbox';
+import { FormsModule } from '@angular/forms';
+import { Ripple } from 'primeng/ripple';
+import { ButtonDirective } from 'primeng/button';
+import { ToastService } from '../../../core/servicios/toast.service';
+
+@Component({
+  selector: 'app-popup-convertir-plantillas',
+  standalone: true,
+  imports: [DialogModule,
+    TableModule,
+    PrimeTemplate,
+    TranslateModule,
+    CheckboxModule,
+    FormsModule,
+    ButtonDirective,
+    Ripple,],
+  templateUrl: './popup-convertir-plantillas.component.html',
+  styleUrl: './popup-convertir-plantillas.component.scss'
+})
+export class PopupConvertirPlantillasComponent implements OnInit {
+
+  @Output() onSelected: EventEmitter<any> = new EventEmitter();
+
+  @Output() regresar: EventEmitter<any> = new EventEmitter();
+
+  @Input() showDialog: boolean = false;
+
+  listaArchivo: any[];
+  listaSeleccionados: any[] = [];
+  seleccionar: boolean = true;
+  seleccionarTodo: boolean = false;
+
+
+  constructor(private plantillasService: PlantillasService, public translateService: TranslateService, private toastService: ToastService,) { }
+
+  public ocultar() {
+    this.showDialog = false;
+    this.regresar.emit(false);
+  }
+
+  ngOnInit(): void {
+    this.listaArchivo = [];
+    this.listaSeleccionados = [];
+  }
+
+  async buscar(rutaPlantilla: string, filtro: string) {
+
+    let data = await firstValueFrom(this.plantillasService.consultarListadoPlanillasAConvertir(rutaPlantilla, filtro));
+
+    this.listaArchivo = data;
+
+    if (!(this.listaArchivo.length > 0)) {
+      this.toastService.showWarning("No existe plantillas para convertir");
+      this.ocultar();
+    }
+
+    this.showDialog = true;
+  }
+
+  cambiarEstadoCheck() {
+
+    if (this.seleccionar) {
+      this.seleccionar = false;
+      for (let per of this.listaArchivo) {
+        per.check = true;
+      }
+    } else {
+      this.seleccionar = true;
+      for (let per of this.listaArchivo) {
+        per.check = false;
+      }
+    }
+    return null;
+
+  }
+
+  estadoCheck(dato: any) {
+
+    let isvalidar = false;
+
+    for (let per of this.listaArchivo) {
+      if (!per.check) {
+        isvalidar = true;
+        break;
+      }
+    }
+
+    if (isvalidar) {
+      this.seleccionar = true;
+      this.seleccionarTodo = false;
+    } else {
+      this.seleccionar = false;
+      this.seleccionarTodo = true;
+    }
+
+  }
+
+  async continuar() {
+
+    if (await this.selecciona()) {
+      //Guarda el documento
+      await firstValueFrom(this.plantillasService.convertirArchivo(this.listaSeleccionados));
+      this.toastService.showSuccess("Se han convertido exitosamente los registros seleccionados");
+      this.ocultar();
+
+    } else {
+      this.toastService.showWarning("Seleccione al menos un registro");
+      return;
+    }
+
+  }
+
+  async selecciona(): Promise<boolean> {
+
+    this.listaSeleccionados = [];
+
+    if (this.listaArchivo.length > 0) {
+      for (let ser of this.listaArchivo) {
+        if (ser.check) {
+          this.listaSeleccionados.push(ser);
+        }
+      }
+    }
+    return this.listaSeleccionados.length > 0;
+  }
+
+}

package/src/app/webcommon/popups/popup-editor-formula/popup-editor-formula.component.html

@@ -0,0 +1,44 @@
+<p-dialog header="{{'atributo' | translate}}s" [(visible)]="visible" appendTo="body" [style]="{width: '47vw'}"
+    (onHide)="ocultarPopup()" [modal]="true" [draggable]="false" [resizable]="false">
+
+
+    <div class="flex justify-content-between align-items-center mt-2 mb-3">
+      <app-filtro-general #filtroGeneral [filtros]="filters" (metodoRegresar)="filtro($event,tablaGeneral)">
+          <ng-template let-form>
+              <ng-container [formGroup]="form">
+                  <div class="flex mt-3">
+                      <div class="mr-3 w-full">
+                          <span class="p-float-label">
+                              <input pInputText type="text" id="filtro" formControlName="filtro"
+                                  autocomplete="off" />
+                              <label for="filtro"> {{'atributo' | translate}}</label>
+                          </span>
+                      </div>
+                  </div>
+              </ng-container>
+          </ng-template>
+      </app-filtro-general>
+    </div>
+    <p-table #tablaGeneral styleClass="p-datatable-striped input-helper-datatable"
+        [globalFilterFields]="['nombre']"
+      [value]="variables" [rows]="10" [paginator]="variables.length > 10" [totalRecords]="variables.length"
+      [showCurrentPageReport]="true" currentPageReportTemplate="{first} al {last} de {totalRecords} registros">
+      <ng-template pTemplate="header">
+        <tr style="width: 100%;">
+          <th style="width: 100%;">{{'nombre' | translate}} {{'atributo' | translate}}</th>
+        </tr>
+        <th></th>
+      </ng-template>
+
+      <ng-template pTemplate="body" let-objeto>
+        <tr [pSelectableRow]="objeto" style="width: 100%;">
+          <td style="width: 100%;">{{objeto.nombre}}</td>
+        </tr>
+      </ng-template>
+      <ng-template pTemplate="emptymessage">
+        <tr class="p-3 font-medium emptymessage">
+          <td colspan="1">{{'mensajetablavacia' | translate}}</td>
+        </tr>
+      </ng-template>
+  </p-table>
+</p-dialog>

package/src/app/webcommon/popups/popup-editor-formula/popup-editor-formula.component.ts

@@ -0,0 +1,66 @@
+import { Component, ViewChild } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { PrimeTemplate } from 'primeng/api';
+import { DialogModule } from 'primeng/dialog';
+import { InputTextModule } from 'primeng/inputtext';
+import { Table, TableModule } from 'primeng/table';
+import { FiltroGeneralComponent } from '../../../core/componentes/filtro-general/filtro-general.component';
+
+@Component({
+  selector: 'app-popup-editor-formula',
+  standalone: true,
+  imports: [DialogModule, TableModule, PrimeTemplate, FormsModule, ReactiveFormsModule, InputTextModule, TranslateModule, FiltroGeneralComponent],
+  templateUrl: './popup-editor-formula.component.html',
+  styleUrl: './popup-editor-formula.component.scss'
+})
+export class PopupEditorFormulaComponent {
+
+  constructor(private translateService: TranslateService){
+    this.filters = [
+      {
+        field: 'filtro',
+        header: this.translateService.instant('filtro'),
+        matchMode: 'contains',
+      },
+    ];
+  }
+
+  public listaLenguajes: any[] ;
+  filters = [];
+	// private ILenguaje lenguaje ;
+	public formula: string;
+	// private NodoFormula base;
+	// private NodoFormula nodoActual;
+	public variables: any[] = [];
+  visible: boolean;
+  @ViewChild('tablaGeneral') tablaGeneral : Table
+  @ViewChild('filtroGeneral') filtroGeneral : FiltroGeneralComponent
+	// private NodoConstante constante;
+
+  public editar(formula: string,destino: string,variables: any[]){
+		//getBean(SessionActivaBean.class).setUrlPopup("/webcommon/inc-templates/editorFormula.xhtml");
+		this.formula= formula;
+		//setDestino(destino);
+		this.variables = variables;
+		this.mostrarPopup();
+   
+	}
+
+  mostrarPopup(){
+    this.visible = true;
+  }
+
+  ocultarPopup(){
+    this.visible = false;
+  }
+
+  filtro(event,tablaPuestoTrabajo: Table){
+    if(event?.filtro?.value != null){
+      this.tablaGeneral.filterGlobal(event.filtro.value,'contains');
+    }else{
+      tablaPuestoTrabajo.clear();
+    }
+  }
+
+}