general-library-union 2.3.38 → 2.3.40

package/src/app/webcommon/pages/fuenteGeneral/mantenimiento-fuente-general/mantenimiento-fuente-general.page.html

@@ -0,0 +1,703 @@
+<p-confirmPopup></p-confirmPopup>
+<div *ngIf="loadFormulario">
+<div *ngIf="!mantenimientoServicio">
+    <div class="flex justify-content-between align-items-center mb-3">
+        <h1>{{ 'fuente'| translate}}</h1>
+        <button pButton pRipple routerLink="/{{utilsService.obtenerBase()}}/webcommon/fuentearchivo/fuente/fuenteGeneral" label="Regresar"
+            icon="pi pi-chevron-left" class="p-button-text font-semibold"></button>
+    </div>
+    
+    <div class="card">
+        <h5 class="mt-3"><i class="glyphicons glyphicons-book"></i>{{'basica' | translate}}</h5>
+                <form [formGroup]="formulario">
+                <div class="field col-12 md:col-12 lg:col-12">
+                    <div class="Inputgroup m-0 mb-3">
+                        <div class="p-fluid grid">
+                            <div class="field col-12 md:col-12 lg:col-12">
+                                <span class="p-float-label">
+                                    <input class="w-full" formControlName="descripcion" pInputText autofocus
+                                        type="text" />
+                                    <label  for="descripcion">{{'descripcion' | translate}} *
+                                    </label>
+                                </span>
+                            </div>
+                            <div class=" field col-4 md:col-4 lg:col-4">
+                                <span class="p-float-label">
+                                    <p-dropdown [options]="fuentePipe.ORIGEN_DATOS" 
+                                        formControlName="proceso" [autoDisplayFirst]="false" optionValue="codigo"
+                                        optionLabel="nombre" [disabled]="!isNew">
+                                    </p-dropdown>
+                                    <label  for="descripcion">{{'origen' | translate}} de
+                                        {{'datos' | translate}} * </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="formulario.get('proceso').value == 'S'">
+                                <span class="p-float-label">
+                                    <p-dropdown [options]="fuentePipe.SERVICIOS_WEB" 
+                                        formControlName="formulaDescripcion" [autoDisplayFirst]="false"
+                                        optionValue="codigo" optionLabel="nombre" >
+                                    </p-dropdown>
+                                    <label  for="descripcion">{{'servicioweb' | translate}} *
+                                    </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4">
+                                <span class="p-float-label">
+                                    <p-dropdown [options]="fuentePipe.LISTA_TIPO_FUENTE" 
+                                        formControlName="tipo" [autoDisplayFirst]="false" optionValue="codigo"
+                                        optionLabel="nombre" [disabled]="isServicioWeb()">
+                                    </p-dropdown>
+                                    <label  for="descripcion">{{'tipo' | translate}} *
+                                    </label>
+                                </span>
+                            </div>
+                            <div class=" field col-4 md:col-4 lg:col-4" *ngIf="isServiciosMotor()">
+                                <span class="p-float-label">
+                                    <input class="w-full" pInputText autofocus
+                                        type="text"  formControlName="codigo" />
+                                    <label  for="descripcion">{{'codigo' | translate}} *
+                                    </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="(isUnicoRegistro()) && isConSeparador()">
+                                <span class="p-float-label">
+                                    <p-dropdown [options]="generalPipe.LISTA_SINO" 
+                                        formControlName="excel" [autoDisplayFirst]="false" optionValue="codigo"
+                                        optionLabel="nombre" > </p-dropdown>
+                                    <label  for="descripcion">{{'Archivo' | translate}}
+                                        {{'excel' | translate}}  </label>
+                                </span>
+                            </div>
+                            <div class=" field col-4 md:col-4 lg:col-4"*ngIf="(isUnicoRegistro()) && isConSeparador() && this.isUnicoRegistro() && this.formulario.get('excel').value == 'S'">
+                                <span class="p-float-label">
+                                    <input class="w-full" formControlName="hoja" pInputText autofocus type="text" />
+                                    <label  for="descripcion">{{'hojaexcel' | translate}} *
+                                    </label>
+                                </span>
+
+                            </div>
+                            <div class=" field col-4 md:col-4 lg:col-4" *ngIf="!isServicioWeb()">
+                                <span class="p-float-label">
+                                    <p-dropdown [options]="fuentePipe.LISTA_SEPARADORES" 
+                                        formControlName="separador" [autoDisplayFirst]="false"
+                                        optionValue="codigo" optionLabel="nombre" >
+                                    </p-dropdown>
+                                    <label  for="descripcion">{{'separador' | translate}} *
+                                    </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="isUnicoRegistro()">
+                                <span class="p-float-label">
+                                    <p-dropdown [options]="fuentePipe.LISTA_MOTOR" 
+                                        formControlName="motor" [autoDisplayFirst]="false" optionValue="codigo"
+                                        optionLabel="nombre" [disabled]="!isNew" >
+                                    </p-dropdown>
+                                    <label  for="descripcion">{{'motor' | translate}} *
+                                    </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="this.formulario.get('motor').value != 'S'">
+                                <span class="p-float-label">
+                                    <p-dropdown [options]="fuentePipe.LISTA_EJECUCION" 
+                                        formControlName="ejecucion" [autoDisplayFirst]="false"
+                                        optionValue="codigo" optionLabel="nombre" [disabled]="isServicioWeb()"> </p-dropdown>
+                                    <label  for="descripcion">{{'ejecutar' | translate}}
+                                        {{'por' | translate}} * </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4"
+                                *ngIf="(isAgrupamiento() || isRompimiento()) && isConSeparador()">
+                                <span class="p-float-label">
+                                    <input class="w-full" pInputText autofocus formControlName="tipoInfoColumna"
+                                        type="text" maxlength="2"
+                                        (input)="utilsService.validarCampoNumerico($event)" (input)="utilsService.validarCampoNumerico($event)" onkeypress='return event.charCode >= 48 && event.charCode <= 57'
+                                         />
+                                    <label  for="descripcion">{{'tipoinformacioncolumna' |
+                                        translate}} * </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4"
+                                *ngIf="(isAgrupamiento() || isRompimiento()) && isSinSeparador()">
+                                <span class="p-float-label">
+                                    <input class="w-full" formControlName="tipoInfoInicial" pInputText autofocus
+                                        type="text" maxlength="3"
+                                        (input)="utilsService.validarCampoNumerico($event)" (input)="utilsService.validarCampoNumerico($event)" onkeypress='return event.charCode >= 48 && event.charCode <= 57'
+                                        />
+                                    <label  for="descripcion">{{'tipoinformacioninicial' |
+                                        translate}} * </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4"
+                                *ngIf="(isAgrupamiento() || isRompimiento()) && isSinSeparador()">
+                                <span class="p-float-label">
+                                    <input class="w-full" formControlName="tipoInfoFinal" pInputText autofocus
+                                        type="text" maxlength="3"
+                                        (input)="utilsService.validarCampoNumerico($event)" (input)="utilsService.validarCampoNumerico($event)" onkeypress='return event.charCode >= 48 && event.charCode <= 57'
+                                        />
+                                    <label  for="descripcion">{{'tipoinformacionfinal' |
+                                        translate}} * </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="isAgrupamiento()  && isConSeparador()">
+                                <span class="p-float-label">
+                                    <input class="w-full" formControlName="grupoColumna" pInputText autofocus
+                                        type="text" maxlength="2"
+                                        (input)="utilsService.validarCampoNumerico($event)" (input)="utilsService.validarCampoNumerico($event)" onkeypress='return event.charCode >= 48 && event.charCode <= 57' />
+                                    <label  for="descripcion">{{'grupo' | translate}}
+                                        {{'columna'| translate}} * </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="isAgrupamiento()  && isSinSeparador()">
+                                <span class="p-float-label">
+                                    <input class="w-full" formControlName="grupoInicial" pInputText autofocus
+                                        type="text" maxlength="3"
+                                        (input)="utilsService.validarCampoNumerico($event)" (input)="utilsService.validarCampoNumerico($event)" onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
+                                    <label  for="descripcion">{{'grupo' | translate}}
+                                        {{'inicial' | translate}} * </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="isAgrupamiento()  && isSinSeparador()">
+                                <span class="p-float-label">
+                                    <input class="w-full" formControlName="grupoFinal" pInputText autofocus
+                                        type="text" maxlength="3"
+                                        (input)="utilsService.validarCampoNumerico($event)" (input)="utilsService.validarCampoNumerico($event)" onkeypress='return event.charCode >= 48 && event.charCode <= 57'
+                                        />
+                                    <label  for="descripcion">{{'grupofinal' | translate}} *
+                                    </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="isRompimiento()">
+                                <span class="p-float-label">
+                                    <input class="w-full" formControlName="datoRompe" pInputText autofocus
+                                        type="text" maxlength="3"
+                                        (input)="utilsService.validarCampoNumerico($event)" (input)="utilsService.validarCampoNumerico($event)" onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
+                                    <label  for="descripcion">{{'dato' | translate}}
+                                        {{'rompimiento' |translate}} * </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="this.formulario.get('motor').value != 'S'">
+                                <span class="p-float-label">
+                                    <p-dropdown [options]="generalPipe.LISTA_SINO" 
+                                        formControlName="guardarCargue" [autoDisplayFirst]="false"
+                                        optionValue="codigo" optionLabel="nombre" [disabled]="isServicioWeb()"> </p-dropdown>
+                                    <label  for="descripcion">{{'guardar' | translate}}
+                                        {{'informacion' | translate}} {{'cargue' | translate}} * </label>
+                                </span>
+                            </div>
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="this.formulario.get('excel').value == 'S'">
+                                <span class="p-float-label">
+                                    <input class="w-full" formControlName="numeroFila" pInputText autofocus
+                                        type="text" />
+                                    <label  for="descripcion">{{'numeroFila' | translate}}
+                                    </label>
+                                </span>
+                            </div>
+                            <!-- PLANTILLA -->
+                            <div class="field col-4 md:col-4 lg:col-4" *ngIf="this.formulario.get('excel').value == 'S'">
+                                <span class="p-float-label">
+                                    <app-input-helper-seleccion-plantilla [readonly]="false" [showDialog]="false"
+                                        [label]="formulario.get('plantilla').value ? formulario.get('plantilla').value: ''"
+                                        (onSelected)="obtenerArchivoPlanilla($event)" >
+                                    </app-input-helper-seleccion-plantilla>
+                                    
+                                </span>
+                            </div>
+                            <div class="field col-12 md:col-12 lg:col-12" *ngIf="isServiciosMotor()">
+                                <span class="p-float-label">
+                                    <textarea class="w-full" id="float-input" rows="5" cols="30" pInputTextarea
+                                        formControlName="validadorLinea" autofocus
+                                        [autoResize]="true"> </textarea>
+                                    <label  for="descripcion">{{'validador' | translate}}
+                                    </label>
+                                </span>
+                            </div>
+                        </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" *ngIf="!isNew"></button>
+                            <button pButton pRipple class="ml-2 p-button-raised" (click)="guardar()"
+                                icon="glyphicons glyphicons-floppy-save" label="Guardar" *ngIf="isNew"></button>
+                            <button pButton pRipple class="ml-2  p-button-outlined"
+                                (click)="eliminar($event)" icon="glyphicons glyphicons-bin" label="Eliminar"
+                                *ngIf="!isNew"></button>
+                        </div>
+                    </div>
+                </div>
+                </form>
+            </div>
+        <p-accordion>
+            <p-accordionTab *ngIf="!isNew">
+                <ng-template pTemplate="header">
+                    <i class="glyphicons glyphicons-notes-2"></i>{{'entrada' | translate}}
+                </ng-template>
+                <ng-template pTemplate="content">
+                    <div class="field col-12 md:col-12 lg:col-12">
+                        <div class="flex align-items-center justify-content-between mb-2">
+                            <app-filtro-general [filtros]="filtersEntrada" [datatable]="tablaGeneralEntrada">
+                                <ng-template let-form>
+                                    <ng-container [formGroup]="form">
+                                        <div class="field">
+                                            <span class="p-float-label">
+                                                <input pInputText autofocus type="text" id="id_descripcion"
+                                                    formControlName="descripcion" autocomplete="off" />
+                                                <label for="id_descripcion">{{'descripcion' | translate}}</label>
+                                            </span>
+                                        </div>
+                                    </ng-container>
+                                </ng-template>
+                            </app-filtro-general>
+                            <button pButton label="{{'link_nuevo' | translate}}" (click)="nuevaEntrada()" 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]="entradas" [scrollable]="true"
+                            scrollDirection="both" scrollDirection="horizontal" responsiveLayout="scroll"
+                            [rows]="paginatorEntrada.rows"
+                            [paginator]="paginatorEntrada.totalRecords > paginatorEntrada.rows" scrollDirection="horizontal"
+                            styleClass="p-datatable-striped" [rows]="paginatorEntrada.rows"
+                            [totalRecords]="paginatorEntrada.totalRecords" [rowsPerPageOptions]="[10, 20, 50]"
+                            [showCurrentPageReport]="true" editMode="row"
+                            currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+                            [lazy]="true" (onLazyLoad)="cargarEntradas($event)" dataKey="llaveTabla">
+                            <ng-template pTemplate="header">
+                                <tr>
+                                    <th class="w-6rem">{{'descripcion' | translate}}</th>
+                                    <th class="w-6rem">{{'tipo' | translate}} {{'dato' | translate}}</th>
+                                    <th class="w-6rem">{{'obligatorio' | translate}}</th>
+                                    <th class="w-6rem">{{'valor' | translate}} {{'defecto' | translate}}</th>
+                                    <th class="w-6rem"> </th>
+                                </tr>
+                                <tr class=" TablaNuevoRegistro" *ngIf="vistaVisualizar === 'nuevo'">
+                                    <td>
+                                        <input #idDescripcion="ngModel" pInputText type="text" [(ngModel)]="entrada.descripcion" class="w-full" required>
+                                    </td>
+                                    <td>
+                                        <p-dropdown #idTipoDato="ngModel" [options]="fuentePipe.LISTA_TIPO_DATO" optionValue="codigo"
+                                            [autoDisplayFirst]="false" optionLabel="nombre" class="w-full" 
+                                            [(ngModel)]="entrada.tipoDato" appendTo="body" [autoZIndex]="false" ></p-dropdown>
+                                    </td>
+                                    <td>
+                                        <p-dropdown #idObligatorio="ngModel" [options]="generalPipe.LISTA_SINO" optionValue="codigo"
+                                            [autoDisplayFirst]="false" optionLabel="nombre" 
+                                            [(ngModel)]="entrada.obligatorio" class="w-full" appendTo="body" [autoZIndex]="false" ></p-dropdown>
+                                    </td>
+                                    <td>
+                                        <input #idValorDefecto="ngModel" pInputText type="text" [(ngModel)]="entrada.valorDefecto" class="w-full">
+                                    </td>
+                                    <td class="flex justify-content-end">
+                                      <div>
+                                        <button pButton pRipple type="button" icon="pi pi-check"
+                                            (click)="agregarEntrada(entrada)"  *ngIf="idDescripcion.valid && idTipoDato.valid  && idObligatorio.valid"
+                                            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)="cancelarEntrada()" 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-entrada let-editing="editing" let-ri="rowIndex">
+                                <tr [pEditableRow]="entrada">
+                                    <td class="w-6rem">
+                                        <p-cellEditor>
+                                            <ng-template pTemplate="input">
+                                                <input pInputText type="text" [(ngModel)]="entrada.descripcion"
+                                                    class="w-full">
+                                            </ng-template>
+                                            <ng-template pTemplate="output">
+                                                {{entrada.descripcion}}
+                                            </ng-template>
+                                        </p-cellEditor>
+                                    </td>
+                                    <td class="w-6rem">
+                                        <p-cellEditor>
+                                            <ng-template pTemplate="input">
+                                                <p-dropdown [options]="fuentePipe.LISTA_TIPO_DATO" optionValue="codigo"
+                                                    [autoDisplayFirst]="false" optionLabel="nombre"
+                                                    [(ngModel)]="entrada.tipoDato" class="w-full">
+                                                </p-dropdown>
+                                            </ng-template>
+                                            <ng-template pTemplate="output">
+                                                {{entrada.tipoDato | fuentePipe:'listaTipoDato'}}
+                                            </ng-template>
+                                        </p-cellEditor>
+                                    </td>
+                                    <td class="w-6rem">
+                                        <p-cellEditor>
+                                            <ng-template pTemplate="input">
+                                                <p-dropdown [options]="generalPipe.LISTA_SINO" optionValue="codigo"
+                                                    [autoDisplayFirst]="false" optionLabel="nombre"
+                                                    [(ngModel)]="entrada.obligatorio" class="w-full">
+                                                </p-dropdown>
+                                            </ng-template>
+                                            <ng-template pTemplate="output">
+                                                {{entrada.obligatorio | generalPipe:'listaSiNo'}}
+                                            </ng-template>
+                                        </p-cellEditor>
+                                    </td>
+                                    <td class="w-6rem">
+                                        <p-cellEditor>
+                                            <ng-template pTemplate="input">
+                                                <input pInputText type="text" [(ngModel)]="entrada.valorDefecto"
+                                                    class="w-full">
+                                            </ng-template>
+                                            <ng-template pTemplate="output">
+                                                {{entrada.valorDefecto}}
+                                            </ng-template>
+                                        </p-cellEditor>
+                                    </td>
+                                    <td class="w-6rem flex justify-content-end">
+                                        <div>
+                                            <!-- CHECK GUARDAR -->
+                                            <!-- <button *ngIf="editing" pButton pRipple type="button" pSaveEditableRow
+                                                icon="pi pi-check" (click)="editarEntrada(entrada)"
+                                                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)="eliminarEntrada($event,entrada)"
+                                                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">
+                                <p class="p-3 font-medium emptymessage">
+                                    {{'mensajetablavacia' | translate}}
+                                </p>
+                            </ng-template>
+                        </p-table>
+                    </div>
+                </ng-template>
+            </p-accordionTab>
+        <p-accordionTab *ngIf="((!isNew) && (!isServicioWeb()))">
+            <ng-template pTemplate="header">
+                <i class="glyphicons glyphicons-notes-2"></i>{{'campos' | translate}}
+            </ng-template>
+            <ng-template pTemplate="content">
+                <div class="field col-12 md:col-12 lg:col-12">
+                    <div class="flex align-items-center justify-content-between mb-2">
+                        <app-filtro-general [filtros]="filtersCampo" [datatable]="tablaGeneralCampo">
+                            <ng-template let-form>
+                                <ng-container [formGroup]="form">
+                                    <div class="field">
+                                        <span class="p-float-label">
+                                            <input pInputText autofocus type="text" id="id_descripcion"
+                                                formControlName="descripcion" autocomplete="off" />
+                                            <label for="id_descripcion">{{'descripcion' | translate}}</label>
+                                        </span>
+                                    </div>
+                                </ng-container>
+                            </ng-template>
+                        </app-filtro-general>
+                        <button pButton label="{{'link_nuevo' | translate}}" (click)="nuevoCampo()" icon="pi pi-plus"
+                            class="p-ripple p-element p-button p-component p-button-secondary mb-2"></button>
+                    </div>
+                    <p-table #tablaGeneralCampo [value]="campos" styleClass="p-datatable-striped" [scrollable]="true"
+                        [rows]="paginatorCampo.rows" [paginator]="paginatorCampo.totalRecords > paginatorCampo.rows"
+                        [totalRecords]="paginatorCampo.totalRecords" [lazy]="true" [showCurrentPageReport]="true"
+                        scrollDirection="both" scrollDirection="horizontal" (onRowSelect)="seleccionCampo($event)"
+                        selectionMode="single" responsiveLayout="scroll"
+                        currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+                        (onLazyLoad)="cargarCampos($event)" selectionMode="single" [rowsPerPageOptions]="[10, 20, 30]"
+                        [showCurrentPageReport]="true">
+                        <ng-template pTemplate="header">
+                            <tr>
+                                <th class="w-12rem">{{'descripcion' | translate}}</th>
+                                <th class="w-12rem">{{'tipodato' | translate}}</th>
+                                <th class="w-12rem" *ngIf="(isRompimiento()) || (isAgrupamiento())">{{'tipo' | translate}}
+                                    {{'informacion' | translate}}</th>
+                                <th class="w-12rem" *ngIf="isConSeparador()">{{'columna' | translate}}</th>
+                                <th class="w-12rem" *ngIf="isSinSeparador()">{{'posicion' | translate}} {{'inicial' |
+                                    translate}}</th>
+                                <th class="w-12rem" *ngIf="isSinSeparador()">{{'posicion' | translate}} {{'final' |
+                                    translate}}
+                                </th>
+                            </tr>
+                        </ng-template>
+                        <ng-template pTemplate="body" let-campo>
+                            <tr [pSelectableRow]="campo">
+                                <td class="w-12rem">
+                                    {{campo.descripcion}}
+                                </td>
+                                <td class="w-12rem">
+                                    {{campo.tipoDato | fuentePipe:'listaTipoDato'}}
+                                </td>
+                                <td class="w-12rem" *ngIf="isRompimiento() || isAgrupamiento()">
+                                    {{campo.tipoInformacion}}
+                                </td>
+                                <td class="w-12rem" *ngIf="isConSeparador()">
+                                    {{campo.columna}}
+                                </td>
+                                <td class="w-12rem" *ngIf="isSinSeparador()">
+                                    {{campo.posicionInicial}}
+                                </td>
+                                <td class="w-12rem" *ngIf="isSinSeparador()">
+                                    {{campo.posicionFinal}}
+                                </td>
+                            </tr>
+                        </ng-template>
+                        <ng-template pTemplate="emptymessage">
+                            <p class="p-3 font-medium emptymessage">
+                                {{'mensajetablavacia' | translate}}
+                            </p>
+                        </ng-template>
+
+                    </p-table>
+                </div>
+            </ng-template>
+        </p-accordionTab>
+        <p-accordionTab *ngIf="!isNew" [selected]="abrirAcordion">
+            <ng-template pTemplate="header">
+                <i class="glyphicons glyphicons-notes-2"></i>{{'servicio' | translate}}s
+            </ng-template>
+            <ng-template pTemplate="content">
+                <div class="field col-12 md:col-12 lg:col-12">
+                    <div>
+                        <div class="flex align-items-center justify-content-between mb-2">
+                            <app-filtro-general [filtros]="filtersCampo" [datatable]="tablaGeneralServicio">
+                                <ng-template let-form>
+                                    <ng-container [formGroup]="form">
+                                        <div class="field">
+                                            <span class="p-float-label">
+                                                <input pInputText autofocus type="text" id="id_descripcion"
+                                                    formControlName="descripcion" autocomplete="off" />
+                                                <label for="id_descripcion">{{'descripcion' | translate}}</label>
+                                            </span>
+                                        </div>
+                                    </ng-container>
+                                </ng-template>
+                            </app-filtro-general>
+                            <button pButton label="{{'link_nuevo' | translate}}" (click)="nuevoServicio()"
+                                icon="pi pi-plus"
+                                class="p-ripple p-element p-button p-component p-button-secondary mb-2"></button>
+                        </div>
+                        <p-table #tablaGeneralServicio [value]="servicios" styleClass="p-datatable-striped"
+                            [scrollable]="true" [rows]="paginatorServicios.rows"
+                            [paginator]="paginatorServicios.totalRecords > paginatorServicios.rows"
+                            [totalRecords]="paginatorServicios.totalRecords" [lazy]="true"
+                            [showCurrentPageReport]="true" scrollDirection="both" scrollDirection="horizontal"
+                            (onRowSelect)="seleccionarServicio($event)" selectionMode="single" responsiveLayout="scroll"
+                            currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+                            (onLazyLoad)="cargarServicios($event)" selectionMode="single"
+                            [rowsPerPageOptions]="[10, 20, 30]" [showCurrentPageReport]="true">
+                            <ng-template pTemplate="header">
+                                <tr>
+                                    <th class="w-12rem">{{'servicio' | translate}}</th>
+                                    <th class="w-12rem">{{'descripcion' | translate}}</th>
+                                    <th class="w-12rem" *ngIf="!isUnicoRegistro()">{{'tipo' | translate}} {{'informacion' |
+                                        translate}}</th>
+                                    <th class="w-12rem">{{'orden' | translate}}</th>
+                                </tr>
+                            </ng-template>
+                            <ng-template pTemplate="body" let-servicio>
+                                <tr [pSelectableRow]="servicio">
+                                    <td class="w-12rem">
+                                        {{transform(servicio.servicio,'mapaServicio')}}
+                                    </td>
+                                    <td class="w-12rem">
+                                        {{servicio.descripcion}}
+                                    </td>
+                                    <td class="w-12rem" *ngIf="!isUnicoRegistro()">
+                                        {{servicio.tipoInformacion}}
+                                    </td>
+                                    <td class="w-12rem">
+                                        {{servicio.orden}}
+                                    </td>
+                                </tr>
+                            </ng-template>
+                            <ng-template pTemplate="emptymessage">
+                                <p class="p-3 font-medium emptymessage" >
+                                    {{'mensajetablavacia' | translate}}
+                                </p>
+                            </ng-template>
+                            <ng-template pTemplate="emptymessage">
+                                <p class="p-3 font-medium emptymessage">
+                                    {{'mensajetablavacia' | translate}}
+                                </p>
+                            </ng-template>
+
+                        </p-table>
+                    </div>
+                </div>
+            </ng-template>
+        </p-accordionTab>
+        <p-accordionTab *ngIf="!isNew">
+            <ng-template pTemplate="header">
+                <i class="glyphicons glyphicons-notes-2"></i>{{'puntoproceso' | translate}}
+            </ng-template>
+            <ng-template pTemplate="content">
+                <div class="flex justify-content-end align-items-center">
+                    <button pButton label="{{'link_nuevo' | translate}}" (click)="nuevoRecurso()" icon="pi pi-plus"
+                        class="p-ripple p-element p-button p-component p-button-secondary mb-2"></button>
+                </div>
+                <div class="field col-12 md:col-12 lg:col-12">
+                    <p-table #tablaGeneralRecurso [value]="recursos" styleClass="p-datatable-striped"
+                        [scrollable]="true" [rows]="paginatorRecursos.rows" [paginator]="paginatorRecursos.totalRecords > paginatorRecursos.rows"
+                        [totalRecords]="paginatorRecursos.totalRecords" [lazy]="true" [showCurrentPageReport]="true"
+                        scrollDirection="both" scrollDirection="horizontal" (onRowSelect)="seleccionarRecurso($event)"
+                        selectionMode="single" responsiveLayout="scroll"
+                        currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+                        (onLazyLoad)="cargarRecurso($event)" selectionMode="single" [rowsPerPageOptions]="[10, 20, 30]"
+                        [showCurrentPageReport]="true">
+                        <ng-template pTemplate="header">
+                            <tr>
+                                <th class="w-12rem">{{'puntoproceso' | translate}}</th>
+                            </tr>
+                        </ng-template>
+                        <ng-template pTemplate="body" let-recurso>
+                            <tr [pSelectableRow]="recurso">
+                                <td class="w-12rem">
+                                    {{recurso.puntoProcesoDescripcion}}
+                                </td>
+                            </tr>
+                        </ng-template>
+                        <ng-template pTemplate="emptymessage">
+                            <p class="p-3 font-medium emptymessage">
+                                {{'mensajetablavacia' | translate}}
+                            </p>
+                        </ng-template>
+
+                    </p-table>
+                </div>
+            </ng-template>
+        </p-accordionTab>
+        <p-accordionTab *ngIf="!isNew">
+            <ng-template pTemplate="header">
+                <i class="glyphicons glyphicons-notes-2"></i>{{'notificacion' | translate}}
+            </ng-template>
+            <ng-template pTemplate="content">
+                
+                <div class="flex justify-content-end align-items-center">
+                    <button pButton label="{{'link_nuevo' | translate}}" (click)="nuevoRegistroNotificacion()"
+                        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]="listadoNotificacion" [scrollable]="true" [tableStyle]="{ 'min-width': '90rem' }"
+                scrollDirection="horizontal"[rows]="paginatorNotificaciones.totalRecords" [paginator]="paginatorNotificaciones.totalRecords > paginatorNotificaciones.rows" scrollDirection="horizontal"  styleClass="p-datatable-striped"
+                [rows]="paginatorEntrada.rows" [totalRecords]="paginatorEntrada.totalRecords" [rowsPerPageOptions]="[10, 20, 50]" selectionMode="single"
+                [showCurrentPageReport]="true" editMode="row"
+                currentPageReportTemplate="{first} al {last} de {totalRecords} registros" [lazy]="true"
+                (onLazyLoad)="cargarListadoNotificaciones($event)" dataKey="llaveTabla">
+                        <ng-template pTemplate="header">
+                            <tr>
+                                <th style="max-width: 12%;">{{'tipo' | translate}}</th>
+                                <th style="max-width: 60%;">{{'correo' | translate}}</th>
+                                <th style="max-width: 30%;">{{'asunto' | translate}}</th>
+                                <th style="max-width: 50%;">{{'html' | translate}}</th>
+                                <th style="max-width: 30%;">{{'copia' | translate}}</th>
+                                <th style="max-width: 8%;"> </th>
+                            </tr>
+                            <tr class=" TablaNuevoRegistro" *ngIf="vistaVisualizar === 'nuevoN'" [formGroup]="formularioNoti">
+                                <td style="max-width: 12%;"> 
+                                    <p-dropdown [options]="fuentePipe.LISTA_TIPORECURSO" optionValue="codigo" formControlName="tipoRecurso" appendTo="body" [autoZIndex]="false"
+                                        [autoDisplayFirst]="false" optionLabel="nombre" (onChange)="validarCorreo()"></p-dropdown> 
+                                </td>
+                                <td style="max-width: 60%;" class="w-full">
+                                    <input pInputText type="text" formControlName="correo" *ngIf="formularioNoti?.get('tipoRecurso').value != 'P'" class="w-full" >
+                                </td>
+                                <td style="max-width: 30%;">
+                                    <input pInputText type="text" formControlName="descripcion"
+                                        class="w-full">
+                                </td>
+                                <td class="w-full" style="max-width: 50%;">
+                                    <app-input-helper-seleccion-plantilla [readonly]="false" [showDialog]="false"
+                                        [label]="formularioNoti?.get('predefinido').value ? formularioNoti?.get('tipoRecurso')['predefinido']: ''"
+                                        (onSelected)="obtenerArchivoPlanillaServicio($event)"
+                                        [extensiones]="'html;jasper;jrxml'">
+                                    </app-input-helper-seleccion-plantilla>
+                                </td>
+                                <td style="max-width: 30%;">
+                                    <input pInputText type="text"  formControlName="correoCopia"
+                                        class="w-full">
+                                </td>
+                                <td style="max-width: 8%;" class="flex justify-content-end">
+                                    <button pButton pRipple type="button" icon="pi pi-check"
+                                        (click)="agregarNotificacion(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)="cancelarNotificacion()"
+                                        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-noti let-editing="editing" let-ri="rowIndex">
+                            <tr [pEditableRow]="noti">
+                                <td style="max-width: 12%;">
+                                    <p-cellEditor>
+                                       <ng-template pTemplate="output">
+                                            {{noti.tipoRecurso | fuentePipe:'listaTipoRecurso'}}
+                                        </ng-template>
+                                    </p-cellEditor>
+                                </td>
+                                <td style="max-width: 60%;">
+                                    <p-cellEditor>
+                                        <ng-template pTemplate="output">
+                                            {{noti?.correo ? noti?.correo?.substr(-20,10) : ''}}
+                                        </ng-template>
+                                    </p-cellEditor>
+                                </td>
+                                <td style="max-width: 30%;">
+                                    <p-cellEditor>
+                                        <ng-template pTemplate="output">
+                                            {{noti.descripcion | generalPipe:'listaSiNo'}}
+                                        </ng-template>
+                                    </p-cellEditor>
+                                </td>
+                                <td style="max-width: 50%;">
+                                    <p-cellEditor>
+                                        <ng-template pTemplate="output">
+                                            {{noti?.predefinido ?  noti?.predefinido.substr(-20,10) : ''}}
+                                        </ng-template>
+                                    </p-cellEditor>
+                                </td>
+                                <td style="max-width: 30%;">
+                                    <p-cellEditor>
+                                        <ng-template pTemplate="output">
+                                            {{noti.correoCopia}}
+                                        </ng-template>
+                                    </p-cellEditor>
+                                </td>
+                                <td style="max-width: 8%;" class="justify-content-end">
+                                    <div class="flex align-items-center justify-content-center gap-2">
+                                        <!-- ELIMINAR -->
+                                        <button *ngIf="!editing" pButton pRipple type="button" pDeleteEditableRow
+                                            icon="pi pi-trash" (click)="eliminarNotificacion($event,noti)"
+                                            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">
+                            <p class="p-3 font-medium emptymessage">
+                                {{'mensajetablavacia' | translate}}
+                            </p>
+                        </ng-template>
+                    </p-table>
+                
+            </ng-template>
+        </p-accordionTab>
+    </p-accordion>
+</div>
+<div *ngIf="nuevoRCampo">
+    <app-popup-campos-fuente-general [mostrar]="nuevoRCampo" [campo]="campo" (regresar)="regresarCampo()"
+        [fuenteDTO]="formulario.value"></app-popup-campos-fuente-general>
+</div>
+
+<div *ngIf="mantenimientoServicio">
+    <app-fuente-general-servicio [fuenteGeneral]="formulario.value" [fuenteServicioDTO]="servicio" [unica]="isUnicoRegistro()"
+        [servicios]="listaServicios" (regresar)="regresarServicio()" [isNew]="nuevoServicioP">
+    </app-fuente-general-servicio>
+</div>
+<div *ngIf="verPuntoProceso">
+<app-popup-recurso (regresar)="cerrarRecurso()"></app-popup-recurso>
+</div>
+</div>