general-library-union 3.2.95 → 3.2.97

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;
+  }
+
+}

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

@@ -0,0 +1,179 @@
+<p-confirmPopup></p-confirmPopup>
+<p-dialog id='popupReImprimirRegresion' header="{{'recurso' | translate}}" [(visible)]="mostrarPopup"
+    [breakpoints]="{'960px': '75vw', '640px': '100vw'}" [style]="{width: '50vw'}" (onHide)="ocultar()" [modal]="true">
+    <p-accordion class="w-full">
+        <p-accordionTab [selected]="true">
+            <ng-template pTemplate="header">
+                <i class="glyphicons glyphicons-notes-2"></i>{{'punto' | translate }} {{'proceso' | translate }}
+            </ng-template>
+            <ng-template pTemplate="content">
+                <div class="field col-12 md:col-12 lg:col-12">
+                    <div class="p-fluid grid">
+                        <div class="field col-12 md:col-12 lg:col-12">
+                            <p-dropdown [options]="listaPuntosProceso" [autoDisplayFirst]="false" appendTo="body" [autoZIndex]="false"
+                                optionLabel="label" optionValue="key" [(ngModel)]="recursoPuntoDTO.puntoProceso">
+                            </p-dropdown>
+                        </div>
+                    </div>
+                    <div class="flex justify-content-end align-items-center mt-3">
+                        <button pButton pRipple label="{{'link_guardar' | translate }}"
+                            class="p-element p-ripple ml-2 p-button-raised p-button p-component" type="button" (click)="guardar()"
+                            *ngIf="nuevo"><span class="glyphicons glyphicons-floppy-save"
+                                style="width: auto;"></span></button>
+                        <button pButton pRipple label="{{'link_actualizar' | translate }}"
+                                class="ml-2 p-button-raised" *ngIf="!nuevo" type="button"
+                            (click)="guardar()"><span class="glyphicons glyphicons-refresh"
+                                style="width: auto;"></span></button>
+                        <button pButton label="{{'link_eliminar' | translate }}"
+                            class="p-button-outlined ml-2 mr-2p-element p-button p-component eliminar" type="button"
+                            *ngIf="!nuevo" (click)="eliminar($event)"><span class="glyphicons glyphicons-bin"
+                                style="width: auto;"></span></button>
+                    </div>
+                </div>
+            </ng-template>
+        </p-accordionTab>
+        <p-accordionTab *ngIf="!nuevo">
+            <ng-template pTemplate="header">
+                <i class="glyphicons glyphicons-notes-2"></i>{{'cruce' | translate }}
+            </ng-template>
+            <ng-template pTemplate="content">
+                <div class="flex justify-content-end align-items-center mb-3">
+                    <button pButton label="{{'link_nuevo' | translate}}" (click)="nuevoCruce()" icon="pi pi-plus"
+                        class="p-ripple p-element p-button p-component p-button-secondary mb-2"></button>
+                </div>
+                <p-table id="tabla_lista_tipo_entidad" [value]="listaCruce" [scrollable]="true"
+                scrollDirection="both" scrollDirection="horizontal" responsiveLayout="scroll"
+                    scrollDirection="horizontal" styleClass="p-datatable-striped" [showCurrentPageReport]="true"
+                    editMode="row" dataKey="llaveTabla">
+                    <ng-template pTemplate="header">
+                        <tr>
+                            <th style="width: 40%;">{{'entrada' | translate}}</th>
+                            <th style="width: 40%;">{{'valor' | translate}}</th>
+                            <th style="width: 10%;"> </th>
+                        </tr>
+                        <tr class=" TablaNuevoRegistro" *ngIf="vistaVisualizar === 'nuevoCruce'">
+                            <td style="width: 40%;">
+                                <p-dropdown class="w-full" [options]="listaEntrada" optionValue="key" appendTo="body" [autoZIndex]="false"
+                                    [autoDisplayFirst]="false" optionLabel="label" class="w-full"
+                                    [(ngModel)]="cruceRecursoPunto.fuenteEntrada"></p-dropdown>
+                            </td>
+                            <td style="width: 40%;">
+                                <p-dropdown  class="w-full" [options]="listadoAtributoPunto" optionValue="key" appendTo="body" [autoZIndex]="false"
+                                    [autoDisplayFirst]="false" optionLabel="label"
+                                    [(ngModel)]="cruceRecursoPunto.atributoPunto" class="w-full"></p-dropdown>
+                            </td>
+                            <td style="width: 10%;" >
+                              <div class="flex justify-content-end">
+                                <button pButton pRipple type="button" icon="pi pi-check" (click)="agregarCruce(null,true)"
+                                    class="p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                                <button pButton pRipple type="button" (click)="cancelarCruce()" icon="pi pi-times"
+                                    class="p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                                  </div>
+                            </td>
+
+                        </tr>
+                    </ng-template>
+                    <ng-template pTemplate="body" let-cruce let-editing="editing" let-ri="rowIndex">
+                        <tr [pEditableRow]="cruce">
+                            <td style="width: 40%;">
+                                <p-cellEditor>
+                                    <ng-template pTemplate="input">
+                                        <p-dropdown [options]="listaEntrada" optionValue="key" appendTo="body" [autoZIndex]="false"
+                                            [autoDisplayFirst]="false" optionLabel="label" class="w-full"
+                                            [(ngModel)]="cruce.reporteEntrada"></p-dropdown>
+                                    </ng-template>
+                                    <ng-template pTemplate="output">
+                                        {{cruce.descripcionEntrada}}
+                                    </ng-template>
+                                </p-cellEditor>
+                            </td>
+                            <td style="width: 40%;">
+                                <p-cellEditor>
+                                    <ng-template pTemplate="input">
+                                        <p-dropdown [options]="listadoAtributoPunto" optionValue="key" appendTo="body" [autoZIndex]="false"
+                                            [autoDisplayFirst]="false" optionLabel="label" class="w-full"
+                                            [(ngModel)]="cruce.atributoPunto"></p-dropdown>
+                                    </ng-template>
+                                    <ng-template pTemplate="output">
+                                        {{cruce.atributoPuntoDescripcion}}
+                                    </ng-template>
+                                </p-cellEditor>
+                            </td>
+                            <td style="width: 10%;">
+                                <div class="flex align-items-center justify-content-end gap-2">
+                                    <!-- CHECK GUARDAR -->
+                                    <button *ngIf="editing" pButton pRipple type="button" pSaveEditableRow
+                                        icon="pi pi-check" (click)="agregarCruce(cruce, false)"
+                                        class="p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                                    <!-- CANCELAR -->
+                                    <button *ngIf="editing" pButton pRipple type="button" pCancelEditableRow
+                                        icon="pi pi-times"
+                                        class="p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                                    <!-- EDITAR -->
+                                    <button *ngIf="!editing" pButton pRipple type="button" pInitEditableRow
+                                        icon="glyphicons glyphicons-pencil"
+                                        class="p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                                    <!-- ELIMINAR -->
+                                    <button *ngIf="!editing" pButton pRipple type="button" pDeleteEditableRow
+                                        icon="pi pi-trash" (click)="eliminarCruce($event,cruce)"
+                                        class="p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only"></button>
+                                </div>
+                            </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>
+            </ng-template>
+        </p-accordionTab>
+        <p-accordionTab *ngIf="!nuevo">
+            <ng-template pTemplate="header">
+                <i class="glyphicons glyphicons-notes-2"></i>{{'filtro' | translate }}
+            </ng-template>
+            <ng-template pTemplate="content">
+
+                <p-table  [value]="listaAtributoPunto" responsiveLayout="scroll" [scrollable]="true"
+                    scrollDirection="horizontal" styleClass="p-datatable-striped" >
+                    <ng-template pTemplate="header">
+                        <tr>
+                            <th style="width: 50%;">{{'descripcion' | translate}}</th>
+                            <th style="width: 50%;">{{'codigo' | translate}}</th>
+                        </tr>
+                    </ng-template>
+                    <ng-template pTemplate="body" let-element>
+                        <tr>
+                            <td style="width: 50%;">
+                                {{element.descripcion}}
+                            </td>
+                            <td style="width: 50%;">
+                                {{element.codigo}}
+                            </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>
+
+                <div class="field col-12 md:col-12 lg:col-12">
+                <label class="font-medium w-full" for="descripcion">{{'filtro' | translate}}
+                    <textarea class="w-full" id="float-input" rows="5" cols="30" pInputTextarea
+                        [(ngModel)]="recursoPuntoDTO.filtro" autofocus [autoResize]="true"> </textarea></label>
+                </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" ></button>
+                </div>
+            </ng-template>
+        </p-accordionTab>
+    </p-accordion>
+</p-dialog>

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

@@ -0,0 +1,3 @@
+:host ::ng-deep .p-dropdown{
+  width: 100%;
+}