general-library-union 3.3.39 → 3.3.41

package/src/app/webcommon/pages/fuente/importar-fuente-general/importar-fuente-general.component.html

@@ -0,0 +1,130 @@
+<p-confirmPopup></p-confirmPopup>
+<div class="flex align-items-center justify-content-between align-items-center mb-3">
+    <h1  class="mb-1">{{'importarfuente' | translate}}</h1>
+    
+    <button pButton pRipple (click)="regresar()" label="{{'link_regresar' | translate}}" icon="pi pi-chevron-left" *ngIf="!mostrarMenu"
+    class="p-button-text font-semibold flex-shrink-0 ml-4" ></button>
+</div>
+
+<p-menubar [model]="items" class="menu-accion-sara" *ngIf="mostrarMenu && !autoServicioPortal()"></p-menubar>
+
+<div *ngIf="isVer() && mostrarMenu"></div>
+<h4 *ngIf="!autoServicioPortal()">{{titulo}}</h4>
+
+<div *ngIf="tipoPresentacion == 'fuente'">
+    <app-importar-fuente-con #detalle (regresarFuente)="regresarFuente($event)"></app-importar-fuente-con>
+</div>
+<div *ngIf="tipoPresentacion != 'fuente' && vistaVisualizar == null">
+    <p-table #tablaFuenteProceso
+        responsiveLayout="scroll"
+        [scrollable]="true"
+        [value]="listaFuenteProceso"
+        [paginator]="paginator.totalRecords > paginator.rows"
+        [rows]="paginator.rows"
+        [totalRecords]="paginator.totalRecords"
+        [rowsPerPageOptions]="[10, 20, 50]"
+        selectionMode="single"
+        styleClass="p-datatable-striped"
+        currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+        (onRowSelect)="verAnterior($event)"
+        >
+        <ng-template pTemplate="header">
+            <tr class="fondoTablaPincipal">
+                <th style="text-align: center">{{'fuente' | translate}}</th>
+                <th style="text-align: center">{{'usuario' | translate}}</th>
+                <th style="text-align: center">{{'estado' | translate}}</th>
+                <th style="text-align: center">{{'archivo' | translate}}</th>
+                <th style="text-align: center">{{'proceso' | translate}}</th>
+            </tr>
+        </ng-template>
+        <ng-template pTemplate="body" let-bean>
+            <tr [pSelectableRow]="bean">
+                <td style="text-align: center">{{bean.nombreFuente}}</td>
+                <td style="text-align: center">{{bean.usuario}}</td>
+                <td style="text-align: center">{{bean.estado}}</td>
+                <td style="text-align: center">{{bean.archivo}}</td>
+                <td style="text-align: center">{{bean.fechaProceso | date : ('formatofechahora' | translate)}}</td>
+            </tr>
+        </ng-template>
+        <ng-template pTemplate="emptymessage">
+            <tr>
+                <td colspan="100" class="p-3 font-medium emptymessage">{{'mensajetablavacia' | translate}}</td>
+            </tr>
+          </ng-template>
+    </p-table>
+</div>
+<div *ngIf="tipoPresentacion != 'fuente' && vistaVisualizar == 'detalle'">
+
+    <div class="field col-12 md:col-12 lg:col-12">
+        <div class="card mt-2 mb-2">
+            <h5 class="mt-3"><i class="glyphicons glyphicons-book"></i>{{'detalle' | translate}} {{'cargue' | translate}}</h5>
+            <div class="contenedor p-fluid grid mt-1 mb-1">
+                <div class="field col-3 md:col-3 lg:col-3">
+                    <span class="p-float-label">
+                        <input class="w-full" [(ngModel)]="fuenteProcesoDTO.nombreFuente" [disabled]="true" pInputText autofocus
+                            type="text" />
+                        <label for="fuente">{{'fuente' | translate}}</label>
+                    </span>
+                </div>
+                <div class="field col-3 md:col-3 lg:col-3">
+                    <span class="p-float-label">
+                        <input class="w-full" [(ngModel)]="fuenteProcesoDTO.usuario" [disabled]="true" pInputText autofocus
+                            type="text" />
+                        <label for="usuario">{{'usuario' | translate}}</label>
+                    </span>
+                </div>
+                <div class="field col-3 md:col-3 lg:col-3">
+                    <span class="p-float-label">
+                        <input class="w-full" [(ngModel)]="fuenteProcesoDTO.estado" [disabled]="true" pInputText autofocus
+                            type="text" />
+                        <label for="estado">{{'estado' | translate}}</label>
+                    </span>
+                </div>
+                <div class="field col-3 md:col-3 lg:col-3">
+                    <span class="p-float-label">
+                        <input pInputText class="w-full" [(ngModel)]="fuenteProcesoDTO.archivo" [disabled]="true"  autofocus
+                            type="text" />
+                        <label for="archivo">{{'archivo' | translate}}</label>
+                    </span>
+                </div>
+            </div>
+            <div class="flex justify-content-end">
+                <button pButton pRipple class="m-2 p-button p-button-outlined" 
+                    icon="glyphicons glyphicons-bin" label="{{'link_eliminar' | translate}}"
+                    (click)="eliminar()">
+                </button>
+               
+            </div>
+        </div>
+    </div>
+    <p-table #tablaCargueLinea
+        responsiveLayout="scroll"
+        [scrollable]="true"
+        [value]="listaLineas"
+        [paginator]="paginator.totalRecordsLL > paginator.rowsLL"
+        [rows]="paginator.rowsLL"
+        [totalRecords]="paginator.totalRecordsLL"
+        [rowsPerPageOptions]="[10, 20, 50]"
+        styleClass="p-datatable-striped"
+        currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+        >
+        <ng-template pTemplate="header">
+            <tr class="fondoTablaPincipal">
+                <th style="text-align: center">{{'linea' | translate}}</th>
+                <th style="text-align: center">{{'mensaje' | translate}}</th>
+            </tr>
+        </ng-template>
+        <ng-template pTemplate="body" let-bean>
+            <tr [pSelectableRow]="bean">
+                <td style="text-align: center">{{bean.linea}}</td>
+                <td style="text-align: center">{{bean.mensaje}}</td>
+            </tr>
+        </ng-template>
+        <ng-template pTemplate="emptymessage">
+            <tr>
+                <td colspan="100" class="p-3 font-medium emptymessage">{{'mensajetablavacia' | translate}}</td>
+            </tr>
+          </ng-template>
+    </p-table>
+    
+</div>

