general-library-union 2.8.18 → 2.8.20

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

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

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