general-library-union 2.3.35 → 2.3.36

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,248 @@
+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, 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';
+
+@Component({
+  selector: 'app-popup-campos-fuente-general',
+    imports: [TranslateModule, CommonModule, DialogModule, ReactiveFormsModule, DropdownModule,],
+    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();
+  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) {
+          this.generalService.crearRegistro(new GeneralModel('FuenteCampoDTO', null, false, this.formulario.value)).toPromise();
+          this.notificacionesBusService.showInfo(this.generalPipe.MENSAJE_GUARDAR);
+          await this.ocultar();
+          return;
+        }
+        if ((await this.generalService.update(new GeneralModel('FuenteCampoDTO', null, false, this.formulario.value)).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-punto-proceso/popup-punto-proceso.component.html

@@ -0,0 +1,41 @@
+<p-dialog id='popupPuntoProceso' header="{{'recurso' | translate}}" [(visible)]="mostrarPopup"
+    [breakpoints]="{'960px': '75vw', '640px': '100vw'}" [style]="{width: '50vw'}" [modal]="true">
+
+    <div class="flex justify-content-between align-items-center mb-2">
+        <app-filtro-general #filtroGeneral [filtros]="filters" (metodoRegresar)="tipo == 'R' ? cargarPaginador($event) : cargarPaginadorFuente($event)" >
+            <ng-template let-form>
+                <ng-container [formGroup]="form">
+                    <div class="field">
+                        <span class="p-float-label">
+                            <input pInputText autofocus type="text" autocomplete="off"
+                                formControlName="descripcion" />
+                            <label for="descripcion">{{'descripcion'|translate}}</label>
+                        </span>
+                    </div>
+                </ng-container>
+            </ng-template>
+        </app-filtro-general>
+    </div>
+
+    <p-table [value]="paginador" responsiveLayout="scroll" [scrollable]="true" selectionMode="single"
+        [rows]="10" [totalRecords]="paginador.length" (onRowUnselect)="seleccionarRecurso($event)"
+        [paginator]="paginador.length > 10" (onRowSelect)="seleccionarRecurso($event)">
+        <ng-template pTemplate="header">
+
+            <tr class="fondoTablaPincipal">
+                <th>{{'descripcion' | translate }} </th>
+            </tr>
+            <th>
+        </ng-template>
+        <ng-template pTemplate="body" let-bean>
+            <tr [pSelectableRow]="bean">
+                <td>{{bean.tipo =='R' ? bean.reporteFuenteDescripcion : bean.fuenteDescripcion}}</td>
+            </tr>
+        </ng-template>
+        <ng-template pTemplate="emptymessage">
+            <p class="p-3 font-medium emptymessage">{{'mensajetablavacia' | translate}}</p>
+        </ng-template>
+    </p-table>
+</p-dialog>
+<app-popup-reporte [mostrar]="mostrarPopupReporte" [reporte]="reporte" [entradasPuntoProceso]="parametrosReporte"
+    (regresar)="regresarPopupReporte($event)"></app-popup-reporte>

package/src/app/webcommon/popups/popup-punto-proceso/popup-punto-proceso.component.ts

@@ -0,0 +1,283 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { ReporteFuenteModel } from '../../../seguridad/modelos/ReporteFuenteModel';
+import { PopupReporteComponent } from '../../popups/popup-reporte/popup-reporte.component'
+import { RecursoPuntoModel } from '../../../seguridad/modelos/RecursoPuntoModel';
+import { ReporteEntradaModel } from '../../../seguridad/modelos/ReporteEntradaModel';
+import { CruceRecursoPuntoModel } from '../../../seguridad/modelos/CruceRecursoPuntoModel';
+import { FuenteGeneralModel } from '../../../seguridad/modelos/FuenteGeneralModel';
+import { GeneralModel } from '../../../seguridad/modelos/GeneralModel';
+import { ParametrosNavegacionService } from '../../../shared/servicios/parametros-navegacion.service';
+import { GeneralService } from '../../../shared/servicios/general.service';
+import { UtilsService } from '../../../core/servicios/utils.service';
+import { AuthService } from '../../../core/servicios/auth.service';
+import { EjecucionReporteService } from '../../../webcommon/services/ejecucionreporte.service';
+import { FiltroGeneralComponent } from '../../../core/componentes/filtro-general/filtro-general.component'
+import { CommonModule } from '@angular/common';
+import { DialogModule } from 'primeng/dialog';
+import { TableModule } from 'primeng/table';
+import { ReactiveFormsModule } from '@angular/forms';
+import { InputTextModule } from 'primeng/inputtext';
+@Component({
+  selector: 'app-popup-punto-proceso',
+    imports: [TranslateModule, CommonModule, DialogModule, TableModule, ReactiveFormsModule, PopupReporteComponent, FiltroGeneralComponent, InputTextModule],
+    standalone: true,
+    templateUrl: './popup-punto-proceso.component.html',
+  styleUrls: ['./popup-punto-proceso.component.scss']
+})
+export class PopupPuntoProcesoComponent implements OnInit {
+
+  public reportesPunto: RecursoPuntoModel[] = [];
+  public fuentesPunto: RecursoPuntoModel[] = [];
+  public tipo: string;
+	public parametrosReporte: any[];
+	public paginador: RecursoPuntoModel[] = [];
+	public reportes: RecursoPuntoModel[];
+	public fuentes: RecursoPuntoModel[];
+	public recurso: RecursoPuntoModel;
+	public reporte: ReporteFuenteModel;
+
+  public mostrarPopup: boolean;
+  public mostrarPopupReporte: boolean;
+  @ViewChild('popupReporte') popupReporte: PopupReporteComponent;
+  @ViewChild('filtroGeneral') filtroGeneral: FiltroGeneralComponent;
+  
+  public componente: any;
+  public filters = [];
+
+  constructor(private generalService: GeneralService,
+              private utilsService: UtilsService,
+              private ejecucionReporteService: EjecucionReporteService,
+              private authService: AuthService,
+              private router: Router,
+              private parametrosService: ParametrosNavegacionService,
+              private translateService: TranslateService) { }
+
+  ngOnInit(): void {
+    this.filters=[
+      {
+      field:'descripcion',
+      header: this.translateService.instant('descripcion'),
+      matchMode: 'contains',
+    }]
+  }
+
+  async mostrar(reportesPunto: RecursoPuntoModel[], tipo: string, componente: any) {
+			this.componente = componente;
+      this.reportesPunto = reportesPunto;
+			this.tipo = tipo;
+			let reportesTmp: RecursoPuntoModel[] = this.obtenerReportes();
+			if (this.reportesPunto != null && this.reportesPunto.length > 0) {
+				reportesTmp.forEach(reporte => {
+					if(reporte.filtro==null||this.utilsService.isBlank(reporte.filtro)){
+						this.reportes.push(reporte);
+					}else{
+						let mostrarReporte=this.validarReporte(reporte.filtro);
+						if(mostrarReporte){
+							this.reportes.push(reporte);
+						}
+					}
+				})
+			}
+      this.filtroGeneral.limpiarFiltros();
+			this.mostrarPopup = true;
+	}
+
+  async mostrarFuente(fuentesPunto: RecursoPuntoModel[], tipo: string, componente: any) {
+    this.componente = componente;
+    this.fuentesPunto = fuentesPunto;
+    this.tipo = tipo;
+    let fuentesTmp: RecursoPuntoModel[] = this.obtenerFuentes();
+    if (this.fuentesPunto != null && this.fuentesPunto.length > 0) {
+      fuentesTmp.forEach(fuente => {
+        if(fuente.filtro==null||this.utilsService.isBlank(fuente.filtro)){
+          this.fuentes.push(fuente);
+        }else{
+          let mostrarFuente=this.validarReporte(fuente.filtro);
+          if(mostrarFuente){
+            this.fuentes.push(fuente);
+          }
+        }
+      })
+    }
+    this.filtroGeneral.limpiarFiltros();
+    this.mostrarPopup = true;
+}
+
+  cargarPaginador(event) {
+    let reportesTmp2: RecursoPuntoModel[] = this.obtenerReportes();
+      this.reportes = [];
+      let parametroBusqueda =  event['descripcion'] ? event['descripcion']['value'] : null;
+      reportesTmp2.forEach(recurso => {
+        //this.reportes.push(recurso);
+        if(!this.utilsService.isBlank(parametroBusqueda)) { 
+          if (recurso.reporteFuenteDescripcion.toUpperCase().includes(parametroBusqueda.toUpperCase().replace(' ', ''))) {
+            this.reportes.push(recurso);
+          }
+        } else {
+          this.reportes.push(recurso);
+        }
+      })
+
+			this.paginador = this.reportes
+  }
+
+  cargarPaginadorFuente(event) {
+    let fuentesTmp2: RecursoPuntoModel[] = this.obtenerFuentes();
+      this.fuentes = [];
+      let parametroBusqueda =  event['descripcion'] ? event['descripcion']['value'] : null;
+      fuentesTmp2.forEach(recurso => {
+        //this.fuentes.push(recurso);
+        if(!this.utilsService.isBlank(parametroBusqueda)) { 
+          if (recurso.fuenteDescripcion.toUpperCase().includes(parametroBusqueda.toUpperCase().replace(' ', ''))) {
+            this.fuentes.push(recurso);
+          }
+        } else {
+          this.fuentes.push(recurso);
+        }
+      })
+
+			this.paginador = this.fuentes
+  }
+	
+	/**
+	 * Indica si un reporte debe presentarse o no en el punto proceso 
+	 * @param fc Contexto d	e JSF
+	 * @param filtro Filtro que indica si el reporte debe visualizarse
+	 *  o no
+	 * @return Si el reporte cumple con la decision se retorna true,
+	 * de lo contrario false
+	 */
+	private validarReporte(filtro: string) {
+    //pte definir filtro con angular
+		return true;
+	}
+	
+	/**
+	 * Obtiene los reportes que se deben visualizar por el usuario 
+	 * @return Reportes a presentar al usuario
+	 */
+	private obtenerReportes(){
+		let reportes: RecursoPuntoModel[] = [];
+		if (this.reportesPunto != null && this.reportesPunto.length > 0) {
+			this.reportesPunto.forEach(reporte => {
+				if(reporte.filtro==null||this.utilsService.isBlank(reporte.filtro)){
+					reportes.push(reporte);
+				}else{
+					let mostrarReporte=this.validarReporte(reporte.filtro);
+					if(mostrarReporte){
+						reportes.push(reporte);
+					}
+				}
+			})
+		}
+		this.reportes = this.ordenarSelectItemsAlfabeticamente(reportes);
+		return reportes;
+	}
+
+  private obtenerFuentes(){
+    let fuentes: RecursoPuntoModel[] = [];
+		if (this.fuentesPunto != null && this.fuentesPunto.length > 0) {
+			this.fuentesPunto.forEach(fuente => {
+				if(fuente.filtro==null||this.utilsService.isBlank(fuente.filtro)){
+					fuentes.push(fuente);
+				}else{
+					let mostrarFuente=this.validarReporte(fuente.filtro);
+					if(mostrarFuente){
+						fuentes.push(fuente);
+					}
+				}
+			})
+		}
+		this.fuentes = this.ordenarSelectItemsAlfabeticamente(fuentes);
+		return fuentes;
+	}
+
+  ordenarSelectItemsAlfabeticamente(reportes: RecursoPuntoModel[]): any[] {
+    reportes.sort((a, b) => {
+      const nombreA = a.tipo == 'R' ? a.reporteFuenteDescripcion.toLowerCase() : a.fuenteDescripcion.toLowerCase();
+      const nombreB = b.tipo == 'R' ? b.reporteFuenteDescripcion.toLowerCase() : b.fuenteDescripcion.toLowerCase();
+
+      if (nombreA < nombreB) {
+        return -1;
+      }
+      if (nombreA > nombreB) {
+        return 1;
+      }
+      return 0;
+    });
+    return reportes;
+  }
+		
+	public async seleccionarRecurso(evento) {
+    this.recurso = evento.data;
+    if (this.recurso.tipo == 'R') {
+      this.reporte = new ReporteFuenteModel();
+      this.reporte.llave = this.recurso.reporteFuente;
+      this.reporte = await this.generalService.queryForObject(new GeneralModel('ReporteFuenteDTO', null, false, this.reporte)).toPromise();
+      let filtro = new ReporteEntradaModel();
+      filtro.reporteFuente = this.recurso.reporteFuente;
+      this.parametrosReporte = await this.ejecucionReporteService.obtenerListaEntradaEjecucion(this.reporte).toPromise();
+      let filtroCruce = new CruceRecursoPuntoModel();
+      filtroCruce.recursoPunto = this.recurso.llaveTabla;
+      let cruces: CruceRecursoPuntoModel[] = await this.generalService.queryForList(new GeneralModel('CruceRecursoPuntoDTO', 'CruceRecursoPunto.consultarCrucePorRecurso', false, filtroCruce)).toPromise();
+      cruces.forEach(cruce => {
+        let val;
+        let cantidadPuntos = this.contarPuntos(cruce.atributoPuntoValor);
+        let partes = cruce.atributoPuntoValor.split('.');
+        switch (cantidadPuntos) {
+          case 0:
+            val = cruce.atributoPuntoValor;
+            break;
+          case 1:
+            val = this.componente[partes[1]]
+            break;
+          case 2:
+            if (partes[1] == 'credencial'){
+              val = this.authService.getTokenKey(partes[2])
+            } else {
+              let objeto = this.componente[partes[1]]
+              val = objeto[partes[2]];
+            }
+            break;
+          default:
+            return;
+        }
+        this.parametrosReporte.forEach(entrada =>  {
+          if (entrada.unionDTO.llave == cruce.reporteEntrada) {
+            entrada.unionDTO.valor = val;
+          }
+        })
+      })
+      this.mostrarPopup = false;
+      this.mostrarPopupReporte = true;
+      await this.utilsService.sleep(100);
+      //this.popupReporte.mostrar(this.recurso.reporteFuente, this.parametrosReporte);
+    } else {
+      let fuente: FuenteGeneralModel = new FuenteGeneralModel();
+      fuente.llaveTabla = this.recurso.fuente;
+      fuente = await this.generalService.queryForObject(new GeneralModel('FuenteGeneralDTO', null, false, fuente)).toPromise();
+      this.parametrosService.setParametros({
+        fuente: fuente,
+        regresar: window.location.href
+      })
+      this.router.navigate([this.utilsService.obtenerBase() + '/webcommon/fuentearchivo/fuente/importarfuenteGeneral'], {skipLocationChange: true})
+    }
+	}
+
+  contarPuntos(cadena: string): number {
+    let contador = 0;
+    for (let i = 0; i < cadena.length; i++) {
+      if (cadena.charAt(i) === '.') {
+        contador++;
+      }
+    }
+    return contador;
+  }
+
+  regresarPopupReporte(event){
+    this.mostrarPopupReporte = false;
+  }
+
+}