package/src/app/webcommon/pages/fuente/importar-fuente-general/importar-fuente-general.component.ts

@@ -0,0 +1,172 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ConfirmationService, MenuItem, MessageService } from 'primeng/api';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { ImportarFuenteConComponent } from '../importar-fuente-con/importar-fuente-con.component';
+import { Router } from '@angular/router';
+import { FuenteProcesoGeneralModel } from '../../../../seguridad/modelos/FuenteProcesoGeneralModel';
+import { CargueLineaModel } from '../../../../seguridad/modelos/CargueLineaModel';
+import { ToastService } from '../../../../core/servicios/toast.service';
+import { UtilsService } from '../../../../core/servicios/utils.service';
+import { GeneralService } from '../../../../shared/servicios/general.service';
+import { GeneralPipe } from '../../../pipes/general.pipe';
+import { MenuService } from '../../../../core/servicios/menu.service'
+import { CargueLineaService } from '../../../services/carguelinea.service';
+import { GeneralModel } from '../../../../seguridad/modelos/GeneralModel';
+import { StorageService } from '../../../../core/servicios/storage.service';
+import { TableModule } from 'primeng/table';
+import { MenubarModule } from 'primeng/menubar';
+import { ConfirmPopupModule } from 'primeng/confirmpopup';
+import { InputTextModule } from 'primeng/inputtext';
+import { CommonModule, DatePipe } from '@angular/common';
+import { TabViewModule } from 'primeng/tabview';
+import { ButtonModule } from 'primeng/button';
+import { FormsModule } from '@angular/forms';
+
+@Component({
+  selector: 'app-importar-fuente-general',
+    imports: [CommonModule, TableModule, MenubarModule, ConfirmPopupModule, ImportarFuenteConComponent, InputTextModule,  TranslateModule, DatePipe, TabViewModule, ButtonModule, InputTextModule, FormsModule],
+    standalone: true,
+    providers: [MessageService, ConfirmationService],
+    templateUrl: './importar-fuente-general.component.html',
+  styleUrls: ['./importar-fuente-general.component.scss']
+})
+export class ImportarFuenteGeneralComponent implements OnInit {
+
+  public tipoPresentacion: string ='fuente';
+  public vistaVisualizar: string;
+  public listaFuenteProceso: FuenteProcesoGeneralModel[] = []
+  public ver: boolean = true;
+  public fuenteProcesoDTO: FuenteProcesoGeneralModel;
+  public listaLineas: CargueLineaModel[] = []
+  public items: MenuItem[]
+  public mostrarMenu: boolean = true;
+  public titulo: string;
+
+  @ViewChild('detalle') detalle: ImportarFuenteConComponent;
+
+  paginator={rows:15, totalRecords:0, rowsLL:10, totalRecordsLL:0}
+
+  constructor(private generalService: GeneralService,
+              private confirmationService: ConfirmationService,
+              private notificacionesService: ToastService,
+              private generalPipe: GeneralPipe,
+              private menuService: MenuService,
+              private storage: StorageService,
+              public utilsService: UtilsService,
+              private cargueLinea: CargueLineaService) { }
+
+  ngOnInit(): void {
+    this.ver = true;
+    this.vistaVisualizar = null;
+    this.items = [
+      {
+        label: 'Lista Fuentes de Importación',
+        icon: 'glyphicons glyphicons-file-cloud',
+        command: (event) => {
+          this.tipoPresentacion = 'fuente';
+          this.titulo =  'Lista Fuentes de Importación';
+          this.menuService.setBreadcrumb([{ label: this.titulo , command: (event) => { location.reload()}}]);
+        },
+      },
+      {
+        label: 'Procesos Generados',
+        icon: 'glyphicons glyphicons-file',
+        command: (event) => {
+          this.tipoPresentacion = 'proceso';
+          this.titulo =  'Procesos Generados';
+          this.menuService.setBreadcrumb([{ label: this.titulo, command: (event) =>{ location.reload() } }]);
+        },
+      },
+    ]
+  }
+
+  isVer() {
+    if (!this.ver){
+      return this.ver;
+    }
+    this.ver = false;
+    this.tipoPresentacion = 'fuente'
+    this.titulo =  'Lista Fuentes de Importación';
+    this.menuService.setBreadcrumb([{ label: this.titulo, command: (event) => { location.reload()} }]);
+    this.generalService.queryForList(new GeneralModel('FuenteProcesoGeneralDTO', null, false, {})).subscribe(data => {
+      this.listaFuenteProceso = data;
+      this.paginator.totalRecords = this.listaFuenteProceso.length;
+      this.detalle.traerFuente();
+
+    })
+    return this.ver;
+  }
+
+  verAnterior(event){
+    this.mostrarMenu = false;
+    this.fuenteProcesoDTO = event.data;
+    this.generalService.queryForList(new GeneralModel('CargueLineaDTO', null, false, {proceso: this.fuenteProcesoDTO.llaveTabla})).subscribe(data => {
+      this.listaLineas = data;
+      this.paginator.totalRecordsLL = this.listaLineas.length;
+      this.vistaVisualizar = 'detalle';
+      this.menuService.setBreadcrumb([{ label: this.titulo ,command: (event) =>{ this.regresar() } }, { label: 'Detalle Procesos Generados' }]);
+    })
+  }
+
+  eliminar(){
+    this.confirmationService.confirm({
+      target: event.target,
+      message: '¿Desea eliminar el registro?',
+      acceptLabel: 'Si',
+      icon: 'confirmar',
+      accept: () => {
+        this.cargueLinea.eliminarProceso({llaveProceso: this.fuenteProcesoDTO.llaveTabla}).subscribe(data => {
+          var index = this.listaFuenteProceso.indexOf(this.fuenteProcesoDTO);
+          this.listaFuenteProceso.splice(index, 1);
+          this.notificacionesService.showSuccess(this.generalPipe.MENSAJE_ELIMINAR)
+          this.regresar()
+        })
+      }
+    })
+    
+  } 
+
+  regresar(){
+    if (this.tipoPresentacion == 'fuente'){
+      console.log(this.detalle.estadoRegresar)
+      if (this.detalle.estadoRegresar == 'volverImportar'){
+        this.detalle.importarNuevamente();
+        return;
+      }
+
+      if (this.detalle.estadoRegresar == 'regresarImportar'){
+        this.detalle.regresarDatos();
+        return;
+      }
+    }
+    if ( this.detalle?.regresarPuntoProceso){
+      window.location.href = this.detalle?.regresarPuntoProceso;
+      return;
+    }
+    this.vistaVisualizar = null;
+    this.mostrarMenu = true;
+    if (this.tipoPresentacion == 'fuente'){
+      this.detalle.mostrar = false;
+    }
+    if (this.listaFuenteProceso.length == 0){
+      this.tipoPresentacion =  'fuente';
+      this.titulo =  'Lista Fuentes de Importación';
+    }
+    this.menuService.setBreadcrumb([{ label: this.titulo , command: (event) => { location.reload()}}]);
+  }
+
+  regresarFuente(event){
+    if (event){
+      this.regresar();
+    } else {
+      this.mostrarMenu = false;
+    }
+  }
+
+  public autoServicioPortal(): boolean {
+    if (this.storage.getDecodedJWT().aplicacion == 10) {
+      return true;
+    }
+    return false;
+  }
+}