general-library-union 3.0.48 → 3.0.50

package/src/app/webcommon/pages/fuente-reporte/fuente-reporte.component.html

@@ -1,403 +0,0 @@
-<p-confirmDialog #cd key="eliminar">
-    <ng-template pTemplate="footer">
-        <div class="mt-3">
-            <button type="button"
-                class="p-button-outlined-button-secondary p-button-outlined p-button p-component" pButton
-                icon="pi pi-times" label="No" (click)="cd.reject()"></button>
-            <button type="button" pButton icon="pi pi-check" label="Si" class="p-button-raised"
-                (click)="cd.accept()"></button>
-        </div>
-    </ng-template>
-</p-confirmDialog>
-@if(vistaVisualizar == null){
-<h1>{{'fuente' | translate}} {{'reporte'| translate}}</h1>
-<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">
-                <span class="p-float-label">
-                    <input pInputText autofocus type="text" id="descripcion" formControlName="descripcion"
-                        autocomplete="off" />
-                    <label for="descripcion">{{'filtro' | translate}}</label>
-                </span>
-            </ng-container>
-        </ng-template>
-    </app-filtro-general>
-    <button pButton label="{{'link_nuevo' | translate}}" (click)="nuevo()" icon="pi pi-plus"
-        class="p-ripple p-element p-button p-component p-button-secondary mb-2"></button>
-</div>
-<app-tabla-general #tablaGeneral [columns]="columns" [value]="paginador" [rows]="paginator.rows"
-    [totalRecords]="paginator.totalRecords" (onLoad)="load($event)" (onRowSelect)="verDetalle($event)"
-    [loading]="loading"></app-tabla-general>
-}
-@if(vistaVisualizar != null){
-<div class="flex justify-content-between align-items-center mb-3">
-    <h1>{{'fuente' | translate}} {{'reporte'| translate}}</h1>
-    <button pButton pRipple (click)="regresar()" label="Regresar" icon="pi pi-chevron-left"
-        class="p-button-text font-semibold"></button>
-</div>
-<p-tabView [(activeIndex)]="tabPrincipal">
-    <p-tabPanel header="{{ 'fuente'| translate}}">
-        <div class="card">
-            <div class="mt-4">
-                <h5><i class="glyphicons glyphicons-book"></i>{{'datos'| translate}} {{'basicos'| translate}}</h5>
-            </div>
-
-            <div class="p-fluid p-formgrid grid">
-
-                <div class="field col-12 md:col-12 lg:col-12">
-                    <span class="p-float-label">
-                        <input pInputText autofocus type="text" id="peso" [(ngModel)]="fuente.descripcion"
-                        [class.ng-dirty]="(!utilsService.validarCampoObligatorio(fuente.descripcion) && clickGuardar)"
-                        [class.ng-invalid]="(!utilsService.validarCampoObligatorio(fuente.descripcion) && clickGuardar)"
-                            autocomplete="off" />
-                        <label for="peso">{{'nombre' | translate}}</label>
-                    </span>
-                </div>
-
-                <div class="field col-12 md:col-12 lg:col-12">
-                    <span class="p-float-label">
-                        <textarea class="w-full" id="float-input" rows="5" cols="30" pInputTextarea [(ngModel)]="query"
-                            [class.ng-dirty]="((!isQueryValido() && clickGuardar) || errorQuery)"
-                            [class.ng-invalid]="((!isQueryValido() && clickGuardar) || errorQuery)"
-                            autofocus [autoResize]="true"> </textarea>
-                        <label for="descripcion">{{'consulta' | translate}}
-                        </label>
-                    </span>
-                </div>
-                
-            </div>
-            <div class="flex justify-content-end mb-2">
-                <button pButton pRipple class="ml-2 p-button p-button-raised" icon="glyphicons glyphicons-floppy-save"
-                    label="{{'link_guardar' | translate}}" (click)="guardar()">
-                </button> 
-                <button pButton pRipple class="ml-2 p-button p-button-raised" icon="glyphicons glyphicons-floppy-save" *ngIf=""
-                    label="{{'link_guardar' | translate}}" (click)="guardar()">
-                </button>
-                <p-splitButton class="ml-2" label="Acciones Fuente" icon="glyphicons glyphicons-list"
-                    [model]="menu"></p-splitButton>
-            </div>
-        </div>
-        <div class="flex justify-content-end mb-2">
-            <button pButton pRipple class="ml-2 p-button p-button-secondary" icon="glyphicons glyphicons-floppy-save"
-                label="{{'link_guardar' | translate}}" (click)="guardarCampos()">
-            </button>
-        </div>
-
-        <p-table #tablaGeneralEntrada id="tabla_lista_tipo_entidad" [value]="campos" [scrollable]="true"
-            [totalRecords]="campos.length" [paginator]="campos.length > 10" [rows]="10"
-            scrollDirection="both" scrollDirection="horizontal" responsiveLayout="scroll" scrollDirection="horizontal"
-            styleClass="p-datatable-striped" [showCurrentPageReport]="true" editMode="row"
-            currentPageReportTemplate="{first} al {last} de {totalRecords} registros" [lazy]="false"
-            dataKey="llaveTabla">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th style="width:25%">{{'nombre' | translate}}</th>
-                    <th style="width:25%">{{'sintaxis' | translate}}</th>
-                    <th style="width:25%">{{'tipo' | translate}} de {{'dato' | translate}}</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-campo let-editing="editing" let-ri="rowIndex">
-                <tr [pEditableRow]="campo">
-                    <td style="width:25%">
-                        <input pInputText type="text" [(ngModel)]="campo.nombre " class="w-full">
-                    </td>
-                    <td style="width:25%">
-                        {{campo.tipoDato}}
-                    </td>
-                    <td style="width:25%">
-                        {{campo.tipoDato}}
-                    </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>
-    </p-tabPanel>
-
-
-    <p-tabPanel header="{{ 'wizard'| translate}}">
-        <p-steps [model]="items" [readonly]="false" [activeIndex]="actual"></p-steps>
-
-        <div class="cardInstrucciones mt-4 mb-3" style="margin-bottom: 0px !important;">
-            <div class="flex align-items-center justify-content-between">
-                <div class="flex">
-                    <div class="icono">
-                        <i class="pi pi-bell"></i>
-                    </div>
-                    <div class="contenedor" style="margin-top: 2%;">
-                        <label>{{mapaMensajes?.get(actual)}}</label>
-                    </div>
-                </div>
-                <div class="flex align-items-center justify-content-end">
-                    <p-button (onClick)="anterior()" [rounded]="true" icon="pi pi-angle-left" class="p-button-outlined"
-                         pTooltip="Anterior" tooltipPosition="top" placeholder="Top"
-                        [outlined]="true" [disabled]="actual <= 0" />
-                    <p-button (onClick)="siguiente()" [rounded]="true" icon="pi pi-angle-right" class="p-button-outlined"
-                     [outlined]="true" *ngIf="actual != 3"
-                        [pTooltip]="actual  === 3 ? 'Terminar': 'Siguiente'" tooltipPosition="top" placeholder="Top" />
-
-                    <button pButton label="{{'terminar' | translate}}" icon="pi pi-angle-right" (click)="siguiente()"
-                        *ngIf="actual === 3"
-                        class="p-ripple p-element p-button p-component p-button-secondary p-2 ml-2"></button>
-                </div>
-            </div>
-        </div>
-        <p-progressBar mode="indeterminate" [style]="{ height: '3px' }" *ngIf="cargarPaso" />
-
-        <div class="mt-2" *ngIf="!cargarPaso">
-            @if(actual === 0){
-            <div class="flex justify-content-end mb-2">
-                <button pButton label="{{'fuente' | translate}}" icon="pi pi-plus" (click)="buscarTabla()"
-                    class="p-ripple p-element p-button p-component p-button-secondary mb-2 mt-3"></button>
-            </div>
-            <div>
-
-                <p-table id="tabla_lista_tipo_entidad" [value]="tablasFrom" [scrollable]="true"
-                    [totalRecords]="tablasFrom.length" scrollDirection="both" scrollDirection="horizontal"
-                    responsiveLayout="scroll" scrollDirection="horizontal" [paginator]="tablasFrom.length > 10"
-                    [rows]="10" [rowsPerPageOptions]="[10, 20, 30]" styleClass="p-datatable-striped"
-                    [showCurrentPageReport]="true" editMode="row"
-                    currentPageReportTemplate="{first} al {last} de {totalRecords} registros" [lazy]="false"
-                    dataKey="llave">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width:25%">{{'tabla' | translate}}</th>
-                            <th style="width:25%">{{'alias' | translate}}</th>
-                            <th style="width:25%"> </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-tabla let-editing="editing" let-ri="rowIndex">
-                        <tr [pEditableRow]="tabla">
-                            <td style="width:25%">
-                                {{tabla.tabla}}
-                            </td>
-                            <td style="width:25%">
-                                {{tabla.alias}}
-                            </td>
-                            <td class="flex justify-content-end">
-                                <div>
-                                    <!-- ELIMINAR -->
-                                    <button pButton pRipple type="button" pDeleteEditableRow icon="pi pi-trash"
-                                        (click)="eliminarTabla(tabla)"
-                                        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>
-            </div>
-            }
-            @if(actual == 1){
-            <div class="mt-3">
-                <h4>{{'foranea'| translate}}</h4>
-                <p-table #tablaGeneralEntrada id="tabla_lista_tipo_entidad" [value]="foraneas" [scrollable]="true"
-                selectionMode="single" scrollDirection="both" scrollDirection="horizontal" responsiveLayout="scroll"
-                scrollDirection="horizontal" styleClass="p-datatable-striped" [showCurrentPageReport]="true"
-                editMode="row" (onRowSelect)="adicionarForanea($event)"
-                currentPageReportTemplate="{first} al {last} de {totalRecords} registros" [lazy]="true" dataKey="llave">
-                <ng-template pTemplate="header">
-                    <tr>
-                        <th style="width:25%">{{'tabla' | translate}}</th>
-                        <th style="width:25%">{{'tabla' | translate}}</th>
-                        <th style="width:25%">{{'campo' | translate}}</th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-tabla let-editing="editing" let-ri="rowIndex">
-                    <tr [pSelectableRow]="tabla">
-                        <td style="width:25%">
-                            {{tabla.alias1}}
-                        </td>
-                        <td style="width:25%">
-                            {{tabla.alias2}}
-                        </td>
-                        <td style="width:25%">
-                            {{tabla.llave.nombre}}
-                        </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>
-            
-            <div class="card mt-3">
-                <div class="tabla-planta-personal"
-                    style="padding: 0% !important;background: transparent !important;height: auto !important;">
-                    <div class="flex justify-content-between align-items-center mb-2 mt-2">
-                        <h4>{{'join'| translate}}</h4>
-                        <button pButton label="{{'agregar' | translate}} {{'join' | translate}}" (click)="nuevoJoin()"
-                            icon="pi pi-plus"
-                            class="p-ripple p-element p-button p-component p-button-secondary mb-2"></button>
-                    </div>
-                    <p-table #tablaGeneralEntrada id="tabla_lista_tipo_entidad" [value]="joinsFrom" [scrollable]="true"
-                        scrollDirection="both" scrollDirection="horizontal" responsiveLayout="scroll"
-                        scrollDirection="horizontal" styleClass="p-datatable-striped" [showCurrentPageReport]="true"
-                        editMode="row" currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
-                        [lazy]="true" dataKey="llave">
-                        <ng-template pTemplate="header">
-                            <tr>
-                                <th style="width:45%">{{'campo' | translate}} 1</th>
-                                <th style="width:5%">{{'=' | translate}}</th>
-                                <th style="width:45%">{{'campo' | translate}} 2</th>
-                                <th>{{'' | translate}}</th>
-                            </tr>
-                            <tr class=" TablaNuevoRegistro" *ngIf="verNuevoJoin">
-                                <td style="width:45%">
-                                    <p-dropdown [options]="listaColumnas" optionValue="value" [(ngModel)]="col1"
-                                        appendTo="body" [autoZIndex]="false" [autoDisplayFirst]="false"
-                                        optionLabel="label" (onChange)="cambioJoin($event)"></p-dropdown>
-                                </td>
-                                <td style="width:5%">=</td>
-                                <td style="width:45%">
-                                    <p-dropdown [options]="listaJoin" optionValue="value" [(ngModel)]="col2"
-                                        appendTo="body" [autoZIndex]="false" [autoDisplayFirst]="false"
-                                        optionLabel="label"></p-dropdown>
-                                </td>
-
-                                <td class="flex justify-content-end">
-                                    <button pButton pRipple type="button" icon="pi pi-check" (click)="adicionarJoin()"
-                                        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)="cancelarNuevoJoin()"
-                                        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>
-                                </td>
-                            </tr>
-                        </ng-template>
-                        <ng-template pTemplate="body" let-tabla let-editing="editing" let-ri="rowIndex">
-                            <tr [pEditableRow]="tabla">
-                                <td style="width:45%">
-                                    {{tabla.columna1}}
-                                </td>
-                                <td style="width:5%">
-                                    {{'='}}
-                                </td>
-                                <td style="width:45%">
-                                    {{tabla.columna2}}
-                                </td>
-                                <td>
-                                    <button pButton pRipple type="button" pDeleteEditableRow icon="pi pi-trash"
-                                        (click)="eliminarJoin(tabla)"
-                                        class="p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only"></button>
-                                </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>
-            </div>
-
-
-
-            }
-            @if(actual == 2){
-
-            <div class="card">
-                <div class="mt-4">
-                    <h5><i class="glyphicons glyphicons-book"></i>{{'where'| translate}}</h5>
-                </div>
-
-                <div class="p-fluid p-formgrid grid">
-                
-                    <div class="field col-12 md:col-12 lg:col-12">
-                        <div class="col-12 flex p-0">
-                            <span class="p-float-label w-full">
-                                <textarea class="w-full" id="float-input" rows="5" cols="30" pInputTextarea
-                                    [(ngModel)]="fuente.whereAdicional" autofocus [autoResize]="true"> </textarea>
-                                <label for="descripcion">{{'consulta' | translate}}
-                                </label>
-                            </span>
-                            <!-- VER ATRIBUTOS -->
-                            <button pButton pRipple class="m-2 mb-1 p-button p-button-rounded p-button-secondary"
-                                icon="glyphicons glyphicons-justify" (click)="editarWhere()" pTooltip="{{'atributo' | translate}}s"
-                                tooltipPosition="bottom">
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- <div class="flex justify-content-end">
-                    <button pButton pRipple class="ml-2 p-button p-button-raised"
-                        icon="glyphicons glyphicons-floppy-save" label="{{'link_guardar' | translate}}"
-                        (click)="editarWhere()">
-                    </button>
-                </div> -->
-            </div>
-
-            }
-            @if(actual == 3){
-            <div class="mt-3">
-                <p-table id="tabla_lista_tipo_entidad" [value]="camposSeleccionar" [scrollable]="true"
-                    [totalRecords]="camposSeleccionar.length" scrollDirection="both" scrollDirection="horizontal"
-                    responsiveLayout="scroll" scrollDirection="horizontal" [paginator]="camposSeleccionar.length > 10"
-                    [rows]="10" [rowsPerPageOptions]="[10, 20, 30]" styleClass="p-datatable-striped"
-                    [showCurrentPageReport]="true" editMode="row"
-                    currentPageReportTemplate="{first} al {last} de {totalRecords} registros" [lazy]="false"
-                    dataKey="alias">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width:25%" alignFrozen="left" pFrozenColumn>
-                                <p-checkbox [style]="{'margin-left': '1%','margin-right':'1%'}"
-                                    [(ngModel)]="seleccionGeneral" [binary]="true" [ngModel]="todosSeleccionados()"
-                                    (ngModelChange)="actualizarSeleccion($event)"></p-checkbox>
-                                <span style="margin-left:1%">{{'tabla' | translate}}</span>
-                            </th>
-                            <th style="width:25%">{{'columna' | translate}}</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-tabla>
-                        <tr>
-                            <td style="width:25%">
-                                <p-checkbox class="mr-2 " [(ngModel)]="tabla.seleccionado" [binary]="true"
-                                    inputId="binary">
-                                </p-checkbox>
-                                {{tabla.columna.reporteFuente}}
-                            </td>
-                            <td style="width:25%">
-                                {{tabla.columna.nombre}}
-                            </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>
-            }
-        </div>
-    </p-tabPanel>
-</p-tabView>
-
-}
-<app-popup-editor-formula #popupEditorFormula></app-popup-editor-formula>
-
-<app-popup-tablas-fuente #popupTablasFuenteUI
-    (aplicarDestinoOcultar)="setTablaSeleccionada($event)"></app-popup-tablas-fuente>

package/src/app/webcommon/pages/fuente-reporte/fuente-reporte.component.scss

@@ -1,5 +0,0 @@
-:host ::ng-deep .botonCircular {
-        background: var(--color-85);
-        border: solid 1px var(--color-85);
-        color: var(--color-400);
-    }