general-library-union 2.3.38 → 2.3.40

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

@@ -0,0 +1,391 @@
+<div *ngIf="!mostrar">
+    <div class="flex justify-content-between align-items-center mb-3">
+        <app-filtro-general [filtros]="filters" [datatable]="tablaGeneral">
+            <ng-template let-form>
+                <ng-container [formGroup]="form">
+                    <label for="descripcion">{{'filtro' | translate}}</label>
+                    <input pInputText autofocus type="text" id="descripcion" formControlName="descripcion"
+                        autocomplete="off" />
+                </ng-container>
+            </ng-template>
+        </app-filtro-general>
+    </div>
+    <app-tabla-general #tablaGeneral [columns]="columns" [value]="paginadorFuente" [rows]="paginator.rows"
+        [totalRecords]="paginator.totalRecords" (onLoad)="cargarlistado($event)" (onRowSelect)="cargar($event)"
+        [loading]="loadingPaginadorFuente"></app-tabla-general>
+</div>
+<div *ngIf="mostrar">
+    <div class="card mt-3" *ngIf="fuenteDTO != null">
+        <h5 class="mt-3"><i class="glyphicons glyphicons-book"></i>{{'detalle' | translate}}</h5>
+        <div class="Inputgroup p-fluid p-formgrid grid">
+            <div class="field col-3 md:col-3 lg:col-3">
+                <span class="p-float-label">
+                    <input class="w-full" [(ngModel)]="fuenteDTO.descripcion" [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" value="{{fuenteDTO.tipo | fuentePipe:'listaTipoFuente'}}"
+                        [disabled]="true" pInputText autofocus type="text" />
+                <label for="tipo">{{'tipo' | translate}}</label>
+            </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3">
+                <span class="p-float-label">
+                    <input class="w-full" value="{{fuenteDTO.separador | fuentePipe:'listaSeparador'}}"
+                        [disabled]="true" pInputText autofocus type="text" />
+                    <label for="separador">{{'separador' | translate}}</label>
+                </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3" *ngIf="procesoDTO != null">
+                <span class="p-float-label">
+                    <input class="w-full" value="{{procesoDTO.fechaProceso | date: ('formatofecha' | translate) }}"
+                        [disabled]="true" pInputText autofocus type="text" />
+                    <label for="fechaproceso">{{'fechaproceso' | translate}}</label>
+                </span>
+            </div>
+            <div class="field col-3 md:col-3 lg:col-3" *ngIf="nombreArchivo != null && this.panel == 'DATOS' ">
+                <span class="p-float-label">
+                    <input class="w-full" [(ngModel)]="nombreArchivo" [disabled]="true" pInputText autofocus
+                        type="text" />
+                    <label for="nombrearchivo">{{'nombrearchivo' | translate}}</label>
+                </span>
+            </div>
+        </div>
+    </div>
+
+<div *ngIf="panel =='IMPORTAR'">
+    <p-tabView>
+        <p-tabPanel header="{{'entrada' | translate}}" *ngIf="fuenteDTO != null">
+            <div class="field col-12 md:col-12 lg:col-12" *ngIf="fuenteDTO?.motor == 'X'">
+                <div class="card mt-2 mb-2">
+                    <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)]="fuenteDTO.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 class="w-full" [(ngModel)]="fuenteDTO.solicitaDetalle" [disabled]="true"
+                                    pInputText autofocus type="text" />
+                                <label for="detalle">{{'detalle' | translate}}</label>
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="card mt-2 mb-2 field col-12 md:col-12 lg:col-12" *ngIf="!isServicioWeb()">
+
+                <p-table [value]="camposArchivo">
+                    <ng-template pTemplate="body" let-campo>
+                      <tr>
+                        <td style="width: 20%;">
+                          <label>{{campo.descripcion}}</label>
+                        </td>
+                        <td style="width: 80%">
+                          <div class="p-fluid p-formgrid grid">
+                            <div class="col-12 md:col-12" id="btn-cargar-popup">
+                                <div class="p-inputgroup">
+                                    <input pInputText [readonly]="true" [value]="archivoSeleccionado?.name ? archivoSeleccionado?.name : ''" disabled  />
+                                    <p-fileUpload #fubauto mode="basic" [customUpload]="true" chooseIcon="pi pi-paperclip"
+                                            (onSelect)="cargarArchivo($event, fubauto)" ></p-fileUpload>
+                              </div>
+                          </div>
+                          </div>
+                        </td>
+                      </tr>
+                    </ng-template>
+                </p-table>
+
+                <formulario-dinamico #formulario [editable]="true" [campos]="campos" 
+                    [objeto]="fuenteDTO" *ngIf="verFormulario && campos.length > 0"></formulario-dinamico>
+                
+                <div class="flex justify-content-end">
+                    <button pButton pRipple class="m-2 p-button-outlined"
+                        *ngIf="fuenteDTO.motor != 'X' && (isServicioWeb() || nombreArchivo != null)" icon="pi pi-upload"
+                        label="{{'link_importar' | translate}}" (click)="importar()">
+                    </button>
+                    <button pButton pRipple class="m-2 p-button p-button-raised" *ngIf="fuenteDTO.motor =='X'"
+                        label="{{'link_importarejecutar' | translate}}" (click)="importarEjecutar()">
+                    </button>
+                </div>
+            </div>
+        </p-tabPanel>
+        <p-tabPanel header="{{'historico' | translate}}" *ngIf="paginadorProcesos.length > 0 && fuenteDTO != null">
+
+        </p-tabPanel>
+    </p-tabView>
+</div>
+
+<div *ngIf="panel =='DATOS'">
+
+    <div class="card" *ngIf="panelImportar =='GRUPOS'">
+ 
+
+        <div class="flex justify-content-between align-items-center mb-4 mt-3">
+            <div>
+                
+            </div>
+
+            <div class="flex justify-content-end">
+                <button pButton pRipple class="p-button-secondary font-semibold ml-2 mb-0 mt-0" icon="glyphicons glyphicons-play"
+                    *ngIf="verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())"
+                    label="{{'link_ejecutar' | translate}}" (click)="ejecutar()">
+                </button>
+                <button pButton pRipple class="p-button-outlined claro font-semibold ml-2 mb-0 mt-0" *ngIf="procesoDTO.llaveTabla != null" icon="glyphicons glyphicons-bin" 
+                    label="{{'link_eliminar' | translate}}" (click)="cancelarProceso($event)">
+                </button>
+                <button type="button" pButton pRipple icon="pi pi-file" (click)="tabla.exportCSV()"
+                    class="p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto" pTooltip="CSV"
+                    tooltipPosition="bottom"></button>
+                <button type="button" pButton pRipple icon="pi pi-file-excel"
+                    (click)="dataExporter.exportExcelColumnas(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , 'tabla', columnasExportExcel)"
+                    class="p-button-outlined ml-2 background-100 w-auto" pTooltip="XLS"
+                    tooltipPosition="bottom"></button>
+                <button type="button" pButton pRipple icon="pi pi-file-pdf"
+                    (click)="dataExporter.exportPdf(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , exportColumns, 'tabla')"
+                    class="p-button-outlined ml-2 w-auto" pTooltip="PDF" tooltipPosition="bottom"></button>
+            </div>
+        </div>
+
+        <p-table #tablaDatos responsiveLayout="scroll" [value]="datos" responsiveLaoyout="scroll" [paginator]="true"
+            [rows]="10" [totalRecords]="datos.length" [exportFilename]="'tablaDatos'"
+            [paginator]="datos.length > 10" [rowsPerPageOptions]="[10, 20, 50]"
+            [showCurrentPageReport]="true" selectionMode="single" [scrollable]="true" [columns]="cols"
+            currentPageReportTemplate="{first} al {last} de {totalRecords} registros" *ngIf="!isMotor()"
+            [(selection)]="grupo" (onRowSelect)="verGrupo($event)">
+             
+            <ng-template pTemplate="header">
+
+                <tr class="fondoTablaPincipal">
+                    <th>{{'grupo' | translate}}</th>
+                    <th>{{'linea' | translate}}</th>
+                    <th>{{'advertencia' | translate}}</th>
+                </tr>
+            </ng-template>
+            <ng-template pTemplate="body" let-bean>
+                <tr [pSelectableRow]="bean">
+                    <td class="w-8rem font-medium">{{bean.codigo}}</td>
+                    <td>
+                        {{bean.unicaLinea}}</td>
+                    <td>
+                        {{bean.mensajeErrores}}</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="panelImportar =='DETALLEGRUPO'">
+        <div *ngIf="!isMotor()">
+        <h5>{{'grupo' | translate}}: {{grupo.codigo}}</h5>
+        <p-accordion *ngIf="!isMotor()">
+            <p-accordionTab [selected]="true">
+                <ng-template pTemplate="header"><i class="glyphicons glyphicons-book"></i>{{'linea' | translate}} </ng-template>
+                <ng-template pTemplate="content">
+                      
+                    <p-table responsiveLayout="scroll" [value]="paginadorCampos" responsiveLaoyout="scroll"
+                        [showCurrentPageReport]="true" [scrollable]="true"
+                        currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+                        rowGroupMode="subheader" dataKey="numeroLinea" groupRowsBy="numeroLinea" expandableRowGroups="true"
+                         *ngIf="paginadorCampos.length > 0">
+                        <ng-template pTemplate="header">
+
+                            <tr class="fondoTablaPincipal">
+                                <th>{{'campo' | translate}}</th>
+                                <th>{{'archivo' | translate}}</th>
+                                <th>{{'tipo' | translate}}</th>
+                            </tr>
+                        </ng-template>
+                        <ng-template pTemplate="groupheader" let-bean let-rowIndex="rowIndex" let-expanded="expanded">
+                            <tr>
+                                <td colspan="100">
+                                    <button type="button" pButton pRipple [pRowToggler]="bean"
+                                        class="p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only"
+                                        [icon]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'"></button>
+    
+                                    <span class="font-bold ml-2" style="line-height: 40px;"> {{'linea' | translate}}:
+                                        {{bean.numeroLinea}}</span>
+                                </td>
+                            </tr>
+                        </ng-template>
+                        <ng-template pTemplate="rowexpansion" let-bean>
+                            <tr [pSelectableRow]="bean">
+                                <td>{{bean.campoAtributo}}</td>
+                                <td>{{bean.cadena}}</td>
+                                <td>{{bean.tipoDato | fuentePipe : 'listaTipoDato'}}</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>
+                </ng-template>
+            </p-accordionTab>
+            <p-accordionTab >
+                <ng-template pTemplate="header"><i class="glyphicons glyphicons-book"></i>{{'servicio' | translate}} </ng-template>
+                <ng-template pTemplate="content">
+
+                    <p-table responsiveLayout="scroll" [value]="paginadorParametros" responsiveLaoyout="scroll" 
+                        [showCurrentPageReport]="true" [scrollable]="true"
+                        currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+                        rowGroupMode="subheader" dataKey="llaveunica" groupRowsBy="llaveunica" expandableRowGroups="true"
+                        *ngIf="paginadorParametros.length > 0">
+                        <ng-template pTemplate="header">
+
+                            <tr class="fondoTablaPincipal">
+                                <th>{{'parametro' | translate}}s</th>
+                                <th>{{'valor' | translate}}</th>
+                            </tr>
+                        </ng-template>
+                        <ng-template pTemplate="groupheader" let-bean let-rowIndex="rowIndex" let-expanded="expanded">
+                            <tr>
+                                <td colspan="100">
+                                    <button type="button" pButton pRipple [pRowToggler]="bean"
+                                        class="p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only"
+                                        [icon]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'"></button>
+    
+                                    <span class="font-bold ml-2" style="line-height: 40px;">{{bean.llaveunica}}</span>
+                                    <br/>
+                                </td>
+                            </tr>
+                        </ng-template>
+                        <ng-template pTemplate="rowexpansion" let-bean>
+                            <tr>
+                                <td>{{bean.campoAtributo}}</td>
+                                <td>
+                                    <label *ngIf="bean.tipoDato == 'L' || bean.tipoDato == 'T'">{{bean.cadena}}</label>
+                                    <label *ngIf="bean.tipoDato == 'D' || bean.tipoDato == 'N'">{{bean.numero}}</label>
+                                    <label *ngIf="bean.tipoDato == 'F'">{{bean.cadena | date : ('formatofecha' | translate) }}</label>
+                                </td>
+                                <td>{{bean.cadena}}</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>
+                </ng-template>
+            </p-accordionTab>
+        </p-accordion>
+    </div>
+        <div *ngIf="isMotor()">
+            <div class="flex justify-content-between align-items-center mb-4 mt-3">
+                <div>
+                    
+                </div>
+    
+                <div class="flex justify-content-end">
+                    <div class="ml-2 mb-1 mt-2" *ngIf="lineasConMensaje != 0" >
+                        <p-checkbox class="ml-1" [(ngModel)]="verInconsistencia"  [binary]="true">  </p-checkbox>
+                        <label style="margin: 3px 8px;">  {{'soloinconsistencias' | translate}}</label>
+                    </div>
+
+                    <button pButton pRipple class="p-button-secondary font-semibold ml-2 mb-0 mt-0" icon="glyphicons glyphicons-play"
+                        *ngIf="verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())"
+                        label="{{'link_ejecutar' | translate}}" (click)="ejecutar()">
+                    </button>
+                    <button pButton pRipple class="p-button-outlined claro font-semibold ml-2 mb-0 mt-0" *ngIf="procesoDTO.llaveTabla != null" icon="glyphicons glyphicons-bin" 
+                        label="{{'link_eliminar' | translate}}" (click)="cancelarProceso($event)">
+                    </button>
+                    <button type="button" pButton pRipple icon="pi pi-file" (click)="tabla2.exportCSV()"
+                        class="p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto" pTooltip="CSV"
+                        tooltipPosition="bottom"></button>
+                    <button type="button" pButton pRipple icon="pi pi-file-excel"
+                        (click)="dataExporter.exportExcel(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , 'tabla2')"
+                        class="p-button-outlined ml-2 background-100 w-auto" pTooltip="XLS"
+                        tooltipPosition="bottom"></button>
+                    <button type="button" pButton pRipple icon="pi pi-file-pdf"
+                        (click)="dataExporter.exportPdf(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , exportColumns, 'tabla2')"
+                        class="p-button-outlined ml-2 w-auto" pTooltip="PDF" tooltipPosition="bottom"></button>
+                </div>
+            </div>
+            <p-table #tablaDatos2 responsiveLayout="scroll" [value]="lineasCargadas" responsiveLaoyout="scroll" [paginator]="true"
+                [rows]="10" [totalRecords]="lineasCargadas.length"
+                [paginator]="lineasCargadas.length > 10" [rowsPerPageOptions]="[10, 20, 50]"|
+                [showCurrentPageReport]="true" [scrollable]="true"
+                currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+                *ngIf="lineasCargadas.length > 0 && !verInconsistencia">
+                <ng-template pTemplate="header">
+
+                    <tr class="fondoTablaPincipal">
+                        <th>{{'numerolinea' | translate}}</th>
+                        <th>{{'linea' | translate}}</th>
+                        <th>{{'mensaje' | translate}}</th>
+                    </tr>
+                </ng-template>
+                <ng-template pTemplate="body" let-bean>
+                    <tr [pSelectableRow]="bean">
+                        <td>{{bean.numero}}</td>
+                        <td>{{bean.linea}}</td>
+                        <td>{{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>
+                <ng-template pTemplate="footer" let-dato >
+                    <tr>
+                        <td class="font-bold" *ngIf="lineasConMensaje != 0 || lineasSinMensaje != 0">{{'resumen' | translate}}: </td>
+                        <td class="font-bold" *ngIf="lineasConMensaje != 0 || lineasSinMensaje != 0">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>
+                        <td class="font-bold" *ngIf="lineasConMensaje != 0 || lineasSinMensaje != 0">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>
+                    </tr>
+                </ng-template>
+            </p-table>
+            <p-table responsiveLayout="scroll" [value]="lineasInconsistencia" responsiveLaoyout="scroll" [paginator]="true"
+                [rows]="10" [totalRecords]="lineasInconsistencia.length"
+                [paginator]="lineasInconsistencia.length > 10" [rowsPerPageOptions]="[10, 20, 50]"
+                [showCurrentPageReport]="true" [scrollable]="true"
+                currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+                *ngIf="lineasInconsistencia.length > 0 && verInconsistencia">
+                <ng-template pTemplate="header">
+
+                    <tr class="fondoTablaPincipal">
+                        <th>{{'numerolinea' | translate}}</th>
+                        <th>{{'linea' | translate}}</th>
+                        <th>{{'mensaje' | translate}}</th>
+                    </tr>
+                </ng-template>
+                <ng-template pTemplate="body" let-bean>
+                    <tr [pSelectableRow]="bean">
+                        <td>{{bean.numero}}</td>
+                        <td>{{bean.linea}}</td>
+                        <td>{{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>
+
+                <ng-template pTemplate="footer" let-dato >
+                    <tr>
+                        <td class="font-bold" *ngIf="lineasConMensaje != 0 || lineasSinMensaje != 0">{{'resumen' | translate}}: </td>
+                        <td class="font-bold" *ngIf="lineasConMensaje != 0 || lineasSinMensaje != 0">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>
+                        <td class="font-bold" *ngIf="lineasConMensaje != 0 || lineasSinMensaje != 0">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>
+                    </tr>
+                </ng-template>
+            </p-table>
+ 
+        </div>
+    </div>
+    
+    
+</div>
+</div>

package/src/app/webcommon/pages/fuente/importar-fuente-con/importar-fuente-con.component.scss

@@ -0,0 +1,10 @@
+#btn-cargar-popup .p-fileupload .p-button {
+    background: #fff;
+    box-shadow: none;
+    width: auto;
+    color: var(--color-400);
+    padding: 0.85rem 0.10rem;
+    border-radius: 0 5px 5px 0;
+    margin-left: -3px;
+    border-right: solid 1px var(--color-100);
+  }