general-library-union 3.0.43 → 3.0.45

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

@@ -0,0 +1,403 @@
+<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

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