general-library-union 2.4.20 → 2.4.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -75,9 +75,9 @@ import jsPDF from 'jspdf';
|
|
|
75
75
|
import 'jspdf-autotable';
|
|
76
76
|
import * as FileSaver from 'file-saver';
|
|
77
77
|
import { Workbook } from 'exceljs';
|
|
78
|
-
import * as
|
|
78
|
+
import * as i20 from 'primeng/fileupload';
|
|
79
79
|
import { FileUploadModule } from 'primeng/fileupload';
|
|
80
|
-
import * as
|
|
80
|
+
import * as i17 from 'primeng/tabview';
|
|
81
81
|
import { TabViewModule } from 'primeng/tabview';
|
|
82
82
|
import * as i11 from 'primeng/menubar';
|
|
83
83
|
import { MenubarModule } from 'primeng/menubar';
|
|
@@ -85,7 +85,7 @@ import * as i7$5 from 'primeng/fieldset';
|
|
|
85
85
|
import { FieldsetModule } from 'primeng/fieldset';
|
|
86
86
|
import * as i15$4 from 'primeng/floatlabel';
|
|
87
87
|
import { FloatLabelModule } from 'primeng/floatlabel';
|
|
88
|
-
import * as i20 from 'primeng/picklist';
|
|
88
|
+
import * as i20$1 from 'primeng/picklist';
|
|
89
89
|
import { PickListModule } from 'primeng/picklist';
|
|
90
90
|
import * as i5$2 from 'primeng/panel';
|
|
91
91
|
import { PanelModule } from 'primeng/panel';
|
|
@@ -9562,11 +9562,11 @@ class ImportarFuenteConComponent {
|
|
|
9562
9562
|
return this.fuenteDTO != null && this.fuenteDTO.separador != null && this.fuenteDTO.separador != this.fuentePipe.SIN_SEPARADOR;
|
|
9563
9563
|
}
|
|
9564
9564
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ImportarFuenteConComponent, deps: [{ token: GeneralService }, { token: DataExporter }, { token: AuthService }, { token: FuentePipe }, { token: CargueLineaService }, { token: ToastService }, { token: i7.ConfirmationService }, { token: MenuService$1 }, { token: GeneralPipe }, { token: UtilsService }, { token: ParametrosNavegacionService }, { token: i7$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9565
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ImportarFuenteConComponent, isStandalone: true, selector: "app-importar-fuente-con", outputs: { regresarFuente: "regresarFuente" }, providers: [DataExporter, MessageService, ConfirmationService], viewQueries: [{ propertyName: "formulario", first: true, predicate: ["formulario"], descendants: true }, { propertyName: "tabla", first: true, predicate: ["tablaDatos"], descendants: true }, { propertyName: "tabla2", first: true, predicate: ["tablaDatos2"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"!mostrar\">\n <div class=\"flex justify-content-between align-items-center mb-3\">\n <app-filtro-general [filtros]=\"filters\" [datatable]=\"tablaGeneral\">\n <ng-template let-form>\n <ng-container [formGroup]=\"form\">\n <label for=\"descripcion\">{{'filtro' | translate}}</label>\n <input pInputText autofocus type=\"text\" id=\"descripcion\" formControlName=\"descripcion\"\n autocomplete=\"off\" />\n </ng-container>\n </ng-template>\n </app-filtro-general>\n </div>\n <app-tabla-general #tablaGeneral [columns]=\"columns\" [value]=\"paginadorFuente\" [rows]=\"paginator.rows\"\n [totalRecords]=\"paginator.totalRecords\" (onLoad)=\"cargarlistado($event)\" (onRowSelect)=\"cargar($event)\"\n [loading]=\"loadingPaginadorFuente\"></app-tabla-general>\n</div>\n<div *ngIf=\"mostrar\">\n <div class=\"card mt-3\" *ngIf=\"fuenteDTO != null\">\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n <div class=\"Inputgroup p-fluid p-formgrid grid\">\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.descripcion\" [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"fuente\">{{'fuente' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{fuenteDTO.tipo | fuentePipe:'listaTipoFuente'}}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"tipo\">{{'tipo' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{fuenteDTO.separador | fuentePipe:'listaSeparador'}}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"separador\">{{'separador' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"procesoDTO != null\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{procesoDTO.fechaProceso | date: ('formatofecha' | translate) }}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"fechaproceso\">{{'fechaproceso' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"nombreArchivo != null && this.panel == 'DATOS' \">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"nombreArchivo\" [disabled]=\"true\" pInputText autofocus\n type=\"text\" />\n <label for=\"nombrearchivo\">{{'nombrearchivo' | translate}}</label>\n </span>\n </div>\n </div>\n </div>\n\n<div *ngIf=\"panel =='IMPORTAR'\">\n <p-tabView>\n <p-tabPanel header=\"{{'entrada' | translate}}\" *ngIf=\"fuenteDTO != null\">\n <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"fuenteDTO?.motor == 'X'\">\n <div class=\"card mt-2 mb-2\">\n <div class=\"contenedor p-fluid grid mt-1 mb-1\">\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.estado\" [disabled]=\"true\" pInputText\n autofocus type=\"text\" />\n <label for=\"estado\">{{'estado' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.solicitaDetalle\" [disabled]=\"true\"\n pInputText autofocus type=\"text\" />\n <label for=\"detalle\">{{'detalle' | translate}}</label>\n </span>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"card mt-2 mb-2 field col-12 md:col-12 lg:col-12\" *ngIf=\"!isServicioWeb()\">\n\n <p-table [value]=\"camposArchivo\">\n <ng-template pTemplate=\"body\" let-campo>\n <tr>\n <td style=\"width: 20%;\">\n <label>{{campo.descripcion}}</label>\n </td>\n <td style=\"width: 80%\">\n <div class=\"p-fluid p-formgrid grid\">\n <div class=\"col-12 md:col-12\" id=\"btn-cargar-popup\">\n <div class=\"p-inputgroup\">\n <input pInputText [readonly]=\"true\" [value]=\"archivoSeleccionado?.name ? archivoSeleccionado?.name : ''\" disabled />\n <p-fileUpload #fubauto mode=\"basic\" [customUpload]=\"true\" chooseIcon=\"pi pi-paperclip\"\n (onSelect)=\"cargarArchivo($event, fubauto)\" ></p-fileUpload>\n </div>\n </div>\n </div>\n </td>\n </tr>\n </ng-template>\n </p-table>\n\n <formulario-dinamico #formulario [editable]=\"true\" [campos]=\"campos\" \n [objeto]=\"fuenteDTO\" *ngIf=\"verFormulario && campos.length > 0\"></formulario-dinamico>\n \n <div class=\"flex justify-content-end\">\n <button pButton pRipple class=\"m-2 p-button-outlined\"\n *ngIf=\"fuenteDTO.motor != 'X' && (isServicioWeb() || nombreArchivo != null)\" icon=\"pi pi-upload\"\n label=\"{{'link_importar' | translate}}\" (click)=\"importar()\">\n </button>\n <button pButton pRipple class=\"m-2 p-button p-button-raised\" *ngIf=\"fuenteDTO.motor =='X'\"\n label=\"{{'link_importarejecutar' | translate}}\" (click)=\"importarEjecutar()\">\n </button>\n </div>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'historico' | translate}}\" *ngIf=\"paginadorProcesos.length > 0 && fuenteDTO != null\">\n\n </p-tabPanel>\n </p-tabView>\n</div>\n\n<div *ngIf=\"panel =='DATOS'\">\n\n <div class=\"card\" *ngIf=\"panelImportar =='GRUPOS'\">\n \n\n <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n <div>\n \n </div>\n\n <div class=\"flex justify-content-end\">\n <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n </button>\n <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n label=\"{{'link_eliminar' | translate}}111\" (click)=\"cancelarProceso()\">\n </button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla.exportCSV()\"\n class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n (click)=\"dataExporter.exportExcelColumnas(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , 'tabla', columnasExportExcel)\"\n class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n (click)=\"dataExporter.exportPdf(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , exportColumns, 'tabla')\"\n class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n </div>\n </div>\n\n <p-table #tablaDatos responsiveLayout=\"scroll\" [value]=\"datos\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"datos.length\" [exportFilename]=\"'tablaDatos'\"\n [paginator]=\"datos.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n [showCurrentPageReport]=\"true\" selectionMode=\"single\" [scrollable]=\"true\" [columns]=\"cols\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"!isMotor()\"\n [(selection)]=\"grupo\" (onRowSelect)=\"verGrupo($event)\">\n \n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'grupo' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'advertencia' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td class=\"w-8rem font-medium\">{{bean.codigo}}</td>\n <td>\n {{bean.unicaLinea}}</td>\n <td>\n {{bean.mensajeErrores}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n\n <div *ngIf=\"panelImportar =='DETALLEGRUPO'\">\n <div *ngIf=\"!isMotor()\">\n <h5>{{'grupo' | translate}}: {{grupo.codigo}}</h5>\n <p-accordion *ngIf=\"!isMotor()\">\n <p-accordionTab [selected]=\"true\">\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'linea' | translate}} </ng-template>\n <ng-template pTemplate=\"content\">\n \n <p-table responsiveLayout=\"scroll\" [value]=\"paginadorCampos\" responsiveLaoyout=\"scroll\"\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n rowGroupMode=\"subheader\" dataKey=\"numeroLinea\" groupRowsBy=\"numeroLinea\" expandableRowGroups=\"true\"\n *ngIf=\"paginadorCampos.length > 0\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'campo' | translate}}</th>\n <th>{{'archivo' | translate}}</th>\n <th>{{'tipo' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n <tr>\n <td colspan=\"100\">\n <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n \n <span class=\"font-bold ml-2\" style=\"line-height: 40px;\"> {{'linea' | translate}}:\n {{bean.numeroLinea}}</span>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.campoAtributo}}</td>\n <td>{{bean.cadena}}</td>\n <td>{{bean.tipoDato | fuentePipe : 'listaTipoDato'}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </ng-template>\n </p-accordionTab>\n <p-accordionTab *ngIf=\"paginadorParametros?.length > 0\" >\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'servicio' | translate}} </ng-template>\n <ng-template pTemplate=\"content\">\n\n <p-table responsiveLayout=\"scroll\" [value]=\"paginadorParametros\" responsiveLaoyout=\"scroll\" \n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n rowGroupMode=\"subheader\" dataKey=\"llaveunica\" groupRowsBy=\"llaveunica\" expandableRowGroups=\"true\"\n *ngIf=\"paginadorParametros.length > 0\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'parametro' | translate}}s</th>\n <th>{{'valor' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n <tr>\n <td colspan=\"100\">\n <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n \n <span class=\"font-bold ml-2\" style=\"line-height: 40px;\">{{bean.llaveunica}}</span>\n <br/>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-bean>\n <tr>\n <td>{{bean.campoAtributo}}</td>\n <td>\n <label *ngIf=\"bean.tipoDato == 'L' || bean.tipoDato == 'T'\">{{bean.cadena}}</label>\n <label *ngIf=\"bean.tipoDato == 'D' || bean.tipoDato == 'N'\">{{bean.numero}}</label>\n <label *ngIf=\"bean.tipoDato == 'F'\">{{bean.cadena | date : ('formatofecha' | translate) }}</label>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </ng-template>\n </p-accordionTab>\n </p-accordion>\n </div>\n <div *ngIf=\"isMotor()\">\n <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n <div>\n \n </div>\n \n <div class=\"flex justify-content-end\">\n <div class=\"ml-2 mb-1 mt-2\" *ngIf=\"lineasConMensaje != 0\" >\n <p-checkbox class=\"ml-1\" [(ngModel)]=\"verInconsistencia\" [binary]=\"true\"> </p-checkbox>\n <label style=\"margin: 3px 8px;\"> {{'soloinconsistencias' | translate}}</label>\n </div>\n\n <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n </button>\n <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n label=\"{{'link_eliminar' | translate}}222\" (click)=\"cancelarProceso()\">\n </button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla2.exportCSV()\"\n class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n (click)=\"dataExporter.exportExcel(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , 'tabla2')\"\n class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n (click)=\"dataExporter.exportPdf(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , exportColumns, 'tabla2')\"\n class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n </div>\n </div>\n <p-table #tablaDatos2 responsiveLayout=\"scroll\" [value]=\"lineasCargadas\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"lineasCargadas.length\"\n [paginator]=\"lineasCargadas.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"|\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n *ngIf=\"lineasCargadas.length > 0 && !verInconsistencia\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'numerolinea' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'mensaje' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.numero}}</td>\n <td>{{bean.linea}}</td>\n <td>{{bean.mensaje}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"footer\" let-dato >\n <tr>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n </tr>\n </ng-template>\n </p-table>\n <p-table responsiveLayout=\"scroll\" [value]=\"lineasInconsistencia\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"lineasInconsistencia.length\"\n [paginator]=\"lineasInconsistencia.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n *ngIf=\"lineasInconsistencia.length > 0 && verInconsistencia\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'numerolinea' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'mensaje' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.numero}}</td>\n <td>{{bean.linea}}</td>\n <td>{{bean.mensaje}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"footer\" let-dato >\n <tr>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n </tr>\n </ng-template>\n </p-table>\n \n </div>\n </div>\n \n \n</div>\n</div>\n", styles: ["#btn-cargar-popup .p-fileupload .p-button{background:#fff;box-shadow:none;width:auto;color:var(--color-400);padding:.85rem .1rem;border-radius:0 5px 5px 0;margin-left:-3px;border-right:solid 1px var(--color-100)}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i15.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i7$4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i16.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i16.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: TablaGeneralComponent, selector: "app-tabla-general", inputs: ["dataKey", "value", "columns", "rows", "totalRecords", "loading", "ocultarFraccionador"], outputs: ["onLoad", "onRowSelect"] }, { kind: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i15$2.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i15$2.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: FormulariodinamicoComponent, selector: "formulario-dinamico", inputs: ["campos", "editable", "objeto", "isMensaje"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i19.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FuentePipe, name: "fuentePipe" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9565
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ImportarFuenteConComponent, isStandalone: true, selector: "app-importar-fuente-con", outputs: { regresarFuente: "regresarFuente" }, providers: [DataExporter, MessageService, ConfirmationService], viewQueries: [{ propertyName: "formulario", first: true, predicate: ["formulario"], descendants: true }, { propertyName: "tabla", first: true, predicate: ["tablaDatos"], descendants: true }, { propertyName: "tabla2", first: true, predicate: ["tablaDatos2"], descendants: true }], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div *ngIf=\"!mostrar\">\n <div class=\"flex justify-content-between align-items-center mb-3\">\n <app-filtro-general [filtros]=\"filters\" [datatable]=\"tablaGeneral\">\n <ng-template let-form>\n <ng-container [formGroup]=\"form\">\n <label for=\"descripcion\">{{'filtro' | translate}}</label>\n <input pInputText autofocus type=\"text\" id=\"descripcion\" formControlName=\"descripcion\"\n autocomplete=\"off\" />\n </ng-container>\n </ng-template>\n </app-filtro-general>\n </div>\n <app-tabla-general #tablaGeneral [columns]=\"columns\" [value]=\"paginadorFuente\" [rows]=\"paginator.rows\"\n [totalRecords]=\"paginator.totalRecords\" (onLoad)=\"cargarlistado($event)\" (onRowSelect)=\"cargar($event)\"\n [loading]=\"loadingPaginadorFuente\"></app-tabla-general>\n</div>\n<div *ngIf=\"mostrar\">\n <div class=\"card mt-3\" *ngIf=\"fuenteDTO != null\">\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n <div class=\"Inputgroup p-fluid p-formgrid grid\">\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.descripcion\" [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"fuente\">{{'fuente' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{fuenteDTO.tipo | fuentePipe:'listaTipoFuente'}}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"tipo\">{{'tipo' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{fuenteDTO.separador | fuentePipe:'listaSeparador'}}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"separador\">{{'separador' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"procesoDTO != null\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{procesoDTO.fechaProceso | date: ('formatofecha' | translate) }}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"fechaproceso\">{{'fechaproceso' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"nombreArchivo != null && this.panel == 'DATOS' \">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"nombreArchivo\" [disabled]=\"true\" pInputText autofocus\n type=\"text\" />\n <label for=\"nombrearchivo\">{{'nombrearchivo' | translate}}</label>\n </span>\n </div>\n </div>\n </div>\n\n<div *ngIf=\"panel =='IMPORTAR'\">\n <p-tabView>\n <p-tabPanel header=\"{{'entrada' | translate}}\" *ngIf=\"fuenteDTO != null\">\n <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"fuenteDTO?.motor == 'X'\">\n <div class=\"card mt-2 mb-2\">\n <div class=\"contenedor p-fluid grid mt-1 mb-1\">\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.estado\" [disabled]=\"true\" pInputText\n autofocus type=\"text\" />\n <label for=\"estado\">{{'estado' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.solicitaDetalle\" [disabled]=\"true\"\n pInputText autofocus type=\"text\" />\n <label for=\"detalle\">{{'detalle' | translate}}</label>\n </span>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"card mt-2 mb-2 field col-12 md:col-12 lg:col-12\" *ngIf=\"!isServicioWeb()\">\n\n <p-table [value]=\"camposArchivo\">\n <ng-template pTemplate=\"body\" let-campo>\n <tr>\n <td style=\"width: 20%;\">\n <label>{{campo.descripcion}}</label>\n </td>\n <td style=\"width: 80%\">\n <div class=\"p-fluid p-formgrid grid\">\n <div class=\"col-12 md:col-12\" id=\"btn-cargar-popup\">\n <div class=\"p-inputgroup\">\n <input pInputText [readonly]=\"true\" [value]=\"archivoSeleccionado?.name ? archivoSeleccionado?.name : ''\" disabled />\n <p-fileUpload #fubauto mode=\"basic\" [customUpload]=\"true\" chooseIcon=\"pi pi-paperclip\"\n (onSelect)=\"cargarArchivo($event, fubauto)\" ></p-fileUpload>\n </div>\n </div>\n </div>\n </td>\n </tr>\n </ng-template>\n </p-table>\n\n <formulario-dinamico #formulario [editable]=\"true\" [campos]=\"campos\" \n [objeto]=\"fuenteDTO\" *ngIf=\"verFormulario && campos.length > 0\"></formulario-dinamico>\n \n <div class=\"flex justify-content-end\">\n <button pButton pRipple class=\"m-2 p-button-outlined\"\n *ngIf=\"fuenteDTO.motor != 'X' && (isServicioWeb() || nombreArchivo != null)\" icon=\"pi pi-upload\"\n label=\"{{'link_importar' | translate}}\" (click)=\"importar()\">\n </button>\n <button pButton pRipple class=\"m-2 p-button p-button-raised\" *ngIf=\"fuenteDTO.motor =='X'\"\n label=\"{{'link_importarejecutar' | translate}}\" (click)=\"importarEjecutar()\">\n </button>\n </div>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'historico' | translate}}\" *ngIf=\"paginadorProcesos.length > 0 && fuenteDTO != null\">\n\n </p-tabPanel>\n </p-tabView>\n</div>\n\n<div *ngIf=\"panel =='DATOS'\">\n\n <div class=\"card\" *ngIf=\"panelImportar =='GRUPOS'\">\n \n\n <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n <div>\n \n </div>\n\n <div class=\"flex justify-content-end\">\n <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n </button>\n <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n label=\"{{'link_eliminar' | translate}}\" (click)=\"cancelarProceso()\">\n </button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla.exportCSV()\"\n class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n (click)=\"dataExporter.exportExcelColumnas(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , 'tabla', columnasExportExcel)\"\n class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n (click)=\"dataExporter.exportPdf(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , exportColumns, 'tabla')\"\n class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n </div>\n </div>\n\n <p-table #tablaDatos responsiveLayout=\"scroll\" [value]=\"datos\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"datos.length\" [exportFilename]=\"'tablaDatos'\"\n [paginator]=\"datos.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n [showCurrentPageReport]=\"true\" selectionMode=\"single\" [scrollable]=\"true\" [columns]=\"cols\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"!isMotor()\"\n [(selection)]=\"grupo\" (onRowSelect)=\"verGrupo($event)\">\n \n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'grupo' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'advertencia' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td class=\"w-8rem font-medium\">{{bean.codigo}}</td>\n <td>\n {{bean.unicaLinea}}</td>\n <td>\n {{bean.mensajeErrores}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n\n <div *ngIf=\"panelImportar =='DETALLEGRUPO'\">\n <div *ngIf=\"!isMotor()\">\n <h5>{{'grupo' | translate}}: {{grupo.codigo}}</h5>\n <p-accordion *ngIf=\"!isMotor()\">\n <p-accordionTab [selected]=\"true\">\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'linea' | translate}} </ng-template>\n <ng-template pTemplate=\"content\">\n \n <p-table responsiveLayout=\"scroll\" [value]=\"paginadorCampos\" responsiveLaoyout=\"scroll\"\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n rowGroupMode=\"subheader\" dataKey=\"numeroLinea\" groupRowsBy=\"numeroLinea\" expandableRowGroups=\"true\"\n *ngIf=\"paginadorCampos.length > 0\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'campo' | translate}}</th>\n <th>{{'archivo' | translate}}</th>\n <th>{{'tipo' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n <tr>\n <td colspan=\"100\">\n <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n \n <span class=\"font-bold ml-2\" style=\"line-height: 40px;\"> {{'linea' | translate}}:\n {{bean.numeroLinea}}</span>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.campoAtributo}}</td>\n <td>{{bean.cadena}}</td>\n <td>{{bean.tipoDato | fuentePipe : 'listaTipoDato'}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </ng-template>\n </p-accordionTab>\n <p-accordionTab *ngIf=\"paginadorParametros?.length > 0\" >\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'servicio' | translate}} </ng-template>\n <ng-template pTemplate=\"content\">\n\n <p-table responsiveLayout=\"scroll\" [value]=\"paginadorParametros\" responsiveLaoyout=\"scroll\" \n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n rowGroupMode=\"subheader\" dataKey=\"llaveunica\" groupRowsBy=\"llaveunica\" expandableRowGroups=\"true\"\n *ngIf=\"paginadorParametros.length > 0\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'parametro' | translate}}s</th>\n <th>{{'valor' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n <tr>\n <td colspan=\"100\">\n <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n \n <span class=\"font-bold ml-2\" style=\"line-height: 40px;\">{{bean.llaveunica}}</span>\n <br/>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-bean>\n <tr>\n <td>{{bean.campoAtributo}}</td>\n <td>\n <label *ngIf=\"bean.tipoDato == 'L' || bean.tipoDato == 'T'\">{{bean.cadena}}</label>\n <label *ngIf=\"bean.tipoDato == 'D' || bean.tipoDato == 'N'\">{{bean.numero}}</label>\n <label *ngIf=\"bean.tipoDato == 'F'\">{{bean.cadena | date : ('formatofecha' | translate) }}</label>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </ng-template>\n </p-accordionTab>\n </p-accordion>\n </div>\n <div *ngIf=\"isMotor()\">\n <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n <div>\n \n </div>\n \n <div class=\"flex justify-content-end\">\n <div class=\"ml-2 mb-1 mt-2\" *ngIf=\"lineasConMensaje != 0\" >\n <p-checkbox class=\"ml-1\" [(ngModel)]=\"verInconsistencia\" [binary]=\"true\"> </p-checkbox>\n <label style=\"margin: 3px 8px;\"> {{'soloinconsistencias' | translate}}</label>\n </div>\n\n <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n </button>\n <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n label=\"{{'link_eliminar' | translate}}\" (click)=\"cancelarProceso()\">\n </button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla2.exportCSV()\"\n class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n (click)=\"dataExporter.exportExcel(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , 'tabla2')\"\n class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n (click)=\"dataExporter.exportPdf(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , exportColumns, 'tabla2')\"\n class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n </div>\n </div>\n <p-table #tablaDatos2 responsiveLayout=\"scroll\" [value]=\"lineasCargadas\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"lineasCargadas.length\"\n [paginator]=\"lineasCargadas.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"|\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n *ngIf=\"lineasCargadas.length > 0 && !verInconsistencia\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'numerolinea' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'mensaje' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.numero}}</td>\n <td>{{bean.linea}}</td>\n <td>{{bean.mensaje}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"footer\" let-dato >\n <tr>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n </tr>\n </ng-template>\n </p-table>\n <p-table responsiveLayout=\"scroll\" [value]=\"lineasInconsistencia\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"lineasInconsistencia.length\"\n [paginator]=\"lineasInconsistencia.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n *ngIf=\"lineasInconsistencia.length > 0 && verInconsistencia\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'numerolinea' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'mensaje' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.numero}}</td>\n <td>{{bean.linea}}</td>\n <td>{{bean.mensaje}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"footer\" let-dato >\n <tr>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n </tr>\n </ng-template>\n </p-table>\n \n </div>\n </div>\n \n \n</div>\n</div>\n", styles: ["#btn-cargar-popup .p-fileupload .p-button{background:#fff;box-shadow:none;width:auto;color:var(--color-400);padding:.85rem .1rem;border-radius:0 5px 5px 0;margin-left:-3px;border-right:solid 1px var(--color-100)}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i15.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i7$4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i17.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i17.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: TablaGeneralComponent, selector: "app-tabla-general", inputs: ["dataKey", "value", "columns", "rows", "totalRecords", "loading", "ocultarFraccionador"], outputs: ["onLoad", "onRowSelect"] }, { kind: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i15$2.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i15$2.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: FormulariodinamicoComponent, selector: "formulario-dinamico", inputs: ["campos", "editable", "objeto", "isMensaje"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i20.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FuentePipe, name: "fuentePipe" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9566
9566
|
}
|
|
9567
9567
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ImportarFuenteConComponent, decorators: [{
|
|
9568
9568
|
type: Component,
|
|
9569
|
-
args: [{ selector: 'app-importar-fuente-con', imports: [TableModule, ConfirmPopupModule, InputTextModule, TranslateModule, CheckboxModule, TabViewModule, TablaGeneralComponent, FiltroGeneralComponent, AccordionModule, DatePipe, ButtonModule, CheckboxModule, FormulariodinamicoComponent, FileUploadModule, FormsModule, FuentePipe, FormsModule, ReactiveFormsModule, CommonModule,], standalone: true, providers: [DataExporter, MessageService, ConfirmationService], template: "<div *ngIf=\"!mostrar\">\n <div class=\"flex justify-content-between align-items-center mb-3\">\n <app-filtro-general [filtros]=\"filters\" [datatable]=\"tablaGeneral\">\n <ng-template let-form>\n <ng-container [formGroup]=\"form\">\n <label for=\"descripcion\">{{'filtro' | translate}}</label>\n <input pInputText autofocus type=\"text\" id=\"descripcion\" formControlName=\"descripcion\"\n autocomplete=\"off\" />\n </ng-container>\n </ng-template>\n </app-filtro-general>\n </div>\n <app-tabla-general #tablaGeneral [columns]=\"columns\" [value]=\"paginadorFuente\" [rows]=\"paginator.rows\"\n [totalRecords]=\"paginator.totalRecords\" (onLoad)=\"cargarlistado($event)\" (onRowSelect)=\"cargar($event)\"\n [loading]=\"loadingPaginadorFuente\"></app-tabla-general>\n</div>\n<div *ngIf=\"mostrar\">\n <div class=\"card mt-3\" *ngIf=\"fuenteDTO != null\">\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n <div class=\"Inputgroup p-fluid p-formgrid grid\">\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.descripcion\" [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"fuente\">{{'fuente' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{fuenteDTO.tipo | fuentePipe:'listaTipoFuente'}}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"tipo\">{{'tipo' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{fuenteDTO.separador | fuentePipe:'listaSeparador'}}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"separador\">{{'separador' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"procesoDTO != null\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{procesoDTO.fechaProceso | date: ('formatofecha' | translate) }}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"fechaproceso\">{{'fechaproceso' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"nombreArchivo != null && this.panel == 'DATOS' \">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"nombreArchivo\" [disabled]=\"true\" pInputText autofocus\n type=\"text\" />\n <label for=\"nombrearchivo\">{{'nombrearchivo' | translate}}</label>\n </span>\n </div>\n </div>\n </div>\n\n<div *ngIf=\"panel =='IMPORTAR'\">\n <p-tabView>\n <p-tabPanel header=\"{{'entrada' | translate}}\" *ngIf=\"fuenteDTO != null\">\n <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"fuenteDTO?.motor == 'X'\">\n <div class=\"card mt-2 mb-2\">\n <div class=\"contenedor p-fluid grid mt-1 mb-1\">\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.estado\" [disabled]=\"true\" pInputText\n autofocus type=\"text\" />\n <label for=\"estado\">{{'estado' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.solicitaDetalle\" [disabled]=\"true\"\n pInputText autofocus type=\"text\" />\n <label for=\"detalle\">{{'detalle' | translate}}</label>\n </span>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"card mt-2 mb-2 field col-12 md:col-12 lg:col-12\" *ngIf=\"!isServicioWeb()\">\n\n <p-table [value]=\"camposArchivo\">\n <ng-template pTemplate=\"body\" let-campo>\n <tr>\n <td style=\"width: 20%;\">\n <label>{{campo.descripcion}}</label>\n </td>\n <td style=\"width: 80%\">\n <div class=\"p-fluid p-formgrid grid\">\n <div class=\"col-12 md:col-12\" id=\"btn-cargar-popup\">\n <div class=\"p-inputgroup\">\n <input pInputText [readonly]=\"true\" [value]=\"archivoSeleccionado?.name ? archivoSeleccionado?.name : ''\" disabled />\n <p-fileUpload #fubauto mode=\"basic\" [customUpload]=\"true\" chooseIcon=\"pi pi-paperclip\"\n (onSelect)=\"cargarArchivo($event, fubauto)\" ></p-fileUpload>\n </div>\n </div>\n </div>\n </td>\n </tr>\n </ng-template>\n </p-table>\n\n <formulario-dinamico #formulario [editable]=\"true\" [campos]=\"campos\" \n [objeto]=\"fuenteDTO\" *ngIf=\"verFormulario && campos.length > 0\"></formulario-dinamico>\n \n <div class=\"flex justify-content-end\">\n <button pButton pRipple class=\"m-2 p-button-outlined\"\n *ngIf=\"fuenteDTO.motor != 'X' && (isServicioWeb() || nombreArchivo != null)\" icon=\"pi pi-upload\"\n label=\"{{'link_importar' | translate}}\" (click)=\"importar()\">\n </button>\n <button pButton pRipple class=\"m-2 p-button p-button-raised\" *ngIf=\"fuenteDTO.motor =='X'\"\n label=\"{{'link_importarejecutar' | translate}}\" (click)=\"importarEjecutar()\">\n </button>\n </div>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'historico' | translate}}\" *ngIf=\"paginadorProcesos.length > 0 && fuenteDTO != null\">\n\n </p-tabPanel>\n </p-tabView>\n</div>\n\n<div *ngIf=\"panel =='DATOS'\">\n\n <div class=\"card\" *ngIf=\"panelImportar =='GRUPOS'\">\n \n\n <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n <div>\n \n </div>\n\n <div class=\"flex justify-content-end\">\n <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n </button>\n <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n label=\"{{'link_eliminar' | translate}}111\" (click)=\"cancelarProceso()\">\n </button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla.exportCSV()\"\n class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n (click)=\"dataExporter.exportExcelColumnas(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , 'tabla', columnasExportExcel)\"\n class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n (click)=\"dataExporter.exportPdf(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , exportColumns, 'tabla')\"\n class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n </div>\n </div>\n\n <p-table #tablaDatos responsiveLayout=\"scroll\" [value]=\"datos\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"datos.length\" [exportFilename]=\"'tablaDatos'\"\n [paginator]=\"datos.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n [showCurrentPageReport]=\"true\" selectionMode=\"single\" [scrollable]=\"true\" [columns]=\"cols\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"!isMotor()\"\n [(selection)]=\"grupo\" (onRowSelect)=\"verGrupo($event)\">\n \n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'grupo' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'advertencia' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td class=\"w-8rem font-medium\">{{bean.codigo}}</td>\n <td>\n {{bean.unicaLinea}}</td>\n <td>\n {{bean.mensajeErrores}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n\n <div *ngIf=\"panelImportar =='DETALLEGRUPO'\">\n <div *ngIf=\"!isMotor()\">\n <h5>{{'grupo' | translate}}: {{grupo.codigo}}</h5>\n <p-accordion *ngIf=\"!isMotor()\">\n <p-accordionTab [selected]=\"true\">\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'linea' | translate}} </ng-template>\n <ng-template pTemplate=\"content\">\n \n <p-table responsiveLayout=\"scroll\" [value]=\"paginadorCampos\" responsiveLaoyout=\"scroll\"\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n rowGroupMode=\"subheader\" dataKey=\"numeroLinea\" groupRowsBy=\"numeroLinea\" expandableRowGroups=\"true\"\n *ngIf=\"paginadorCampos.length > 0\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'campo' | translate}}</th>\n <th>{{'archivo' | translate}}</th>\n <th>{{'tipo' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n <tr>\n <td colspan=\"100\">\n <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n \n <span class=\"font-bold ml-2\" style=\"line-height: 40px;\"> {{'linea' | translate}}:\n {{bean.numeroLinea}}</span>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.campoAtributo}}</td>\n <td>{{bean.cadena}}</td>\n <td>{{bean.tipoDato | fuentePipe : 'listaTipoDato'}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </ng-template>\n </p-accordionTab>\n <p-accordionTab *ngIf=\"paginadorParametros?.length > 0\" >\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'servicio' | translate}} </ng-template>\n <ng-template pTemplate=\"content\">\n\n <p-table responsiveLayout=\"scroll\" [value]=\"paginadorParametros\" responsiveLaoyout=\"scroll\" \n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n rowGroupMode=\"subheader\" dataKey=\"llaveunica\" groupRowsBy=\"llaveunica\" expandableRowGroups=\"true\"\n *ngIf=\"paginadorParametros.length > 0\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'parametro' | translate}}s</th>\n <th>{{'valor' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n <tr>\n <td colspan=\"100\">\n <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n \n <span class=\"font-bold ml-2\" style=\"line-height: 40px;\">{{bean.llaveunica}}</span>\n <br/>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-bean>\n <tr>\n <td>{{bean.campoAtributo}}</td>\n <td>\n <label *ngIf=\"bean.tipoDato == 'L' || bean.tipoDato == 'T'\">{{bean.cadena}}</label>\n <label *ngIf=\"bean.tipoDato == 'D' || bean.tipoDato == 'N'\">{{bean.numero}}</label>\n <label *ngIf=\"bean.tipoDato == 'F'\">{{bean.cadena | date : ('formatofecha' | translate) }}</label>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </ng-template>\n </p-accordionTab>\n </p-accordion>\n </div>\n <div *ngIf=\"isMotor()\">\n <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n <div>\n \n </div>\n \n <div class=\"flex justify-content-end\">\n <div class=\"ml-2 mb-1 mt-2\" *ngIf=\"lineasConMensaje != 0\" >\n <p-checkbox class=\"ml-1\" [(ngModel)]=\"verInconsistencia\" [binary]=\"true\"> </p-checkbox>\n <label style=\"margin: 3px 8px;\"> {{'soloinconsistencias' | translate}}</label>\n </div>\n\n <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n </button>\n <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n label=\"{{'link_eliminar' | translate}}222\" (click)=\"cancelarProceso()\">\n </button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla2.exportCSV()\"\n class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n (click)=\"dataExporter.exportExcel(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , 'tabla2')\"\n class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n (click)=\"dataExporter.exportPdf(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , exportColumns, 'tabla2')\"\n class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n </div>\n </div>\n <p-table #tablaDatos2 responsiveLayout=\"scroll\" [value]=\"lineasCargadas\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"lineasCargadas.length\"\n [paginator]=\"lineasCargadas.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"|\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n *ngIf=\"lineasCargadas.length > 0 && !verInconsistencia\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'numerolinea' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'mensaje' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.numero}}</td>\n <td>{{bean.linea}}</td>\n <td>{{bean.mensaje}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"footer\" let-dato >\n <tr>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n </tr>\n </ng-template>\n </p-table>\n <p-table responsiveLayout=\"scroll\" [value]=\"lineasInconsistencia\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"lineasInconsistencia.length\"\n [paginator]=\"lineasInconsistencia.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n *ngIf=\"lineasInconsistencia.length > 0 && verInconsistencia\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'numerolinea' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'mensaje' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.numero}}</td>\n <td>{{bean.linea}}</td>\n <td>{{bean.mensaje}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"footer\" let-dato >\n <tr>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n </tr>\n </ng-template>\n </p-table>\n \n </div>\n </div>\n \n \n</div>\n</div>\n", styles: ["#btn-cargar-popup .p-fileupload .p-button{background:#fff;box-shadow:none;width:auto;color:var(--color-400);padding:.85rem .1rem;border-radius:0 5px 5px 0;margin-left:-3px;border-right:solid 1px var(--color-100)}\n"] }]
|
|
9569
|
+
args: [{ selector: 'app-importar-fuente-con', imports: [TableModule, ConfirmPopupModule, InputTextModule, TranslateModule, CheckboxModule, TabViewModule, TablaGeneralComponent, FiltroGeneralComponent, AccordionModule, DatePipe, ButtonModule, CheckboxModule, FormulariodinamicoComponent, FileUploadModule, FormsModule, FuentePipe, FormsModule, ReactiveFormsModule, CommonModule,], standalone: true, providers: [DataExporter, MessageService, ConfirmationService], template: "<p-confirmPopup></p-confirmPopup>\n<div *ngIf=\"!mostrar\">\n <div class=\"flex justify-content-between align-items-center mb-3\">\n <app-filtro-general [filtros]=\"filters\" [datatable]=\"tablaGeneral\">\n <ng-template let-form>\n <ng-container [formGroup]=\"form\">\n <label for=\"descripcion\">{{'filtro' | translate}}</label>\n <input pInputText autofocus type=\"text\" id=\"descripcion\" formControlName=\"descripcion\"\n autocomplete=\"off\" />\n </ng-container>\n </ng-template>\n </app-filtro-general>\n </div>\n <app-tabla-general #tablaGeneral [columns]=\"columns\" [value]=\"paginadorFuente\" [rows]=\"paginator.rows\"\n [totalRecords]=\"paginator.totalRecords\" (onLoad)=\"cargarlistado($event)\" (onRowSelect)=\"cargar($event)\"\n [loading]=\"loadingPaginadorFuente\"></app-tabla-general>\n</div>\n<div *ngIf=\"mostrar\">\n <div class=\"card mt-3\" *ngIf=\"fuenteDTO != null\">\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n <div class=\"Inputgroup p-fluid p-formgrid grid\">\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.descripcion\" [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"fuente\">{{'fuente' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{fuenteDTO.tipo | fuentePipe:'listaTipoFuente'}}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"tipo\">{{'tipo' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{fuenteDTO.separador | fuentePipe:'listaSeparador'}}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"separador\">{{'separador' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"procesoDTO != null\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" value=\"{{procesoDTO.fechaProceso | date: ('formatofecha' | translate) }}\"\n [disabled]=\"true\" pInputText autofocus type=\"text\" />\n <label for=\"fechaproceso\">{{'fechaproceso' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"nombreArchivo != null && this.panel == 'DATOS' \">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"nombreArchivo\" [disabled]=\"true\" pInputText autofocus\n type=\"text\" />\n <label for=\"nombrearchivo\">{{'nombrearchivo' | translate}}</label>\n </span>\n </div>\n </div>\n </div>\n\n<div *ngIf=\"panel =='IMPORTAR'\">\n <p-tabView>\n <p-tabPanel header=\"{{'entrada' | translate}}\" *ngIf=\"fuenteDTO != null\">\n <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"fuenteDTO?.motor == 'X'\">\n <div class=\"card mt-2 mb-2\">\n <div class=\"contenedor p-fluid grid mt-1 mb-1\">\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.estado\" [disabled]=\"true\" pInputText\n autofocus type=\"text\" />\n <label for=\"estado\">{{'estado' | translate}}</label>\n </span>\n </div>\n <div class=\"field col-3 md:col-3 lg:col-3\">\n <span class=\"p-float-label\">\n <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.solicitaDetalle\" [disabled]=\"true\"\n pInputText autofocus type=\"text\" />\n <label for=\"detalle\">{{'detalle' | translate}}</label>\n </span>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"card mt-2 mb-2 field col-12 md:col-12 lg:col-12\" *ngIf=\"!isServicioWeb()\">\n\n <p-table [value]=\"camposArchivo\">\n <ng-template pTemplate=\"body\" let-campo>\n <tr>\n <td style=\"width: 20%;\">\n <label>{{campo.descripcion}}</label>\n </td>\n <td style=\"width: 80%\">\n <div class=\"p-fluid p-formgrid grid\">\n <div class=\"col-12 md:col-12\" id=\"btn-cargar-popup\">\n <div class=\"p-inputgroup\">\n <input pInputText [readonly]=\"true\" [value]=\"archivoSeleccionado?.name ? archivoSeleccionado?.name : ''\" disabled />\n <p-fileUpload #fubauto mode=\"basic\" [customUpload]=\"true\" chooseIcon=\"pi pi-paperclip\"\n (onSelect)=\"cargarArchivo($event, fubauto)\" ></p-fileUpload>\n </div>\n </div>\n </div>\n </td>\n </tr>\n </ng-template>\n </p-table>\n\n <formulario-dinamico #formulario [editable]=\"true\" [campos]=\"campos\" \n [objeto]=\"fuenteDTO\" *ngIf=\"verFormulario && campos.length > 0\"></formulario-dinamico>\n \n <div class=\"flex justify-content-end\">\n <button pButton pRipple class=\"m-2 p-button-outlined\"\n *ngIf=\"fuenteDTO.motor != 'X' && (isServicioWeb() || nombreArchivo != null)\" icon=\"pi pi-upload\"\n label=\"{{'link_importar' | translate}}\" (click)=\"importar()\">\n </button>\n <button pButton pRipple class=\"m-2 p-button p-button-raised\" *ngIf=\"fuenteDTO.motor =='X'\"\n label=\"{{'link_importarejecutar' | translate}}\" (click)=\"importarEjecutar()\">\n </button>\n </div>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'historico' | translate}}\" *ngIf=\"paginadorProcesos.length > 0 && fuenteDTO != null\">\n\n </p-tabPanel>\n </p-tabView>\n</div>\n\n<div *ngIf=\"panel =='DATOS'\">\n\n <div class=\"card\" *ngIf=\"panelImportar =='GRUPOS'\">\n \n\n <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n <div>\n \n </div>\n\n <div class=\"flex justify-content-end\">\n <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n </button>\n <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n label=\"{{'link_eliminar' | translate}}\" (click)=\"cancelarProceso()\">\n </button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla.exportCSV()\"\n class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n (click)=\"dataExporter.exportExcelColumnas(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , 'tabla', columnasExportExcel)\"\n class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n (click)=\"dataExporter.exportPdf(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , exportColumns, 'tabla')\"\n class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n </div>\n </div>\n\n <p-table #tablaDatos responsiveLayout=\"scroll\" [value]=\"datos\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"datos.length\" [exportFilename]=\"'tablaDatos'\"\n [paginator]=\"datos.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n [showCurrentPageReport]=\"true\" selectionMode=\"single\" [scrollable]=\"true\" [columns]=\"cols\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"!isMotor()\"\n [(selection)]=\"grupo\" (onRowSelect)=\"verGrupo($event)\">\n \n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'grupo' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'advertencia' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td class=\"w-8rem font-medium\">{{bean.codigo}}</td>\n <td>\n {{bean.unicaLinea}}</td>\n <td>\n {{bean.mensajeErrores}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n\n <div *ngIf=\"panelImportar =='DETALLEGRUPO'\">\n <div *ngIf=\"!isMotor()\">\n <h5>{{'grupo' | translate}}: {{grupo.codigo}}</h5>\n <p-accordion *ngIf=\"!isMotor()\">\n <p-accordionTab [selected]=\"true\">\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'linea' | translate}} </ng-template>\n <ng-template pTemplate=\"content\">\n \n <p-table responsiveLayout=\"scroll\" [value]=\"paginadorCampos\" responsiveLaoyout=\"scroll\"\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n rowGroupMode=\"subheader\" dataKey=\"numeroLinea\" groupRowsBy=\"numeroLinea\" expandableRowGroups=\"true\"\n *ngIf=\"paginadorCampos.length > 0\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'campo' | translate}}</th>\n <th>{{'archivo' | translate}}</th>\n <th>{{'tipo' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n <tr>\n <td colspan=\"100\">\n <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n \n <span class=\"font-bold ml-2\" style=\"line-height: 40px;\"> {{'linea' | translate}}:\n {{bean.numeroLinea}}</span>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.campoAtributo}}</td>\n <td>{{bean.cadena}}</td>\n <td>{{bean.tipoDato | fuentePipe : 'listaTipoDato'}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </ng-template>\n </p-accordionTab>\n <p-accordionTab *ngIf=\"paginadorParametros?.length > 0\" >\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'servicio' | translate}} </ng-template>\n <ng-template pTemplate=\"content\">\n\n <p-table responsiveLayout=\"scroll\" [value]=\"paginadorParametros\" responsiveLaoyout=\"scroll\" \n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n rowGroupMode=\"subheader\" dataKey=\"llaveunica\" groupRowsBy=\"llaveunica\" expandableRowGroups=\"true\"\n *ngIf=\"paginadorParametros.length > 0\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'parametro' | translate}}s</th>\n <th>{{'valor' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n <tr>\n <td colspan=\"100\">\n <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n \n <span class=\"font-bold ml-2\" style=\"line-height: 40px;\">{{bean.llaveunica}}</span>\n <br/>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-bean>\n <tr>\n <td>{{bean.campoAtributo}}</td>\n <td>\n <label *ngIf=\"bean.tipoDato == 'L' || bean.tipoDato == 'T'\">{{bean.cadena}}</label>\n <label *ngIf=\"bean.tipoDato == 'D' || bean.tipoDato == 'N'\">{{bean.numero}}</label>\n <label *ngIf=\"bean.tipoDato == 'F'\">{{bean.cadena | date : ('formatofecha' | translate) }}</label>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </ng-template>\n </p-accordionTab>\n </p-accordion>\n </div>\n <div *ngIf=\"isMotor()\">\n <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n <div>\n \n </div>\n \n <div class=\"flex justify-content-end\">\n <div class=\"ml-2 mb-1 mt-2\" *ngIf=\"lineasConMensaje != 0\" >\n <p-checkbox class=\"ml-1\" [(ngModel)]=\"verInconsistencia\" [binary]=\"true\"> </p-checkbox>\n <label style=\"margin: 3px 8px;\"> {{'soloinconsistencias' | translate}}</label>\n </div>\n\n <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n </button>\n <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n label=\"{{'link_eliminar' | translate}}\" (click)=\"cancelarProceso()\">\n </button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla2.exportCSV()\"\n class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n (click)=\"dataExporter.exportExcel(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , 'tabla2')\"\n class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n tooltipPosition=\"bottom\"></button>\n <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n (click)=\"dataExporter.exportPdf(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , exportColumns, 'tabla2')\"\n class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n </div>\n </div>\n <p-table #tablaDatos2 responsiveLayout=\"scroll\" [value]=\"lineasCargadas\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"lineasCargadas.length\"\n [paginator]=\"lineasCargadas.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"|\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n *ngIf=\"lineasCargadas.length > 0 && !verInconsistencia\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'numerolinea' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'mensaje' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.numero}}</td>\n <td>{{bean.linea}}</td>\n <td>{{bean.mensaje}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"footer\" let-dato >\n <tr>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n </tr>\n </ng-template>\n </p-table>\n <p-table responsiveLayout=\"scroll\" [value]=\"lineasInconsistencia\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n [rows]=\"10\" [totalRecords]=\"lineasInconsistencia.length\"\n [paginator]=\"lineasInconsistencia.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n *ngIf=\"lineasInconsistencia.length > 0 && verInconsistencia\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'numerolinea' | translate}}</th>\n <th>{{'linea' | translate}}</th>\n <th>{{'mensaje' | translate}}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.numero}}</td>\n <td>{{bean.linea}}</td>\n <td>{{bean.mensaje}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"footer\" let-dato >\n <tr>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n </tr>\n </ng-template>\n </p-table>\n \n </div>\n </div>\n \n \n</div>\n</div>\n", styles: ["#btn-cargar-popup .p-fileupload .p-button{background:#fff;box-shadow:none;width:auto;color:var(--color-400);padding:.85rem .1rem;border-radius:0 5px 5px 0;margin-left:-3px;border-right:solid 1px var(--color-100)}\n"] }]
|
|
9570
9570
|
}], ctorParameters: () => [{ type: GeneralService }, { type: DataExporter }, { type: AuthService }, { type: FuentePipe }, { type: CargueLineaService }, { type: ToastService }, { type: i7.ConfirmationService }, { type: MenuService$1 }, { type: GeneralPipe }, { type: UtilsService }, { type: ParametrosNavegacionService }, { type: i7$2.TranslateService }], propDecorators: { regresarFuente: [{
|
|
9571
9571
|
type: Output
|
|
9572
9572
|
}], formulario: [{
|
|
@@ -11954,7 +11954,7 @@ class DetalleTipoReporteComponent {
|
|
|
11954
11954
|
return this.reporteFuente.origenFuente == tipo;
|
|
11955
11955
|
}
|
|
11956
11956
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleTipoReporteComponent, deps: [{ token: i1$1.FormBuilder }, { token: ToastService }, { token: GeneralService }, { token: GeneralPipe }, { token: AuthService }, { token: ReporteFuentePipe }, { token: i7.ConfirmationService }, { token: CargarArchivosService }, { token: EncriptadoBasicoService }, { token: UtilsService }, { token: i7$2.TranslateService }, { token: FuentePipe }, { token: ReporteColumnarioPipe }, { token: EjecucionReporteService }], target: i0.ɵɵFactoryTarget.Component });
|
|
11957
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleTipoReporteComponent, isStandalone: true, selector: "detalle-tipo-reporte", inputs: { llaveReporte: "llaveReporte", aplicacion: "aplicacion", listaFuentes: "listaFuentes" }, providers: [MessageService], ngImport: i0, template: "<p-tabView (onChange)=\"cambiarTab($event)\">\n <p-tabPanel header=\"{{'excel' | translate }}\" [selected]=\"true\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <p class=\"font-semibold\">{{'debe' | translate}} {{'indicar' | translate}} {{'plantilla' | translate}} {{'y' | translate}}\n {{'hoja' | translate}} {{'para' | translate}} {{'que' | translate}} {{'esta' | translate}}\n {{'opcion' | translate}} {{'se' | translate}} {{'active' | translate}}\n </p>\n <div class=\"p-fluid p-formgrid grid\">\n <div class=\"field col-12 md:col-4\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n [label]=\"reporteFuente.archivoTodo ? reporteFuente.archivoTodo: ''\"\n [extensiones]=\"'xls;xlsx'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n (onSelected)=\"obtenerArchivo($event)\"></app-input-helper-seleccion-plantilla>\n\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n translate }}</label> \n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"reporteFuente.cifradoExcel\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label>\n </p-floatLabel>\n </div>\n </div>\n\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\"\n (click)=\"actualizar()\">\n </button>\n </div>\n </div>\n </div>\n\n <p-pickList [source]=\"listaExcel\" [target]=\"listaNoExcel\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n filterBy=\"sintaxis\" (onSourceReorder)=\"moverAAsociado($event)\"\n (onMoveAllToTarget)=\"moverADesasociado($event)\" (onMoveAllToSource)=\"moverAAsociado($event)\"\n (onMoveToTarget)=\"moverADesasociado($event)\" (onMoveToSource)=\"moverAAsociado($event)\">\n <ng-template let-excel pTemplate=\"item\">\n <div>\n <label>{{excel.nombre}}</label>\n </div>\n </ng-template>\n </p-pickList>\n\n <div class=\"mt-4\">\n <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevoMarcadorExcel()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorExcel\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorExcel\">\n <button pButton pRipple (click)=\"verNuevoMarcadorExcel = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaMarcadorExcel\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcadorExcel\" [rows]=\"10\"\n [totalRecords]=\"listaMarcadorExcel.length\" [paginator]=\"listaMarcadorExcel.length > 10\"\n (onRowSelect)=\"verDetalleMarcadorExcel($event)\" (onRowUnselect)=\"verDetalleMarcadorExcel($event)\" *ngIf=\"!verNuevoMarcadorExcel\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'descripcion' | translate }}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-marcador>\n <tr [pSelectableRow]=\"marcador\">\n <td>{{marcador.descripcion}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorExcel\">\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n <div class=\"Detallereporte mt-4 \">\n <form [formGroup]=\"formMarcadorExcel\" >\n <div class=\"col-md-12 p-fluid p-formgrid grid\">\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\" maxlength=\"4000\">\n <label>{{'descripcion' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\" maxlength=\"4000\">\n <label>{{'marcador' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown\n [options]=\"[{label: 'Imagen Fija', value: 'IF'}, {label: 'Marcador', value: 'MA'}]\"\n [autoDisplayFirst]=\"false\" formControlName=\"tipo\" optionLabel=\"label\"\n optionValue=\"value\"></p-dropdown>\n <label>{{'tipo' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-12\" [hidden]=\"esImagenFija\">\n <label>{{'valor' | translate }} *</label>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n <p-floatLabel>\n <p-dropdown\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n [autoDisplayFirst]=\"false\" formControlName=\"origen\" optionLabel=\"label\"\n optionValue=\"value\"></p-dropdown>\n <label>{{'origen' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n formControlName=\"textoRegistro\"\n [label]=\"reporteMarcadorExcel.textoRegistro ? reporteMarcadorExcel.textoRegistro: ''\"\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcadorExcel($event)\"\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"('recursos' | translate)\" [labelarch]=\"'recurso' | translate\" [mostrarX]=\"true\"\n [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporteMarcadorExcel.textoRegistro) && clickGuardarMarcadorExcel)\"\n [anexoPropiedad]=\"reporteMarcadorExcel.origen =='C' ? llaveEmpresa: ''\"\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n </div>\n </div>\n </form>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" *ngIf=\"verNuevoMarcadorExcel\">\n <button pButton pRipple class=\"ml-2 p-button-raised\" icon=\"glyphicons {{reporteMarcadorExcel.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{reporteMarcadorExcel.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorExcel()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"reporteMarcadorExcel.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarMarcadorExcel($event)\">\n </button>\n </div>\n </div>\n </div>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'plantilla' | translate }}\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\">\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.unicoArchivo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n <label>{{'soporte' | translate }} {{'unico' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.descargarFuente\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n <label>{{'descargardoc' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.generarPin\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n <label>{{'generarpin' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaColumnas\" [(ngModel)]=\"reporteFuente.campoAgrupacionPlanilla\" \n [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'agruparpor' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreAgrupacionPlanilla\" size=\"25\"\n maxlength=\"100\">\n <label>{{'nombrearchivoagrupacion' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"reporteFuente.cifradoPlanilla\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteFuente.unicoArchivo == 'N'\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n [label]=\"reporteFuente.archivoIndividual ? reporteFuente.archivoIndividual: ''\"\n [labelrar]=\"'archivo' | translate\" [labelarch]=\"'archivo' | translate\" [mostraroblicargo]=\"true\"\n (onSelected)=\"obtenerArchivoPlanilla($event)\"></app-input-helper-seleccion-plantilla>\n </div>\n\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n </button>\n </div>\n </div>\n </div>\n\n <p-tabView >\n <p-tabPanel header=\"{{'marcadores' | translate }}\" [selected]=\"true\">\n \n <div class=\"flex justify-content-end align-items-center mb-3\">\n <button pButton pRipple class=\"p-button-secondary font-semibold mb-2\" icon=\"pi pi-plus\"\n (click)=\"nuevoMarcador()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcador\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcador\">\n <button pButton pRipple (click)=\"verNuevoMarcador = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaMarcadores\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcador\"\n [rows]=\"10\" [totalRecords]=\"listaMarcadores.length\"\n [paginator]=\"listaMarcadores.length > 10\" *ngIf=\"!verNuevoMarcador\"\n (onRowSelect)=\"verDetalleMarcador($event)\" (onRowUnselect)=\"verDetalleMarcador($event)\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'descripcion' | translate }}</th>\n <th>{{'tipo' | translate }}</th>\n <th>{{'columna' | translate }}</th>\n <th>{{'marcador' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-marcador>\n <tr [pSelectableRow]=\"marcador\">\n <td>{{marcador.descripcion}}</td>\n <td>{{marcador.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n <td>{{marcador.tipo == 'IF' ? marcador.textoRegistro : marcador.nombreColumna}}</td>\n <td>{{marcador.marcador}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n\n <div class=\"card col-md-12\" *ngIf=\"verNuevoMarcador\">\n <div class=\"Detallereporte mt-2\">\n <form [formGroup]=\"formMarcador\">\n <p class=\"font-semibold\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\"\n maxlength=\"4000\">\n <label>{{'descripcion' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoMarcador\" [autoDisplayFirst]=\"false\" \n formControlName=\"tipo\" optionLabel=\"nombre\"\n optionValue=\"codigo\"></p-dropdown>\n <label>{{'tipo' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!(['MA','IM','MR','IF','QR','BC','G1'].includes(reporteMarcador.tipo))\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\">\n <label>{{'marcador' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"tabla\" size=\"25\">\n <label>{{'tabla' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'IF'\">\n <p-floatLabel>\n <p-dropdown\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n [autoDisplayFirst]=\"false\" [showClear]=\"true\" formControlName=\"origen\" optionLabel=\"label\"\n optionValue=\"value\"></p-dropdown>\n <label>{{'origen' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"reporteMarcador.tipo != 'IF' || !reporteMarcador.origen\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n formControlName=\"textoRegistro\"\n [label]=\"reporteMarcador.textoRegistro ? reporteMarcador.textoRegistro: ''\"\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcador($event)\"\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"'recursos' | translate\"\n [anexoPropiedad]=\"reporteMarcador.origen =='C' ? llaveEmpresa: ''\"\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['MA','IM','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaColumnas\" formControlName=\"reporteColumna\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'columna' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MA'\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"formato\" size=\"25\">\n <label>{{'formato' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n <p-floatLabel>\n <p-inputNumber formControlName=\"ancho\" [maxlength]=\"5\"> </p-inputNumber>\n <label>{{'ancho' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n <p-floatLabel>\n <p-inputNumber formControlName=\"alto\" [maxlength]=\"5\"> </p-inputNumber>\n <label>{{'alto' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo1\"></textarea>\n <label>{{'grupo1' | translate }}</label> \n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo2\"></textarea>\n <label>{{'grupo2' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo3\"></textarea>\n <label>{{'grupo3' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"finalGrupo\"></textarea>\n <label>{{'finalgrupo' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\n <label>{{'texto' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['MR','TB'].includes(reporteMarcador.tipo)\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" formControlName=\"tieneSql\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n <label>{{'sql' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['S'].includes(reporteMarcador.tieneSql)))\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"query\"></textarea>\n <label>{{'consulta' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n formControlName=\"fuente\" optionLabel=\"descripcion\"\n optionValue=\"llave\"></p-dropdown>\n <label>{{'fuente' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoGrafico_JFC\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\"\n optionValue=\"codigo\"></p-dropdown>\n <label>{{'grafica' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"marcadorGrafico\" size=\"25\">\n <label>{{'marcadorgrafica' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"titulox\" size=\"25\">\n <label>{{'titulo' | translate }} X</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"tituloy\" size=\"25\">\n <label>{{'titulo' | translate }} Y</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"banda\" size=\"25\">\n <label>{{'colordinamico' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" size=\"25\">\n <label>{{'numerocategorias' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-12\"\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"filtro\"></textarea>\n <label>{{'filtro' | translate }}</label>\n </p-floatLabel>\n </div>\n </div>\n </form>\n\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n icon=\"glyphicons {{reporteMarcador.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporteMarcador.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n (click)=\"guardarMarcador()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"reporteMarcador.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarMarcador($event)\">\n </button>\n </div>\n </div>\n </div>\n <div *ngIf=\"verNuevoMarcador && reporteMarcador.llave != null && (reporteMarcador.tipo == 'MR' || reporteMarcador.tipo == 'TB')\">\n <div class=\"flex justify-content-end align-items-center mb-3\">\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTabla()\" icon=\"pi pi-plus\"\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n </div>\n <p-table [value]=\"listaCamposMarcador\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcador.length\" [scrollable]=\"true\"\n [paginator]=\"listaCamposMarcador.length > 10\" \n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n editMode=\"row\" dataKey=\"llave\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th style=\"width: 10%;\">{{'columna' | translate }}</th>\n <th style=\"width: 10%;\">{{'campo' | translate }}</th>\n <th style=\"width: 10%;\">{{'formato' | translate }}</th>\n <th style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">{{'tipo' | translate }}</th>\n <th style=\"width: 10%;\"*ngIf=\"reporteMarcador.tipo == 'TB'\">{{'medidas' | translate }}</th>\n <th style=\"width: 10%;\"> </th>\n </tr>\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalle\">\n <td style=\"width: 10%;\">\n <input pInputText [(ngModel)]=\"campoMarcadorInsertar.columna\" \n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\" />\n </td>\n <td style=\"width: 10%;\">\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.campoFuente\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\">\n </td>\n <td style=\"width: 10%;\">\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.formato\">\n </td>\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [(ngModel)]=\"campoMarcadorInsertar.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n </td>\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n <div *ngIf=\"campoMarcadorInsertar.tipo =='I'\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.ancho\">\n <label>{{'ancho' | translate}}</label>\n </p-floatLabel>\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.alto\">\n <label>{{'alto' | translate}}</label>\n </p-floatLabel>\n </div>\n </td>\n <td style=\"width: 10%;\" >\n <div class=\"flex justify-content-end\">\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campoMarcadorInsertar)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalle = false\" icon=\"pi pi-times\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\n <tr [pEditableRow]=\"campo\">\n <td style=\"width: 10%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.columna\" oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" \n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" />\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.columna}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 10%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.campoFuente}}\n </ng-template>\n </p-cellEditor>\n </td>\n\n <td style=\"width: 10%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.formato}}\n </ng-template>\n </p-cellEditor>\n </td>\n \n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [(ngModel)]=\"campo.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.tipo | reporteFuentePipe :'listaRecursoGrafica'}}\n </ng-template>\n </p-cellEditor>\n </td>\n \n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <div *ngIf=\"campo.tipo =='I'\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"campo.ancho\">\n <label>{{'ancho' | translate}}</label>\n </p-floatLabel>\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"campo.alto\">\n <label>{{'alto' | translate}}</label>\n </p-floatLabel>\n </div>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <div *ngIf=\"campo.tipo =='I'\">\n {{'ancho' | translate}}: {{campo.ancho}} <br/>\n {{'alto' | translate}}: {{campo.alto}}\n </div> \n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 10%;\">\n <div class=\"flex justify-content-end\">\n <!-- CHECK GUARDAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campo)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- CANCELAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorAsync()\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- EDITAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n icon=\"glyphicons glyphicons-pencil\"\n class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- ELIMINAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcador($event,campo)\"\n class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'soporte' | translate }} {{'archivo' | translate }}s\"\n *ngIf=\"reporteFuente.unicoArchivo == 'N'\">\n <div class=\"flex justify-content-end align-items-center mb-3\">\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoSoporte()\" icon=\"pi pi-plus\"\n [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n </div>\n <p-table [value]=\"listaSoportes\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n [rows]=\"10\" [totalRecords]=\"listaSoportes.length\"\n [paginator]=\"listaSoportes.length > 10\" \n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n editMode=\"row\" dataKey=\"llaveTabla\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th style=\"width: 45%\">{{'descripcion' | translate}}</th>\n <th style=\"width: 45%\">{{'archivo' | translate}}</th>\n <th style=\"width: 10%\"> </th>\n </tr>\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verSoporteArchivoDetalle\">\n <td style=\"width: 45%\">\n <input pInputText type=\"text\" [(ngModel)]=\"soporteIngresar.descripcion\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\">\n </td>\n <td style=\"width: 45%\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n [label]=\"soporteIngresar.archivoIndividual ? soporteIngresar.archivoIndividual: ''\" [labelarch]=\"'archivo' | translate\"\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporteIngresar.archivoIndividual) && clickGuardarSoporteArchivo)\"\n (onSelected)=\"obtenerArchivoSoporte($event, soporteIngresar)\"></app-input-helper-seleccion-plantilla>\n </td>\n <td style=\"width: 10%\">\n <div class=\"flex justify-content-end\">\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarSoporte(soporteIngresar)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <button pButton pRipple type=\"button\" (click)=\"verSoporteArchivoDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarSoporte()\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-soporte let-editing=\"editing\" let-ri=\"rowIndex\">\n <tr [pEditableRow]=\"soporte\" style=\"width: 100%\">\n <td style=\"width: 45%\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"soporte.descripcion\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{soporte.descripcion}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 45%\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n [label]=\"soporte.archivoIndividual ? soporte.archivoIndividual: ''\"\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporte.archivoIndividual) && clickGuardarSoporteArchivo)\"\n (onSelected)=\"obtenerArchivoSoporte($event, soporte)\"></app-input-helper-seleccion-plantilla>\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{soporte.archivoIndividual}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 10%\">\n <div class=\"flex justify-content-end\">\n <!-- CHECK GUARDAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n icon=\"pi pi-check\" (click)=\"agregarSoporte(soporte)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- CANCELAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- EDITAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- ELIMINAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n icon=\"pi pi-trash\" (click)=\"eliminarSoporte($event, soporte)\" [disabled]=\"habilitaCampo\"\n class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </p-tabPanel>\n </p-tabView>\n </p-tabPanel>\n <p-tabPanel header=\"{{'reporte' | translate }} {{'dinamico' | translate }}\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\">\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.dobleLinea\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n <label>{{'doblelinea' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloParametro\" size=\"25\"\n maxlength=\"100\">\n <label>{{'descripcion' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"reporteFuente.cifradoJasper\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label> \n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n \n \n <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\" \n label=\"{{'link_generar' | translate}}\" (click)=\"generarJasper()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"pi pi-download\" *ngIf=\"existeJasper\"\n label=\"{{'link_descargar' | translate}}\" (click)=\"descargarJasper()\">\n </button>\n \n </div>\n </div>\n </div>\n \n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"bandaSeleccionada.key\">\n <button pButton pRipple (click)=\"regresarBandaSeleccionada()\" label= \"{{'listado' | translate}} {{'bandas' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaTipoBanda\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" [rows]=\"10\"\n [totalRecords]=\"listaTipoBanda.length\" [paginator]=\"listaTipoBanda.length > 10\"\n (onRowSelect)=\"verBanda($event)\" (onRowUnselect)=\"verBanda($event)\" *ngIf=\"!bandaSeleccionada.key\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'banda' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-banda>\n <tr [pSelectableRow]=\"banda\">\n <td>{{banda.value}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n\n <p-tabView *ngIf=\"bandaSeleccionada.key && verTabBanda\">\n <p-tabPanel header=\"{{'caracteristicas' | translate}}\"\n *ngIf=\"!['detalle','summary'].includes(bandaSeleccionada.key)\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"codigo\" \n [(ngModel)]=\"reporteBanda.totales\" ></p-dropdown>\n <label>{{'total' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteBanda.titulo\" maxlength=\"200\">\n <label>{{'titulo' | translate }}</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCaracteristicaBanda()\">\n </button>\n </div>\n </div>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{bandaSeleccionada.value}}\" *ngIf=\"!nuevaBanda\">\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n <div class=\"flex justify-content-end mb-1\" >\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoMarcadorDinamico()\" icon=\"pi pi-plus\"\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\" *ngIf=\"!nuevoReporteMarcadorDinamico\"></button>\n </div>\n </div>\n <p-table [value]=\"listaMarcadorDinamico\" [scrollable]=\"true\"\n responsiveLayout=\"scroll\" dataKey=\"llaveTabla\" selectionMode=\"single\"\n [rows]=\"10\" [totalRecords]=\"listaMarcadorDinamico.length\"\n [paginator]=\"listaMarcadorDinamico.length > 10\" *ngIf=\"!nuevoReporteMarcadorDinamico\"\n (onRowSelect)=\"verMarcadorDinamico($event)\" (onRowUnselect)=\"verMarcadorDinamico($event)\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'banda' | translate }}</th>\n <th>{{'orden' | translate }}</th>\n <th>{{'columna' | translate }}</th>\n <th>{{'etiqueta' | translate }}</th>\n <th>{{'formato' | translate }}</th>\n <th>{{'ancho' | translate }}</th>\n <th>{{'operacion' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-dinamico>\n <tr [pSelectableRow]=\"dinamico\">\n <td>{{dinamico.banda}}</td>\n <td>{{dinamico.banda ? dinamico.alto : ''}}</td>\n <td>{{dinamico.marcador}}</td>\n <td>{{dinamico.banda ? dinamico.descripcion : ''}}</td>\n <td>{{dinamico.banda ? dinamico.formato : ''}}</td>\n <td>{{['detalle'].includes(dinamico.banda) ? dinamico.ancho : ''}}</td>\n <td>{{dinamico.banda ? dinamico.operacion : ''}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n\n <div *ngIf=\"nuevoReporteMarcadorDinamico\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"flex justify-content-between align-items-center mb-2\"> \n <p class=\"font-semibold mt-3\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n <button pButton pRipple (click)=\"nuevoReporteMarcadorDinamico = false\" label= \"{{'listado' | translate}} {{bandaSeleccionada.value}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \" *ngIf=\"nuevoReporteMarcadorDinamico\"></button>\n </div>\n <form [formGroup]=\"formReporteDinamico\" class=\"p-fluid grid\">\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCampoJasperDinamico\"\n [autoDisplayFirst]=\"false\" formControlName=\"tipoCampo\"\n optionLabel=\"value\" optionValue=\"key\"></p-dropdown>\n <label>{{'tipocampo' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoDatoSintaxis\" [autoDisplayFirst]=\"false\" \n formControlName=\"tipoDato\" optionLabel=\"value\"\n optionValue=\"key\"></p-dropdown>\n <label>{{'tipodato' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText formControlName=\"alto\" maxlength=\"5\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n <label>{{'orden' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" \n formControlName=\"marcador\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n *ngIf=\"!reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\"></p-dropdown>\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\"\n *ngIf=\"reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\">\n <label>{{'columna' | translate }} *</label>\n </p-floatLabel>\n </div>\n \n <div class=\"field col-12 md:col-12\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"filtro\"></textarea>\n <label>{{'sintaxis' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-12\">\n <p-fieldset class=\"fieldsintitulo\" class=\"fieldsintitulo\">\n <div class=\"p-fluid grid\">\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\">\n <label class=\"font-semibold text-gray-900 text-base ml-1\">{{'resultado' | translate}}</label>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\"></div>\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n <label class=\"font-semibold text-gray-900 text-base ml-1\" >{{'label' | translate}}</label>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"formato\" />\n <label>{{'formato' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"descripcion\" />\n <label>{{'titulo' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"ancho\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n <label>{{'ancho' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' == reporteMarcadorDinamico.banda \"></div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n <label>{{'ancho' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"resultadoX\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n <label>{{'x' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"titulox\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n <label>{{'x' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"resultadoY\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n <label>{{'y' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"tituloy\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n <label>{{'y' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" \n formControlName=\"tipoReporte\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n <label>{{'alineacion' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n <label>{{'alineacion' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoDato == 'N' && reporteMarcadorDinamico.tipoCampo !='C'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaOperaciones\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n formControlName=\"operacion\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n <label>{{'operacion' | translate }}</label>\n </p-floatLabel>\n </div>\n </div>\n </p-fieldset>\n </div>\n </form>\n \n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{reporteMarcadorDinamico.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{reporteMarcadorDinamico.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaDinamico()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"reporteMarcadorDinamico.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarColumnaDinamico($event)\">\n </button>\n </div>\n </div>\n </div>\n </div>\n </p-tabPanel>\n \n </p-tabView>\n </p-tabPanel>\n <p-tabPanel header=\"{{'reporte' | translate }} {{'texto' | translate }}\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\">\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.archivoTexto\" size=\"50\"\n maxlength=\"200\">\n <label>{{'nombrearchivo' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSeparadores\" [(ngModel)]=\"reporteFuente.separador\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n <label>{{'separador' | translate }}*</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"reporteFuente.cifradoTexto\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label> \n </p-floatLabel>\n </div>\n\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizarSeparador()\">\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"flex justify-content-between lign-items-center mb-3\">\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevoMarcadorTexto()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorTexto\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorTexto\">\n <button pButton pRipple (click)=\"verNuevoMarcadorTexto = false; clickGuardarMarcadorTexto = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaMarcadoresTexto\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" \n [rows]=\"10\" [totalRecords]=\"listaMarcadoresTexto.length\"\n [paginator]=\"listaMarcadoresTexto.length > 10\" *ngIf=\"!verNuevoMarcadorTexto\"\n (onRowSelect)=\"verMarcadorTexto($event)\" (onRowUnselect)=\"verMarcadorTexto($event)\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'tipo' | translate }}</th>\n <th>{{'columna' | translate }}</th>\n <th>{{'formato' | translate }}</th>\n <th>{{'orden' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-marctexto>\n <tr [pSelectableRow]=\"marctexto\">\n <td>{{marctexto.tipoGrafico | reporteFuentePipe : 'listaTipoMarcadoresTexto'}}</td>\n <td>{{marctexto.nombreColumna}}</td>\n <td>{{marctexto.formato}}</td>\n <td>{{marctexto.alto}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorTexto\"> \n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoMarcadorTexto\" [autoDisplayFirst]=\"false\"\n [(ngModel)]=\"marcadorTexto.tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"></p-dropdown>\n <label>{{'tipo' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\"\n [(ngModel)]=\"marcadorTexto.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"></p-dropdown>\n <label>{{'columna' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.formato\" maxlength=\"50\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\">\n <label>{{marcadorTexto.tipoGrafico == 'D' ? ('formato' | translate)+'*' : ('descripcion' | translate)+'*' }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.ancho\" maxlength=\"22\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\">\n <label>{{'ancho' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.alto\" maxlength=\"22\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\">\n <label>{{'orden' | translate}} *</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorTexto.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{marcadorTexto.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorTexto()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"marcadorTexto.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarMarcadoTexto($event)\">\n </button>\n </div>\n </div>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'tabla' | translate }}\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreTabla\" maxlength=\"4000\">\n <label>{{'nombretabla' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-8\">\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <p-pickList [source]=\"listaTabla\" [target]=\"listaNoTabla\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n filterBy=\"nombre\" *ngIf=\"isFuente()\" (onSourceReorder)=\"reorderTabla($event)\"\n (onMoveAllToTarget)=\"moverADesasociadoTabla($event)\" (onMoveAllToSource)=\"moverAAsociadoTabla($event)\"\n (onMoveToTarget)=\"moverADesasociadoTabla($event)\" (onMoveToSource)=\"moverAAsociadoTabla($event)\">\n <ng-template let-tabla pTemplate=\"item\">\n <div>\n <label>{{tabla.nombre}}</label>\n </div>\n </ng-template>\n </p-pickList>\n </p-tabPanel>\n <p-tabPanel header=\"{{'archivoxml' | translate }}\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\">\n\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.tagEncabezado\"></textarea>\n <label>{{'tagencabezado' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.tagCierreEncabezado\"></textarea>\n <label>{{'tagcierreencabezado' | translate }}</label>\n </p-floatLabel> \n </div>\n\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.estructuraRegistro\"></textarea>\n <label>{{'tagregistro' | translate }}</label>\n </p-floatLabel> \n </div>\n\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"reporteFuente.cifradoXml\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label> \n </p-floatLabel>\n </div>\n\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n </button>\n </div>\n </div>\n </div>\n <div class=\"flex justify-content-between align-items-center mb-3\">\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevoMarcadorXML()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorXML\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorXML\">\n <button pButton pRipple (click)=\"verNuevoMarcadorXML = false; clickGuardarMarcadorXML = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaXML\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" \n [rows]=\"10\" [totalRecords]=\"listaXML.length\"\n [paginator]=\"listaXML.length > 10\" *ngIf=\"!verNuevoMarcadorXML\"\n (onRowSelect)=\"verMarcadorXML($event)\" (onRowUnselect)=\"verMarcadorXML($event)\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'descripcion' | translate }}</th>\n <th>{{'tipo' | translate }}</th>\n <th>{{'columna' | translate }}</th>\n <th>{{'marcador' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-marctexto>\n <tr [pSelectableRow]=\"marctexto\">\n <td>{{marctexto.descripcion}}</td>\n <td>{{marctexto.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n <td>{{marctexto.nombreColumna}}</td>\n <td>{{marctexto.marcador}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorXML\"> \n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.descripcion\" maxlength=\"100\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\">\n <label>{{'descripcion' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaTipoMarcadorXML\" [autoDisplayFirst]=\"false\" \n [(ngModel)]=\"marcadorXML.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"></p-dropdown>\n <label>{{'tipo' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MA','MR'].includes(marcadorXML.tipo)\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" >\n <label>{{'marcador' | translate}}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" maxlength=\"5\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n <label>{{'tabla' | translate}}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\n <p-floatLabel>\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"marcadorXML.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\" ></p-dropdown>\n <label>{{'columna' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.formato\" >\n <label>{{'formato' | translate}}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.textoRegistro\" ></textarea>\n <label>{{'texto' | translate }}</label> \n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"marcadorXML.fuente\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\n <label>{{'fuente' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.filtro\"></textarea>\n <label>{{'filtro' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.estructuraTablaXML\"></textarea>\n <label>{{'estructuratabla' | translate }}</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorXML.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{marcadorXML.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorXML()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"marcadorXML.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarMarcadorXML($event)\">\n </button>\n </div>\n </div>\n </div>\n <div *ngIf=\"verNuevoMarcadorXML && marcadorXML.llave != null && (marcadorXML.tipo == 'MR' || marcadorXML.tipo == 'TB')\">\n <div class=\"flex justify-content-end align-items-center mb-3\">\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTablaXML()\" icon=\"pi pi-plus\"\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n </div>\n <p-table [value]=\"listaCamposMarcadorXML\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcadorXML.length\"\n [paginator]=\"listaCamposMarcadorXML.length > 10\" \n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n editMode=\"row\" dataKey=\"llave\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th style=\"width: 30%;\">{{'campo' | translate }}</th>\n <th style=\"width: 30%;\">{{'marcador' | translate }}</th>\n <th style=\"width: 30%;\">{{'formato' | translate }}</th>\n <th style=\"width: 10%\"> </th>\n </tr>\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalleXML\">\n <td style=\"width: 30%;\">\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.campoFuente\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\">\n </td>\n <td style=\"width: 30%;\">\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.marcador\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\">\n </td>\n <td style=\"width: 30%;\">\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.formato\" style=\"width: -webkit-fill-available\">\n </td>\n <td style=\"width: 10%\">\n <div class=\"flex justify-content-end\" >\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campoMarcadorInsertarXML)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalleXML = false\" icon=\"pi pi-times\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\n <tr [pEditableRow]=\"campo\">\n <td style=\"width: 30%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.campoFuente}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 30%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.marcador\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.marcador}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 30%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\" style=\"width: -webkit-fill-available\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.formato}}\n </ng-template>\n </p-cellEditor>\n </td>\n \n \n <td style=\"width: 10%\">\n <div class=\"flex justify-content-end\">\n <!-- CHECK GUARDAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campo)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- CANCELAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorXMLAsync()\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- EDITAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n icon=\"glyphicons glyphicons-pencil\"\n class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- ELIMINAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcadorXML($event,campo)\"\n class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'columnario' | translate }}\">\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\" >\n <p-accordionTab [selected]=\"true\" >\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n {{'columnasbasicas'|translate}}\n </ng-template>\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevoColumnaBasica()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoReporteColumnario\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoReporteColumnario\">\n <button pButton pRipple (click)=\"verNuevoReporteColumnario = false; clickGuardarReporteColumnario = false;\" label= \"{{'listado' | translate}} {{'columnasbasicas' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaReporteColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" \n [rows]=\"10\" [totalRecords]=\"listaReporteColumnario.length\"\n [paginator]=\"listaReporteColumnario.length > 10\" *ngIf=\"!verNuevoReporteColumnario\"\n (onRowSelect)=\"verReporteColumnario($event)\" (onRowUnselect)=\"verReporteColumnario($event)\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'nombre' | translate }}</th>\n <th>{{'columna' | translate }}</th>\n <th>{{'tipo' | translate }}</th>\n <th>{{'orden' | translate }}</th>\n <th>{{'operacion' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.nombre}}</td>\n <td>{{bean.nombreColumna}}</td>\n <td>{{bean.tipo | reporteColumnarioPipe: 'listaTipoColumna'}}</td>\n <td>{{bean.orden}}</td>\n <td>{{bean.operacion | reporteColumnarioPipe: 'listaOperacion'}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoReporteColumnario\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.nombre\" maxlength=\"100\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\">\n <label>{{'nombre' | translate}} *</label>\n </p-floatLabel>\n </div>\n \n <div class=\"field col-12 md:col-4\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaTipoColumnas\" [autoDisplayFirst]=\"false\" \n [(ngModel)]=\"columnaBasica.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"></p-dropdown>\n <label>{{'tipocolumna' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"columnaBasica.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"></p-dropdown>\n <label>{{'columna' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"columnaBasica.tipo == 'D'\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaOperacionesColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"columnaBasica.operacion\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"></p-dropdown>\n <label>{{'operacion' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"columnaBasica.operacionHorizontal\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"></p-dropdown>\n <label>{{'operacionhorizontal' | translate }} *</label>\n </p-floatLabel>\n </div>\n <!-- fila Operacion Vertical -->\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.columnaOperacionVertical\" maxlength=\"5\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\">\n <label>{{'columnaoperacion' | translate}} *</label>\n </p-floatLabel>\n </div>\n <!-- Operacion Verticial -->\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"columnaBasica.operacionVertical\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"></p-dropdown>\n <label>{{'operacionvertical' | translate }} *</label>\n </p-floatLabel>\n </div>\n <!-- Orden -->\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrden()\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.orden\" maxlength=\"5\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\">\n <label>{{'orden' | translate}}</label>\n </p-floatLabel>\n </div>\n <!-- Ordenamiento Filas -->\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoLabel() || isTipoFila()\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" \n [(ngModel)]=\"columnaBasica.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n <label>{{'ordenamiento' | translate }}</label>\n </p-floatLabel>\n </div>\n <!-- Ordenamiento Datos de la consulta -->\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrdenConsulta()\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.ordenConsulta\" maxlength=\"5\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n <label>{{'ordenconsulta' | translate}} *</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaBasica.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{columnaBasica.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaBasica()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"columnaBasica.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarColumnaBasica($event)\">\n </button>\n </div>\n </div>\n </p-fieldset>\n </p-accordionTab>\n </p-accordion>\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\">\n <p-accordionTab >\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n {{'datosadicionales'|translate}}\n </ng-template>\n <p-fieldset class=\"fieldsintitulo\" >\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\">\n \n <div class=\"field col-12 md:col-3\">\n <p-floatLabel>\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n [label]=\"reporteFuente.archivoExcelColumnario ? reporteFuente.archivoExcelColumnario: ''\"\n [extensiones]=\"'xls;xlsx;xlsm'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n (onSelected)=\"obtenerArchivoColumnario($event)\"></app-input-helper-seleccion-plantilla>\n </p-floatLabel>\n </div>\n \n <div class=\"field col-12 md:col-3\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n translate }}</label> \n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-3\">\n <p-floatLabel>\n <input pInputText [(ngModel)]=\"reporteFuente.filaInicioColumnario\" maxlength=\"5\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n <label>{{'filainiciocolumnario' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-3\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\n [(ngModel)]=\"reporteFuente.cifradoColumnario\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label> \n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-12\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.sintaxisColumnario\"></textarea>\n <label>{{'sintaxiscolumnario' | translate }}</label>\n </p-floatLabel>\n </div>\n \n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n </button>\n </div>\n </div>\n </p-fieldset>\n <div class=\"flex justify-content-between align-items-center mb-3 mt-3\">\n <h1 class=\"text-xl\">{{'columnaadicional' | translate}}</h1>\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevaColumnaAdicional()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoColumnaAdicional\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoColumnaAdicional\">\n <button pButton pRipple (click)=\"verNuevoColumnaAdicional = false; clickGuardarColumnaAdicional = false;\" label= \"{{'listado' | translate}} {{'columnaadicional' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"columnasAdicionales\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" \n [rows]=\"10\" [totalRecords]=\"columnasAdicionales.length\"\n [paginator]=\"columnasAdicionales.length > 10\" *ngIf=\"!verNuevoColumnaAdicional\"\n (onRowSelect)=\"verDetalleAdicional($event)\" (onRowUnselect)=\"verDetalleAdicional($event)\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th>{{'nombre' | translate }}</th>\n <th>{{'orden' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-columnaadicional>\n <tr [pSelectableRow]=\"columnaadicional\">\n <td>{{columnaadicional.nombre}}</td>\n <td>{{columnaadicional.orden}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoColumnaAdicional\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-3\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"columnaAdicional.nombre\" maxlength=\"100\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\">\n <label>{{'alias' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-3\" >\n <p-floatLabel>\n <input pInputText [(ngModel)]=\"columnaAdicional.orden\" maxlength=\"5\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\" />\n <label>{{'orden' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-3\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"columnaAdicional.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"></p-dropdown>\n <label>{{'ordenamiento' | translate }} *</label>\n </p-floatLabel>\n </div>\n \n <div class=\"field col-12 md:col-3\" >\n <p-floatLabel>\n <input pInputText [(ngModel)]=\"columnaAdicional.ordenConsulta\" maxlength=\"5\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\" />\n <label>{{'ordenconsulta' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-12\" >\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"columnaAdicional.sintaxis\" maxlength=\"4000\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"></textarea>\n <label>{{'sintaxis' | translate}} *</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaAdicional.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{columnaAdicional.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaAdicional()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"columnaAdicional.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarColumnaAdicional($event)\">\n </button>\n </div>\n </div>\n </p-fieldset>\n </p-accordionTab>\n <p-accordionTab >\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n {{'marcadores'|translate}}\n </ng-template>\n <div class=\"flex justify-content-end align-items-center mb-3\">\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevoMarcadorColumnario()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorColumnario\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorColumnario\">\n <button pButton pRipple (click)=\"verNuevoMarcadorColumnario = false; clickGuardarMarcadorColumnario = false;\" label= \"{{'listado' | translate}} {{'marcador' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"marcadoresColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" \n [rows]=\"10\" [totalRecords]=\"marcadoresColumnario.length\"\n [paginator]=\"marcadoresColumnario.length > 10\" *ngIf=\"!verNuevoMarcadorColumnario\"\n (onRowSelect)=\"verDetalleMarcadorColumnario($event)\" (onRowUnselect)=\"verDetalleMarcadorColumnario($event)\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th>{{'nombre' | translate }}</th>\n <th>{{'tipomarcador' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-marcador>\n <tr [pSelectableRow]=\"marcador\">\n <td>{{marcador.marcador}}</td>\n <td>{{marcador.tipo | reporteColumnarioPipe: 'listaTipoMarcador'}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoMarcadorColumnario\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\" >\n <p-floatLabel>\n <input pInputText [(ngModel)]=\"marcadorColumnario.descripcion\" maxlength=\"4000\" \n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\" />\n <label>{{'descripcion' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" >\n <p-floatLabel>\n <input pInputText [(ngModel)]=\"marcadorColumnario.marcador\" maxlength=\"50\" \n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\" />\n <label>{{'marcador' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaTipoMarcadorColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"marcadorColumnario.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"></p-dropdown>\n <label>{{'tipo' | translate }} *</label>\n </p-floatLabel>\n </div>\n \n <div class=\"field col-12 md:col-12\" >\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"marcadorColumnario.textoRegistro\" maxlength=\"4000\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"></textarea>\n <label>{{'valor' | translate}} *</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorColumnario.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{marcadorColumnario.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorColumnario()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"marcadorColumnario.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarMarcadorColumnario($event)\">\n </button>\n </div>\n </div>\n </p-fieldset>\n </p-accordionTab>\n </p-accordion>\n </p-tabPanel>\n</p-tabView>", styles: [":host ::ng-deep .p-picklist-buttons.p-picklist-source-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist-buttons.p-picklist-target-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist.p-component{margin:0}:host ::ng-deep .p-picklist-item span{float:left!important}:host ::ng-deep .fieldsintitulo .p-fieldset-legend{display:none!important}:host ::ng-deep .p-picklist-list-wrapper.p-picklist-source-wrapper ul{box-shadow:inset 1px 8px 10px -10px var(--color-200)}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-200) no-repeat}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-50) no-repeat}:host ::ng-deep .p-picklist .p-picklist-header{display:none}:host ::ng-deep .p-picklist .p-picklist-filter-container span{color:var(--color-100)}:host ::ng-deep .p-picklist .p-picklist-filter-container{border-radius:10px 10px 0 0;padding:3%;border:1px solid var(--color-100);border-bottom:none;box-shadow:0 4px 7px var(--color-100);position:relative}:host ::ng-deep .p-picklist .p-picklist-list{border:1px solid var(--color-100);height:400px}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item{padding:2%;color:#000000de;background:solid 2px var(--color-50) no-repeat;margin:16px 16px -7px;border-radius:5px;border:solid 1px var(--color-100);transition:.2s;background:#fff}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h6,:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h7{color:var(--color-500);margin-bottom:2px;font-size:1rem;margin-top:0}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item span{float:left;margin-right:4px;min-height:30px;color:var(--color-400)}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover{background:var(--color-400);color:#fff;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h6,:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h7{color:#fff!important;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover span{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight{background:var(--color-500);color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h6,:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h7{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight span{color:#fff!important}:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.5%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:20px}.p-picklist-buttons{padding:2rem}.p-picklist-buttons .p-button:disabled{background-color:var(--color3)!important;color:#fff!important}.p-picklist-buttons .p-button{margin-bottom:.5rem;border-radius:100%}.p-picklist-buttons .p-button.p-button-icon-only{padding:.4rem .5rem;width:40px;height:40px;max-width:initial;max-height:initial}.p-picklist-buttons .p-button.p-button-icon-only span{font-size:18px}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only{border-radius:100%;width:3rem!important;background:var(--color-500)}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only span{font-size:1.2rem;background:var(--color--300);color:#fff}:host ::ng-deep .p-picklist-buttons .p-button:disabled{background:var(--color-300)!important}@media (max-width: 1440px){:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.2%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:15px}}:host ::ng-deep .p-button{width:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i15.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i15.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i15.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i15.SaveEditableRow, selector: "[pSaveEditableRow]" }, { kind: "directive", type: i15.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i16.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i16.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: InputHelperSeleccionPlantillaComponent, selector: "app-input-helper-seleccion-plantilla", inputs: ["value", "label", "labelrar", "labelarch", "extensiones", "readonly", "propiedad", "anexoPropiedad", "showDialog", "propiedadDeSistema", "mostraroblicargo", "mostrarX", "booleano", "mostrarLabelInput"], outputs: ["onSelected"] }, { kind: "pipe", type: ReporteColumnarioPipe, name: "reporteColumnarioPipe" }, { kind: "pipe", type: ReporteFuentePipe, name: "reporteFuentePipe" }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i12$1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: PickListModule }, { kind: "component", type: i20.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i7$5.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i15$2.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i15$2.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i15$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$4.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i15$3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] });
|
|
11957
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleTipoReporteComponent, isStandalone: true, selector: "detalle-tipo-reporte", inputs: { llaveReporte: "llaveReporte", aplicacion: "aplicacion", listaFuentes: "listaFuentes" }, providers: [MessageService], ngImport: i0, template: "<p-tabView (onChange)=\"cambiarTab($event)\">\n <p-tabPanel header=\"{{'excel' | translate }}\" [selected]=\"true\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <p class=\"font-semibold\">{{'debe' | translate}} {{'indicar' | translate}} {{'plantilla' | translate}} {{'y' | translate}}\n {{'hoja' | translate}} {{'para' | translate}} {{'que' | translate}} {{'esta' | translate}}\n {{'opcion' | translate}} {{'se' | translate}} {{'active' | translate}}\n </p>\n <div class=\"p-fluid p-formgrid grid\">\n <div class=\"field col-12 md:col-4\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n [label]=\"reporteFuente.archivoTodo ? reporteFuente.archivoTodo: ''\"\n [extensiones]=\"'xls;xlsx'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n (onSelected)=\"obtenerArchivo($event)\"></app-input-helper-seleccion-plantilla>\n\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n translate }}</label> \n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"reporteFuente.cifradoExcel\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label>\n </p-floatLabel>\n </div>\n </div>\n\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\"\n (click)=\"actualizar()\">\n </button>\n </div>\n </div>\n </div>\n\n <p-pickList [source]=\"listaExcel\" [target]=\"listaNoExcel\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n filterBy=\"sintaxis\" (onSourceReorder)=\"moverAAsociado($event)\"\n (onMoveAllToTarget)=\"moverADesasociado($event)\" (onMoveAllToSource)=\"moverAAsociado($event)\"\n (onMoveToTarget)=\"moverADesasociado($event)\" (onMoveToSource)=\"moverAAsociado($event)\">\n <ng-template let-excel pTemplate=\"item\">\n <div>\n <label>{{excel.nombre}}</label>\n </div>\n </ng-template>\n </p-pickList>\n\n <div class=\"mt-4\">\n <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevoMarcadorExcel()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorExcel\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorExcel\">\n <button pButton pRipple (click)=\"verNuevoMarcadorExcel = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaMarcadorExcel\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcadorExcel\" [rows]=\"10\"\n [totalRecords]=\"listaMarcadorExcel.length\" [paginator]=\"listaMarcadorExcel.length > 10\"\n (onRowSelect)=\"verDetalleMarcadorExcel($event)\" (onRowUnselect)=\"verDetalleMarcadorExcel($event)\" *ngIf=\"!verNuevoMarcadorExcel\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'descripcion' | translate }}</th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-marcador>\n <tr [pSelectableRow]=\"marcador\">\n <td>{{marcador.descripcion}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorExcel\">\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n <div class=\"Detallereporte mt-4 \">\n <form [formGroup]=\"formMarcadorExcel\" >\n <div class=\"col-md-12 p-fluid p-formgrid grid\">\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\" maxlength=\"4000\">\n <label>{{'descripcion' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\" maxlength=\"4000\">\n <label>{{'marcador' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown\n [options]=\"[{label: 'Imagen Fija', value: 'IF'}, {label: 'Marcador', value: 'MA'}]\"\n [autoDisplayFirst]=\"false\" formControlName=\"tipo\" optionLabel=\"label\"\n optionValue=\"value\"></p-dropdown>\n <label>{{'tipo' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-12\" [hidden]=\"esImagenFija\">\n <label>{{'valor' | translate }} *</label>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n <p-floatLabel>\n <p-dropdown\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n [autoDisplayFirst]=\"false\" formControlName=\"origen\" optionLabel=\"label\"\n optionValue=\"value\"></p-dropdown>\n <label>{{'origen' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n formControlName=\"textoRegistro\"\n [label]=\"reporteMarcadorExcel.textoRegistro ? reporteMarcadorExcel.textoRegistro: ''\"\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcadorExcel($event)\"\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"('recursos' | translate)\" [labelarch]=\"'recurso' | translate\" [mostrarX]=\"true\"\n [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporteMarcadorExcel.textoRegistro) && clickGuardarMarcadorExcel)\"\n [anexoPropiedad]=\"reporteMarcadorExcel.origen =='C' ? llaveEmpresa: ''\"\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n </div>\n </div>\n </form>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" *ngIf=\"verNuevoMarcadorExcel\">\n <button pButton pRipple class=\"ml-2 p-button-raised\" icon=\"glyphicons {{reporteMarcadorExcel.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{reporteMarcadorExcel.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorExcel()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"reporteMarcadorExcel.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarMarcadorExcel($event)\">\n </button>\n </div>\n </div>\n </div>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'plantilla' | translate }}\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\">\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.unicoArchivo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n <label>{{'soporte' | translate }} {{'unico' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.descargarFuente\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n <label>{{'descargardoc' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.generarPin\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n <label>{{'generarpin' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaColumnas\" [(ngModel)]=\"reporteFuente.campoAgrupacionPlanilla\" \n [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'agruparpor' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreAgrupacionPlanilla\" size=\"25\"\n maxlength=\"100\">\n <label>{{'nombrearchivoagrupacion' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"reporteFuente.cifradoPlanilla\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteFuente.unicoArchivo == 'N'\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n [label]=\"reporteFuente.archivoIndividual ? reporteFuente.archivoIndividual: ''\"\n [labelrar]=\"'archivo' | translate\" [labelarch]=\"'archivo' | translate\" [mostraroblicargo]=\"true\"\n (onSelected)=\"obtenerArchivoPlanilla($event)\"></app-input-helper-seleccion-plantilla>\n </div>\n\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n </button>\n </div>\n </div>\n </div>\n\n <p-tabView >\n <p-tabPanel header=\"{{'marcadores' | translate }}\" [selected]=\"true\">\n \n <div class=\"flex justify-content-end align-items-center mb-3\">\n <button pButton pRipple class=\"p-button-secondary font-semibold mb-2\" icon=\"pi pi-plus\"\n (click)=\"nuevoMarcador()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcador\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcador\">\n <button pButton pRipple (click)=\"verNuevoMarcador = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaMarcadores\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcador\"\n [rows]=\"10\" [totalRecords]=\"listaMarcadores.length\"\n [paginator]=\"listaMarcadores.length > 10\" *ngIf=\"!verNuevoMarcador\"\n (onRowSelect)=\"verDetalleMarcador($event)\" (onRowUnselect)=\"verDetalleMarcador($event)\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'descripcion' | translate }}</th>\n <th>{{'tipo' | translate }}</th>\n <th>{{'columna' | translate }}</th>\n <th>{{'marcador' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-marcador>\n <tr [pSelectableRow]=\"marcador\">\n <td>{{marcador.descripcion}}</td>\n <td>{{marcador.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n <td>{{marcador.tipo == 'IF' ? marcador.textoRegistro : marcador.nombreColumna}}</td>\n <td>{{marcador.marcador}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n\n <div class=\"card col-md-12\" *ngIf=\"verNuevoMarcador\">\n <div class=\"Detallereporte mt-2\">\n <form [formGroup]=\"formMarcador\">\n <p class=\"font-semibold\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\"\n maxlength=\"4000\">\n <label>{{'descripcion' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoMarcador\" [autoDisplayFirst]=\"false\" \n formControlName=\"tipo\" optionLabel=\"nombre\"\n optionValue=\"codigo\"></p-dropdown>\n <label>{{'tipo' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!(['MA','IM','MR','IF','QR','BC','G1'].includes(reporteMarcador.tipo))\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\">\n <label>{{'marcador' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"tabla\" size=\"25\">\n <label>{{'tabla' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'IF'\">\n <p-floatLabel>\n <p-dropdown\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n [autoDisplayFirst]=\"false\" [showClear]=\"true\" formControlName=\"origen\" optionLabel=\"label\"\n optionValue=\"value\"></p-dropdown>\n <label>{{'origen' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"reporteMarcador.tipo != 'IF' || !reporteMarcador.origen\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n formControlName=\"textoRegistro\"\n [label]=\"reporteMarcador.textoRegistro ? reporteMarcador.textoRegistro: ''\"\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcador($event)\"\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"'recursos' | translate\"\n [anexoPropiedad]=\"reporteMarcador.origen =='C' ? llaveEmpresa: ''\"\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['MA','IM','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaColumnas\" formControlName=\"reporteColumna\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'columna' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MA'\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"formato\" size=\"25\">\n <label>{{'formato' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n <p-floatLabel>\n <p-inputNumber formControlName=\"ancho\" [maxlength]=\"5\"> </p-inputNumber>\n <label>{{'ancho' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n <p-floatLabel>\n <p-inputNumber formControlName=\"alto\" [maxlength]=\"5\"> </p-inputNumber>\n <label>{{'alto' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo1\"></textarea>\n <label>{{'grupo1' | translate }}</label> \n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo2\"></textarea>\n <label>{{'grupo2' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo3\"></textarea>\n <label>{{'grupo3' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"finalGrupo\"></textarea>\n <label>{{'finalgrupo' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\n <label>{{'texto' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['MR','TB'].includes(reporteMarcador.tipo)\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" formControlName=\"tieneSql\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n <label>{{'sql' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['S'].includes(reporteMarcador.tieneSql)))\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"query\"></textarea>\n <label>{{'consulta' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n formControlName=\"fuente\" optionLabel=\"descripcion\"\n optionValue=\"llave\"></p-dropdown>\n <label>{{'fuente' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoGrafico_JFC\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\"\n optionValue=\"codigo\"></p-dropdown>\n <label>{{'grafica' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"marcadorGrafico\" size=\"25\">\n <label>{{'marcadorgrafica' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"titulox\" size=\"25\">\n <label>{{'titulo' | translate }} X</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\"\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"tituloy\" size=\"25\">\n <label>{{'titulo' | translate }} Y</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"banda\" size=\"25\">\n <label>{{'colordinamico' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" size=\"25\">\n <label>{{'numerocategorias' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-12\"\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"filtro\"></textarea>\n <label>{{'filtro' | translate }}</label>\n </p-floatLabel>\n </div>\n </div>\n </form>\n\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n icon=\"glyphicons {{reporteMarcador.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporteMarcador.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n (click)=\"guardarMarcador()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"reporteMarcador.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarMarcador($event)\">\n </button>\n </div>\n </div>\n </div>\n <div *ngIf=\"verNuevoMarcador && reporteMarcador.llave != null && (reporteMarcador.tipo == 'MR' || reporteMarcador.tipo == 'TB')\">\n <div class=\"flex justify-content-end align-items-center mb-3\">\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTabla()\" icon=\"pi pi-plus\"\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n </div>\n <p-table [value]=\"listaCamposMarcador\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcador.length\" [scrollable]=\"true\"\n [paginator]=\"listaCamposMarcador.length > 10\" \n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n editMode=\"row\" dataKey=\"llave\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th style=\"width: 10%;\">{{'columna' | translate }}</th>\n <th style=\"width: 10%;\">{{'campo' | translate }}</th>\n <th style=\"width: 10%;\">{{'formato' | translate }}</th>\n <th style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">{{'tipo' | translate }}</th>\n <th style=\"width: 10%;\"*ngIf=\"reporteMarcador.tipo == 'TB'\">{{'medidas' | translate }}</th>\n <th style=\"width: 10%;\"> </th>\n </tr>\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalle\">\n <td style=\"width: 10%;\">\n <input pInputText [(ngModel)]=\"campoMarcadorInsertar.columna\" \n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\" />\n </td>\n <td style=\"width: 10%;\">\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.campoFuente\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\">\n </td>\n <td style=\"width: 10%;\">\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.formato\">\n </td>\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [(ngModel)]=\"campoMarcadorInsertar.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n </td>\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n <div *ngIf=\"campoMarcadorInsertar.tipo =='I'\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.ancho\">\n <label>{{'ancho' | translate}}</label>\n </p-floatLabel>\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.alto\">\n <label>{{'alto' | translate}}</label>\n </p-floatLabel>\n </div>\n </td>\n <td style=\"width: 10%;\" >\n <div class=\"flex justify-content-end\">\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campoMarcadorInsertar)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalle = false\" icon=\"pi pi-times\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\n <tr [pEditableRow]=\"campo\">\n <td style=\"width: 10%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.columna\" oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" \n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" />\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.columna}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 10%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.campoFuente}}\n </ng-template>\n </p-cellEditor>\n </td>\n\n <td style=\"width: 10%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.formato}}\n </ng-template>\n </p-cellEditor>\n </td>\n \n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [(ngModel)]=\"campo.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.tipo | reporteFuentePipe :'listaRecursoGrafica'}}\n </ng-template>\n </p-cellEditor>\n </td>\n \n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <div *ngIf=\"campo.tipo =='I'\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"campo.ancho\">\n <label>{{'ancho' | translate}}</label>\n </p-floatLabel>\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"campo.alto\">\n <label>{{'alto' | translate}}</label>\n </p-floatLabel>\n </div>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <div *ngIf=\"campo.tipo =='I'\">\n {{'ancho' | translate}}: {{campo.ancho}} <br/>\n {{'alto' | translate}}: {{campo.alto}}\n </div> \n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 10%;\">\n <div class=\"flex justify-content-end\">\n <!-- CHECK GUARDAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campo)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- CANCELAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorAsync()\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- EDITAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n icon=\"glyphicons glyphicons-pencil\"\n class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- ELIMINAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcador($event,campo)\"\n class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'soporte' | translate }} {{'archivo' | translate }}s\"\n *ngIf=\"reporteFuente.unicoArchivo == 'N'\">\n <div class=\"flex justify-content-end align-items-center mb-3\">\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoSoporte()\" icon=\"pi pi-plus\"\n [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n </div>\n <p-table [value]=\"listaSoportes\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n [rows]=\"10\" [totalRecords]=\"listaSoportes.length\"\n [paginator]=\"listaSoportes.length > 10\" \n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n editMode=\"row\" dataKey=\"llaveTabla\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th style=\"width: 45%\">{{'descripcion' | translate}}</th>\n <th style=\"width: 45%\">{{'archivo' | translate}}</th>\n <th style=\"width: 10%\"> </th>\n </tr>\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verSoporteArchivoDetalle\">\n <td style=\"width: 45%\">\n <input pInputText type=\"text\" [(ngModel)]=\"soporteIngresar.descripcion\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\">\n </td>\n <td style=\"width: 45%\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n [label]=\"soporteIngresar.archivoIndividual ? soporteIngresar.archivoIndividual: ''\" [labelarch]=\"'archivo' | translate\"\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporteIngresar.archivoIndividual) && clickGuardarSoporteArchivo)\"\n (onSelected)=\"obtenerArchivoSoporte($event, soporteIngresar)\"></app-input-helper-seleccion-plantilla>\n </td>\n <td style=\"width: 10%\">\n <div class=\"flex justify-content-end\">\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarSoporte(soporteIngresar)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <button pButton pRipple type=\"button\" (click)=\"verSoporteArchivoDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarSoporte()\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-soporte let-editing=\"editing\" let-ri=\"rowIndex\">\n <tr [pEditableRow]=\"soporte\" style=\"width: 100%\">\n <td style=\"width: 45%\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"soporte.descripcion\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{soporte.descripcion}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 45%\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n [label]=\"soporte.archivoIndividual ? soporte.archivoIndividual: ''\"\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporte.archivoIndividual) && clickGuardarSoporteArchivo)\"\n (onSelected)=\"obtenerArchivoSoporte($event, soporte)\"></app-input-helper-seleccion-plantilla>\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{soporte.archivoIndividual}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 10%\">\n <div class=\"flex justify-content-end\">\n <!-- CHECK GUARDAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n icon=\"pi pi-check\" (click)=\"agregarSoporte(soporte)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- CANCELAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- EDITAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- ELIMINAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n icon=\"pi pi-trash\" (click)=\"eliminarSoporte($event, soporte)\" [disabled]=\"habilitaCampo\"\n class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </p-tabPanel>\n </p-tabView>\n </p-tabPanel>\n <p-tabPanel header=\"{{'reporte' | translate }} {{'dinamico' | translate }}\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\">\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.dobleLinea\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n <label>{{'doblelinea' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloParametro\" size=\"25\"\n maxlength=\"100\">\n <label>{{'descripcion' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"reporteFuente.cifradoJasper\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label> \n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n \n \n <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\" \n label=\"{{'link_generar' | translate}}\" (click)=\"generarJasper()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"pi pi-download\" *ngIf=\"existeJasper\"\n label=\"{{'link_descargar' | translate}}\" (click)=\"descargarJasper()\">\n </button>\n \n </div>\n </div>\n </div>\n \n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"bandaSeleccionada.key\">\n <button pButton pRipple (click)=\"regresarBandaSeleccionada()\" label= \"{{'listado' | translate}} {{'bandas' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaTipoBanda\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" [rows]=\"10\"\n [totalRecords]=\"listaTipoBanda.length\" [paginator]=\"listaTipoBanda.length > 10\"\n (onRowSelect)=\"verBanda($event)\" (onRowUnselect)=\"verBanda($event)\" *ngIf=\"!bandaSeleccionada.key\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'banda' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-banda>\n <tr [pSelectableRow]=\"banda\">\n <td>{{banda.value}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n\n <p-tabView *ngIf=\"bandaSeleccionada.key && verTabBanda\">\n <p-tabPanel header=\"{{'caracteristicas' | translate}}\"\n *ngIf=\"!['detalle','summary'].includes(bandaSeleccionada.key)\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSiNo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"codigo\" \n [(ngModel)]=\"reporteBanda.totales\" ></p-dropdown>\n <label>{{'total' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteBanda.titulo\" maxlength=\"200\">\n <label>{{'titulo' | translate }}</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCaracteristicaBanda()\">\n </button>\n </div>\n </div>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{bandaSeleccionada.value}}\" *ngIf=\"!nuevaBanda\">\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n <div class=\"flex justify-content-end mb-1\" >\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoMarcadorDinamico()\" icon=\"pi pi-plus\"\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\" *ngIf=\"!nuevoReporteMarcadorDinamico\"></button>\n </div>\n </div>\n <p-table [value]=\"listaMarcadorDinamico\" [scrollable]=\"true\"\n responsiveLayout=\"scroll\" dataKey=\"llaveTabla\" selectionMode=\"single\"\n [rows]=\"10\" [totalRecords]=\"listaMarcadorDinamico.length\"\n [paginator]=\"listaMarcadorDinamico.length > 10\" *ngIf=\"!nuevoReporteMarcadorDinamico\"\n (onRowSelect)=\"verMarcadorDinamico($event)\" (onRowUnselect)=\"verMarcadorDinamico($event)\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'banda' | translate }}</th>\n <th>{{'orden' | translate }}</th>\n <th>{{'columna' | translate }}</th>\n <th>{{'etiqueta' | translate }}</th>\n <th>{{'formato' | translate }}</th>\n <th>{{'ancho' | translate }}</th>\n <th>{{'operacion' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-dinamico>\n <tr [pSelectableRow]=\"dinamico\">\n <td>{{dinamico.banda}}</td>\n <td>{{dinamico.banda ? dinamico.alto : ''}}</td>\n <td>{{dinamico.marcador}}</td>\n <td>{{dinamico.banda ? dinamico.descripcion : ''}}</td>\n <td>{{dinamico.banda ? dinamico.formato : ''}}</td>\n <td>{{['detalle'].includes(dinamico.banda) ? dinamico.ancho : ''}}</td>\n <td>{{dinamico.banda ? dinamico.operacion : ''}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n\n <div *ngIf=\"nuevoReporteMarcadorDinamico\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"flex justify-content-between align-items-center mb-2\"> \n <p class=\"font-semibold mt-3\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n <button pButton pRipple (click)=\"nuevoReporteMarcadorDinamico = false\" label= \"{{'listado' | translate}} {{bandaSeleccionada.value}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \" *ngIf=\"nuevoReporteMarcadorDinamico\"></button>\n </div>\n <form [formGroup]=\"formReporteDinamico\" class=\"p-fluid grid\">\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCampoJasperDinamico\"\n [autoDisplayFirst]=\"false\" formControlName=\"tipoCampo\"\n optionLabel=\"value\" optionValue=\"key\"></p-dropdown>\n <label>{{'tipocampo' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoDatoSintaxis\" [autoDisplayFirst]=\"false\" \n formControlName=\"tipoDato\" optionLabel=\"value\"\n optionValue=\"key\"></p-dropdown>\n <label>{{'tipodato' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText formControlName=\"alto\" maxlength=\"5\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n <label>{{'orden' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" \n formControlName=\"marcador\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n *ngIf=\"!reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\"></p-dropdown>\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\"\n *ngIf=\"reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\">\n <label>{{'columna' | translate }} *</label>\n </p-floatLabel>\n </div>\n \n <div class=\"field col-12 md:col-12\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"filtro\"></textarea>\n <label>{{'sintaxis' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-12\">\n <p-fieldset class=\"fieldsintitulo\" class=\"fieldsintitulo\">\n <div class=\"p-fluid grid\">\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\">\n <label class=\"font-semibold text-gray-900 text-base ml-1\">{{'resultado' | translate}}</label>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\"></div>\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n <label class=\"font-semibold text-gray-900 text-base ml-1\" >{{'label' | translate}}</label>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"formato\" />\n <label>{{'formato' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"descripcion\" />\n <label>{{'titulo' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"ancho\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n <label>{{'ancho' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' == reporteMarcadorDinamico.banda \"></div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n <label>{{'ancho' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"resultadoX\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n <label>{{'x' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"titulox\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n <label>{{'x' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"resultadoY\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n <label>{{'y' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n <p-floatLabel>\n <input pInputText type=\"text\" formControlName=\"tituloy\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n <label>{{'y' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" \n formControlName=\"tipoReporte\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n <label>{{'alineacion' | translate }} *</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n <label>{{'alineacion' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoDato == 'N' && reporteMarcadorDinamico.tipoCampo !='C'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaOperaciones\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n formControlName=\"operacion\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n <label>{{'operacion' | translate }}</label>\n </p-floatLabel>\n </div>\n </div>\n </p-fieldset>\n </div>\n </form>\n \n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{reporteMarcadorDinamico.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{reporteMarcadorDinamico.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaDinamico()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"reporteMarcadorDinamico.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarColumnaDinamico($event)\">\n </button>\n </div>\n </div>\n </div>\n </div>\n </p-tabPanel>\n \n </p-tabView>\n </p-tabPanel>\n <p-tabPanel header=\"{{'reporte' | translate }} {{'texto' | translate }}\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\">\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.archivoTexto\" size=\"50\"\n maxlength=\"200\">\n <label>{{'nombrearchivo' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaSeparadores\" [(ngModel)]=\"reporteFuente.separador\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n <label>{{'separador' | translate }}*</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"reporteFuente.cifradoTexto\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label> \n </p-floatLabel>\n </div>\n\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizarSeparador()\">\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"flex justify-content-between lign-items-center mb-3\">\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevoMarcadorTexto()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorTexto\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorTexto\">\n <button pButton pRipple (click)=\"verNuevoMarcadorTexto = false; clickGuardarMarcadorTexto = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaMarcadoresTexto\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" \n [rows]=\"10\" [totalRecords]=\"listaMarcadoresTexto.length\"\n [paginator]=\"listaMarcadoresTexto.length > 10\" *ngIf=\"!verNuevoMarcadorTexto\"\n (onRowSelect)=\"verMarcadorTexto($event)\" (onRowUnselect)=\"verMarcadorTexto($event)\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'tipo' | translate }}</th>\n <th>{{'columna' | translate }}</th>\n <th>{{'formato' | translate }}</th>\n <th>{{'orden' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-marctexto>\n <tr [pSelectableRow]=\"marctexto\">\n <td>{{marctexto.tipoGrafico | reporteFuentePipe : 'listaTipoMarcadoresTexto'}}</td>\n <td>{{marctexto.nombreColumna}}</td>\n <td>{{marctexto.formato}}</td>\n <td>{{marctexto.alto}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorTexto\"> \n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoMarcadorTexto\" [autoDisplayFirst]=\"false\"\n [(ngModel)]=\"marcadorTexto.tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"></p-dropdown>\n <label>{{'tipo' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\"\n [(ngModel)]=\"marcadorTexto.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"></p-dropdown>\n <label>{{'columna' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.formato\" maxlength=\"50\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\">\n <label>{{marcadorTexto.tipoGrafico == 'D' ? ('formato' | translate)+'*' : ('descripcion' | translate)+'*' }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.ancho\" maxlength=\"22\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\">\n <label>{{'ancho' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.alto\" maxlength=\"22\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\">\n <label>{{'orden' | translate}} *</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorTexto.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{marcadorTexto.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorTexto()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"marcadorTexto.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarMarcadoTexto($event)\">\n </button>\n </div>\n </div>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'tabla' | translate }}\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreTabla\" maxlength=\"4000\">\n <label>{{'nombretabla' | translate }}</label>\n </p-floatLabel>\n </div>\n <div class=\"field col-12 md:col-8\">\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <p-pickList [source]=\"listaTabla\" [target]=\"listaNoTabla\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n filterBy=\"nombre\" *ngIf=\"isFuente()\" (onSourceReorder)=\"reorderTabla($event)\"\n (onMoveAllToTarget)=\"moverADesasociadoTabla($event)\" (onMoveAllToSource)=\"moverAAsociadoTabla($event)\"\n (onMoveToTarget)=\"moverADesasociadoTabla($event)\" (onMoveToSource)=\"moverAAsociadoTabla($event)\">\n <ng-template let-tabla pTemplate=\"item\">\n <div>\n <label>{{tabla.nombre}}</label>\n </div>\n </ng-template>\n </p-pickList>\n </p-tabPanel>\n <p-tabPanel header=\"{{'archivoxml' | translate }}\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\">\n\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.tagEncabezado\"></textarea>\n <label>{{'tagencabezado' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.tagCierreEncabezado\"></textarea>\n <label>{{'tagcierreencabezado' | translate }}</label>\n </p-floatLabel> \n </div>\n\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.estructuraRegistro\"></textarea>\n <label>{{'tagregistro' | translate }}</label>\n </p-floatLabel> \n </div>\n\n <div class=\"field col-12 md:col-6\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"reporteFuente.cifradoXml\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label> \n </p-floatLabel>\n </div>\n\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n </button>\n </div>\n </div>\n </div>\n <div class=\"flex justify-content-between align-items-center mb-3\">\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevoMarcadorXML()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorXML\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorXML\">\n <button pButton pRipple (click)=\"verNuevoMarcadorXML = false; clickGuardarMarcadorXML = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaXML\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" \n [rows]=\"10\" [totalRecords]=\"listaXML.length\"\n [paginator]=\"listaXML.length > 10\" *ngIf=\"!verNuevoMarcadorXML\"\n (onRowSelect)=\"verMarcadorXML($event)\" (onRowUnselect)=\"verMarcadorXML($event)\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'descripcion' | translate }}</th>\n <th>{{'tipo' | translate }}</th>\n <th>{{'columna' | translate }}</th>\n <th>{{'marcador' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-marctexto>\n <tr [pSelectableRow]=\"marctexto\">\n <td>{{marctexto.descripcion}}</td>\n <td>{{marctexto.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n <td>{{marctexto.nombreColumna}}</td>\n <td>{{marctexto.marcador}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorXML\"> \n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.descripcion\" maxlength=\"100\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\">\n <label>{{'descripcion' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaTipoMarcadorXML\" [autoDisplayFirst]=\"false\" \n [(ngModel)]=\"marcadorXML.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"></p-dropdown>\n <label>{{'tipo' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MA','MR'].includes(marcadorXML.tipo)\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" >\n <label>{{'marcador' | translate}}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" maxlength=\"5\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n <label>{{'tabla' | translate}}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\n <p-floatLabel>\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"marcadorXML.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\" ></p-dropdown>\n <label>{{'columna' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.formato\" >\n <label>{{'formato' | translate}}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MR'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.textoRegistro\" ></textarea>\n <label>{{'texto' | translate }}</label> \n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n [(ngModel)]=\"marcadorXML.fuente\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\n <label>{{'fuente' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.filtro\"></textarea>\n <label>{{'filtro' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.estructuraTablaXML\"></textarea>\n <label>{{'estructuratabla' | translate }}</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorXML.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{marcadorXML.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorXML()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"marcadorXML.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarMarcadorXML($event)\">\n </button>\n </div>\n </div>\n </div>\n <div *ngIf=\"verNuevoMarcadorXML && marcadorXML.llave != null && (marcadorXML.tipo == 'MR' || marcadorXML.tipo == 'TB')\">\n <div class=\"flex justify-content-end align-items-center mb-3\">\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTablaXML()\" icon=\"pi pi-plus\"\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n </div>\n <p-table [value]=\"listaCamposMarcadorXML\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcadorXML.length\"\n [paginator]=\"listaCamposMarcadorXML.length > 10\" \n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n editMode=\"row\" dataKey=\"llave\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th style=\"width: 30%;\">{{'campo' | translate }}</th>\n <th style=\"width: 30%;\">{{'marcador' | translate }}</th>\n <th style=\"width: 30%;\">{{'formato' | translate }}</th>\n <th style=\"width: 10%\"> </th>\n </tr>\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalleXML\">\n <td style=\"width: 30%;\">\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.campoFuente\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\">\n </td>\n <td style=\"width: 30%;\">\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.marcador\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\">\n </td>\n <td style=\"width: 30%;\">\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.formato\" style=\"width: -webkit-fill-available\">\n </td>\n <td style=\"width: 10%\">\n <div class=\"flex justify-content-end\" >\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campoMarcadorInsertarXML)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalleXML = false\" icon=\"pi pi-times\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\n <tr [pEditableRow]=\"campo\">\n <td style=\"width: 30%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.campoFuente}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 30%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.marcador\" style=\"width: -webkit-fill-available\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.marcador}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 30%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\" style=\"width: -webkit-fill-available\">\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{campo.formato}}\n </ng-template>\n </p-cellEditor>\n </td>\n \n \n <td style=\"width: 10%\">\n <div class=\"flex justify-content-end\">\n <!-- CHECK GUARDAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campo)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- CANCELAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorXMLAsync()\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- EDITAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n icon=\"glyphicons glyphicons-pencil\"\n class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- ELIMINAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcadorXML($event,campo)\"\n class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n </p-tabPanel>\n <p-tabPanel header=\"{{'columnario' | translate }}\">\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\" >\n <p-accordionTab [selected]=\"true\" >\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n {{'columnasbasicas'|translate}}\n </ng-template>\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevoColumnaBasica()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoReporteColumnario\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoReporteColumnario\">\n <button pButton pRipple (click)=\"verNuevoReporteColumnario = false; clickGuardarReporteColumnario = false;\" label= \"{{'listado' | translate}} {{'columnasbasicas' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"listaReporteColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" \n [rows]=\"10\" [totalRecords]=\"listaReporteColumnario.length\"\n [paginator]=\"listaReporteColumnario.length > 10\" *ngIf=\"!verNuevoReporteColumnario\"\n (onRowSelect)=\"verReporteColumnario($event)\" (onRowUnselect)=\"verReporteColumnario($event)\">\n <ng-template pTemplate=\"header\">\n\n <tr class=\"fondoTablaPincipal\">\n <th>{{'nombre' | translate }}</th>\n <th>{{'columna' | translate }}</th>\n <th>{{'tipo' | translate }}</th>\n <th>{{'orden' | translate }}</th>\n <th>{{'operacion' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-bean>\n <tr [pSelectableRow]=\"bean\">\n <td>{{bean.nombre}}</td>\n <td>{{bean.nombreColumna}}</td>\n <td>{{bean.tipo | reporteColumnarioPipe: 'listaTipoColumna'}}</td>\n <td>{{bean.orden}}</td>\n <td>{{bean.operacion | reporteColumnarioPipe: 'listaOperacion'}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoReporteColumnario\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.nombre\" maxlength=\"100\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\">\n <label>{{'nombre' | translate}} *</label>\n </p-floatLabel>\n </div>\n \n <div class=\"field col-12 md:col-4\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaTipoColumnas\" [autoDisplayFirst]=\"false\" \n [(ngModel)]=\"columnaBasica.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"></p-dropdown>\n <label>{{'tipocolumna' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"columnaBasica.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"></p-dropdown>\n <label>{{'columna' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"columnaBasica.tipo == 'D'\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaOperacionesColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"columnaBasica.operacion\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"></p-dropdown>\n <label>{{'operacion' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"columnaBasica.operacionHorizontal\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"></p-dropdown>\n <label>{{'operacionhorizontal' | translate }} *</label>\n </p-floatLabel>\n </div>\n <!-- fila Operacion Vertical -->\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.columnaOperacionVertical\" maxlength=\"5\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\">\n <label>{{'columnaoperacion' | translate}} *</label>\n </p-floatLabel>\n </div>\n <!-- Operacion Verticial -->\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"columnaBasica.operacionVertical\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"></p-dropdown>\n <label>{{'operacionvertical' | translate }} *</label>\n </p-floatLabel>\n </div>\n <!-- Orden -->\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrden()\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.orden\" maxlength=\"5\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\">\n <label>{{'orden' | translate}}</label>\n </p-floatLabel>\n </div>\n <!-- Ordenamiento Filas -->\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoLabel() || isTipoFila()\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" \n [(ngModel)]=\"columnaBasica.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n <label>{{'ordenamiento' | translate }}</label>\n </p-floatLabel>\n </div>\n <!-- Ordenamiento Datos de la consulta -->\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrdenConsulta()\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.ordenConsulta\" maxlength=\"5\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n <label>{{'ordenconsulta' | translate}} *</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaBasica.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{columnaBasica.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaBasica()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"columnaBasica.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarColumnaBasica($event)\">\n </button>\n </div>\n </div>\n </p-fieldset>\n </p-accordionTab>\n </p-accordion>\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\">\n <p-accordionTab >\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n {{'datosadicionales'|translate}}\n </ng-template>\n <p-fieldset class=\"fieldsintitulo\" >\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\">\n \n <div class=\"field col-12 md:col-3\">\n <p-floatLabel>\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n [label]=\"reporteFuente.archivoExcelColumnario ? reporteFuente.archivoExcelColumnario: ''\"\n [extensiones]=\"'xls;xlsx;xlsm'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n (onSelected)=\"obtenerArchivoColumnario($event)\"></app-input-helper-seleccion-plantilla>\n </p-floatLabel>\n </div>\n \n <div class=\"field col-12 md:col-3\">\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n translate }}</label> \n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-3\">\n <p-floatLabel>\n <input pInputText [(ngModel)]=\"reporteFuente.filaInicioColumnario\" maxlength=\"5\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n <label>{{'filainiciocolumnario' | translate }}</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-3\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\n [(ngModel)]=\"reporteFuente.cifradoColumnario\" optionLabel=\"nombre\"\n optionValue=\"llaveTabla\"></p-dropdown>\n <label>{{'tipocifrado' | translate }}</label> \n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-12\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.sintaxisColumnario\"></textarea>\n <label>{{'sintaxiscolumnario' | translate }}</label>\n </p-floatLabel>\n </div>\n \n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n </button>\n </div>\n </div>\n </p-fieldset>\n <div class=\"flex justify-content-between align-items-center mb-3 mt-3\">\n <h1 class=\"text-xl\">{{'columnaadicional' | translate}}</h1>\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevaColumnaAdicional()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoColumnaAdicional\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoColumnaAdicional\">\n <button pButton pRipple (click)=\"verNuevoColumnaAdicional = false; clickGuardarColumnaAdicional = false;\" label= \"{{'listado' | translate}} {{'columnaadicional' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"columnasAdicionales\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" \n [rows]=\"10\" [totalRecords]=\"columnasAdicionales.length\"\n [paginator]=\"columnasAdicionales.length > 10\" *ngIf=\"!verNuevoColumnaAdicional\"\n (onRowSelect)=\"verDetalleAdicional($event)\" (onRowUnselect)=\"verDetalleAdicional($event)\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th>{{'nombre' | translate }}</th>\n <th>{{'orden' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-columnaadicional>\n <tr [pSelectableRow]=\"columnaadicional\">\n <td>{{columnaadicional.nombre}}</td>\n <td>{{columnaadicional.orden}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoColumnaAdicional\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-3\" >\n <p-floatLabel>\n <input pInputText type=\"text\" [(ngModel)]=\"columnaAdicional.nombre\" maxlength=\"100\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\">\n <label>{{'alias' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-3\" >\n <p-floatLabel>\n <input pInputText [(ngModel)]=\"columnaAdicional.orden\" maxlength=\"5\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\" />\n <label>{{'orden' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-3\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"columnaAdicional.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"></p-dropdown>\n <label>{{'ordenamiento' | translate }} *</label>\n </p-floatLabel>\n </div>\n \n <div class=\"field col-12 md:col-3\" >\n <p-floatLabel>\n <input pInputText [(ngModel)]=\"columnaAdicional.ordenConsulta\" maxlength=\"5\" \n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\" />\n <label>{{'ordenconsulta' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-12\" >\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"columnaAdicional.sintaxis\" maxlength=\"4000\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"></textarea>\n <label>{{'sintaxis' | translate}} *</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaAdicional.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{columnaAdicional.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaAdicional()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"columnaAdicional.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarColumnaAdicional($event)\">\n </button>\n </div>\n </div>\n </p-fieldset>\n </p-accordionTab>\n <p-accordionTab >\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n {{'marcadores'|translate}}\n </ng-template>\n <div class=\"flex justify-content-end align-items-center mb-3\">\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n (click)=\"nuevoMarcadorColumnario()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorColumnario\">\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorColumnario\">\n <button pButton pRipple (click)=\"verNuevoMarcadorColumnario = false; clickGuardarMarcadorColumnario = false;\" label= \"{{'listado' | translate}} {{'marcador' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n </div>\n <p-table [value]=\"marcadoresColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n dataKey=\"llaveTabla\" selectionMode=\"single\" \n [rows]=\"10\" [totalRecords]=\"marcadoresColumnario.length\"\n [paginator]=\"marcadoresColumnario.length > 10\" *ngIf=\"!verNuevoMarcadorColumnario\"\n (onRowSelect)=\"verDetalleMarcadorColumnario($event)\" (onRowUnselect)=\"verDetalleMarcadorColumnario($event)\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th>{{'nombre' | translate }}</th>\n <th>{{'tipomarcador' | translate }}</th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-marcador>\n <tr [pSelectableRow]=\"marcador\">\n <td>{{marcador.marcador}}</td>\n <td>{{marcador.tipo | reporteColumnarioPipe: 'listaTipoMarcador'}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoMarcadorColumnario\">\n <div class=\"Detallereporte mt-2\">\n <div class=\"p-fluid p-formgrid grid\" >\n <div class=\"field col-12 md:col-4\" >\n <p-floatLabel>\n <input pInputText [(ngModel)]=\"marcadorColumnario.descripcion\" maxlength=\"4000\" \n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\" />\n <label>{{'descripcion' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\" >\n <p-floatLabel>\n <input pInputText [(ngModel)]=\"marcadorColumnario.marcador\" maxlength=\"50\" \n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\" />\n <label>{{'marcador' | translate}} *</label>\n </p-floatLabel>\n </div>\n\n <div class=\"field col-12 md:col-4\">\n <p-floatLabel> \n <p-dropdown [options]=\"listaTipoMarcadorColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n [(ngModel)]=\"marcadorColumnario.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"></p-dropdown>\n <label>{{'tipo' | translate }} *</label>\n </p-floatLabel>\n </div>\n \n <div class=\"field col-12 md:col-12\" >\n <p-floatLabel>\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"marcadorColumnario.textoRegistro\" maxlength=\"4000\"\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"></textarea>\n <label>{{'valor' | translate}} *</label>\n </p-floatLabel>\n </div>\n </div>\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\" >\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorColumnario.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n label=\"{{marcadorColumnario.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorColumnario()\">\n </button>\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n *ngIf=\"marcadorColumnario.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n (click)=\"eliminarMarcadorColumnario($event)\">\n </button>\n </div>\n </div>\n </p-fieldset>\n </p-accordionTab>\n </p-accordion>\n </p-tabPanel>\n</p-tabView>", styles: [":host ::ng-deep .p-picklist-buttons.p-picklist-source-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist-buttons.p-picklist-target-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist.p-component{margin:0}:host ::ng-deep .p-picklist-item span{float:left!important}:host ::ng-deep .fieldsintitulo .p-fieldset-legend{display:none!important}:host ::ng-deep .p-picklist-list-wrapper.p-picklist-source-wrapper ul{box-shadow:inset 1px 8px 10px -10px var(--color-200)}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-200) no-repeat}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-50) no-repeat}:host ::ng-deep .p-picklist .p-picklist-header{display:none}:host ::ng-deep .p-picklist .p-picklist-filter-container span{color:var(--color-100)}:host ::ng-deep .p-picklist .p-picklist-filter-container{border-radius:10px 10px 0 0;padding:3%;border:1px solid var(--color-100);border-bottom:none;box-shadow:0 4px 7px var(--color-100);position:relative}:host ::ng-deep .p-picklist .p-picklist-list{border:1px solid var(--color-100);height:400px}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item{padding:2%;color:#000000de;background:solid 2px var(--color-50) no-repeat;margin:16px 16px -7px;border-radius:5px;border:solid 1px var(--color-100);transition:.2s;background:#fff}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h6,:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h7{color:var(--color-500);margin-bottom:2px;font-size:1rem;margin-top:0}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item span{float:left;margin-right:4px;min-height:30px;color:var(--color-400)}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover{background:var(--color-400);color:#fff;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h6,:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h7{color:#fff!important;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover span{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight{background:var(--color-500);color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h6,:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h7{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight span{color:#fff!important}:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.5%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:20px}.p-picklist-buttons{padding:2rem}.p-picklist-buttons .p-button:disabled{background-color:var(--color3)!important;color:#fff!important}.p-picklist-buttons .p-button{margin-bottom:.5rem;border-radius:100%}.p-picklist-buttons .p-button.p-button-icon-only{padding:.4rem .5rem;width:40px;height:40px;max-width:initial;max-height:initial}.p-picklist-buttons .p-button.p-button-icon-only span{font-size:18px}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only{border-radius:100%;width:3rem!important;background:var(--color-500)}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only span{font-size:1.2rem;background:var(--color--300);color:#fff}:host ::ng-deep .p-picklist-buttons .p-button:disabled{background:var(--color-300)!important}@media (max-width: 1440px){:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.2%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:15px}}:host ::ng-deep .p-button{width:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i15.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i15.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i15.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i15.SaveEditableRow, selector: "[pSaveEditableRow]" }, { kind: "directive", type: i15.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i17.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i17.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: InputHelperSeleccionPlantillaComponent, selector: "app-input-helper-seleccion-plantilla", inputs: ["value", "label", "labelrar", "labelarch", "extensiones", "readonly", "propiedad", "anexoPropiedad", "showDialog", "propiedadDeSistema", "mostraroblicargo", "mostrarX", "booleano", "mostrarLabelInput"], outputs: ["onSelected"] }, { kind: "pipe", type: ReporteColumnarioPipe, name: "reporteColumnarioPipe" }, { kind: "pipe", type: ReporteFuentePipe, name: "reporteFuentePipe" }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i12$1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: PickListModule }, { kind: "component", type: i20$1.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i7$5.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i15$2.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i15$2.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i15$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$4.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i15$3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] });
|
|
11958
11958
|
}
|
|
11959
11959
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleTipoReporteComponent, decorators: [{
|
|
11960
11960
|
type: Component,
|
|
@@ -12758,7 +12758,7 @@ class DetallePuntoProcesoReporteComponent {
|
|
|
12758
12758
|
this.vistaVisualizar = null;
|
|
12759
12759
|
}
|
|
12760
12760
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetallePuntoProcesoReporteComponent, deps: [{ token: GeneralService }, { token: cargarmapasGlobal }, { token: ToastService }, { token: GeneralPipe }, { token: UtilsService }, { token: ToastService }, { token: i7.ConfirmationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
12761
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetallePuntoProcesoReporteComponent, isStandalone: true, selector: "detalle-punto-proceso-reporte", inputs: { modificarReporte: "modificarReporte", llaveReporte: "llaveReporte", llaveFuente: "llaveFuente", tipoRecurso: "tipoRecurso" }, providers: [ConfirmationService, MessageService], ngImport: i0, template: "<!--<p-confirmDialog header=\"'confirmar')\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>-->\n<p-confirmPopup></p-confirmPopup>\n\n<div class=\"flex justify-content-between align-items-center mt-3 mb-3\">\n <h1 class=\"text-xl\">{{'punto' | translate }} {{'proceso' | translate }} </h1>\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\" (click)=\"nuevoPuntoProceso()\"\n label=\"{{'link_nuevo' | translate}}\" *ngIf=\"vistaVisualizar !='detalle'\" >\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\n <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'punto' | translate}} {{'proceso' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n</div>\n\n<p-table [value]=\"listaRecursoPunto\" [scrollable]=\"true\" responsiveLayout=\"scroll\" selectionMode=\"single\" dataKey=\"puntoProceso\"\n (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\" *ngIf=\"vistaVisualizar != 'detalle'\"\n [paginator]=\"paginator.totalRecords > paginator.rows\" [lazy]=\"true\" (onLazyLoad)=\"cargar($event)\">\n <ng-template pTemplate=\"header\">\n \n <tr class=\"fondoTablaPincipal\">\n <th>{{'punto' | translate }} {{'proceso' | translate }} </th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-punto>\n <tr [pSelectableRow]=\"punto\">\n <td>{{punto.puntoProcesoDescripcion}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n</p-table>\n\n<div *ngIf=\"vistaVisualizar == 'detalle'\">\n <p-tabView class=\"mb-0\">\n <p-tabPanel [header]=\"'basica' | translate\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-3\">\n\n <div class=\"field col-12 md:col-12\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaPuntosProceso\" [autoDisplayFirst]=\"false\"\n optionLabel=\"label\" optionValue=\"key\" [(ngModel)]=\"recursoPuntoDTO.puntoProceso\"\n [class]=\"!utilsService.validarCampoObligatorio(recursoPuntoDTO.puntoProceso) && clickGuardar ? 'ng-invalid ng-dirty' : ''\" >\n </p-dropdown>\n <label htmlFor=\"puntoProceso\">{{'punto' | translate }} {{'proceso' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n icon=\"glyphicons {{!nuevo ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}} \" label =\"{{!nuevo ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n (click)=\"guardar()\">\n </button>\n <button pButton pRipple class=\"ml-2 mr-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"!nuevo\"\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\n </button>\n </div>\n </div>\n\n </div>\n </p-tabPanel>\n <p-tabPanel [header]=\"'cruce' | translate\" *ngIf=\"!nuevo\">\n <div class=\"flex justify-content-end align-items-center mb-2\">\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCruce()\" icon=\"pi pi-plus\" [disabled]=\"habilitaCampo\"\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n </div>\n <p-table #tablaGeneral [value]=\"listaCruce\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n [rows]=\"10\" [totalRecords]=\"listaCruce.length\"\n [paginator]=\"listaCruce.length > 10\" \n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n editMode=\"row\" dataKey=\"llaveTabla\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th style=\"width: 45%;\">{{'entrada' | translate}}</th>\n <th style=\"width: 45%;\">{{'valor' | translate}}</th>\n <th style=\"width: 10%;\"> </th>\n </tr>\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"vistaVisualizarDetalle === 'nuevoCruce'\">\n <td style=\"width: 45%;\">\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\n [(ngModel)]=\"cruceRecursoPunto.reporteEntrada\"></p-dropdown>\n </td>\n <td style=\"width: 45%;\">\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\n [(ngModel)]=\"cruceRecursoPunto.atributoPunto\" ></p-dropdown>\n </td>\n <td style=\"width: 10%;\">\n <div class=\"flex justify-content-end\">\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCruce(null,true)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <button pButton pRipple type=\"button\" (click)=\"cancelarCruce()\" icon=\"pi pi-times\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-cruce let-editing=\"editing\" let-ri=\"rowIndex\">\n <tr [pEditableRow]=\"cruce\" >\n <td style=\"width: 45%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\n [class]=\"!utilsService.validarCampoObligatorio(cruce.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\n [(ngModel)]=\"cruce.reporteEntrada\"></p-dropdown>\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{cruce.descripcionEntrada}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 45%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\n [class]=\"!utilsService.validarCampoObligatorio(cruce.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\n [(ngModel)]=\"cruce.atributoPunto\" ></p-dropdown>\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{cruce.atributoPuntoDescripcion}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 10%;\">\n <div class=\"flex justify-content-end\">\n <!-- CHECK GUARDAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n icon=\"pi pi-check\" (click)=\"agregarCruce(cruce, false)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- CANCELAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- EDITAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- ELIMINAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n icon=\"pi pi-trash\" (click)=\"eliminarCruce($event,cruce)\" [disabled]=\"habilitaCampo\"\n class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </p-tabPanel>\n <p-tabPanel [header]=\"'filtro' | translate\" *ngIf=\"!nuevo\">\n <div class=\"card\">\n <p-table [value]=\"listaAtributoPunto\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" >\n <ng-template pTemplate=\"header\">\n <tr>\n <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\n <th class=\"w-6rem\">{{'codigo' | translate}}</th> \n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-element>\n <tr>\n <td class=\"w-6rem\">\n {{element.descripcion}}\n </td>\n <td class=\"w-6rem\">\n {{element.codigo}}\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n\n <div class=\"field col-12 md:col-12 lg:col-12 mt-3\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" rows=\"5\" cols=\"30\" pInputTextarea\n [(ngModel)]=\"recursoPuntoDTO.filtro\" autofocus [autoResize]=\"true\"> </textarea>\n <label class=\" w-full\" for=\"descripcion\">{{'filtro' | translate}}</label>\n </p-floatLabel>\n </div>\n <div class=\"flex justify-content-end align-content-center mt-3\">\n <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\" ></button>\n </div>\n </div>\n </p-tabPanel>\n </p-tabView>\n\n</div>", styles: [":host ::ng-deep .p-button{width:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i15.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i15.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i15.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i15.SaveEditableRow, selector: "[pSaveEditableRow]" }, { kind: "directive", type: i15.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i16.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i16.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i12$1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i15$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$4.FloatLabel, selector: "p-floatLabel" }] });
|
|
12761
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetallePuntoProcesoReporteComponent, isStandalone: true, selector: "detalle-punto-proceso-reporte", inputs: { modificarReporte: "modificarReporte", llaveReporte: "llaveReporte", llaveFuente: "llaveFuente", tipoRecurso: "tipoRecurso" }, providers: [ConfirmationService, MessageService], ngImport: i0, template: "<!--<p-confirmDialog header=\"'confirmar')\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>-->\n<p-confirmPopup></p-confirmPopup>\n\n<div class=\"flex justify-content-between align-items-center mt-3 mb-3\">\n <h1 class=\"text-xl\">{{'punto' | translate }} {{'proceso' | translate }} </h1>\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\" (click)=\"nuevoPuntoProceso()\"\n label=\"{{'link_nuevo' | translate}}\" *ngIf=\"vistaVisualizar !='detalle'\" >\n </button>\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\n <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'punto' | translate}} {{'proceso' | translate}}\" \n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n </div>\n</div>\n\n<p-table [value]=\"listaRecursoPunto\" [scrollable]=\"true\" responsiveLayout=\"scroll\" selectionMode=\"single\" dataKey=\"puntoProceso\"\n (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\" *ngIf=\"vistaVisualizar != 'detalle'\"\n [paginator]=\"paginator.totalRecords > paginator.rows\" [lazy]=\"true\" (onLazyLoad)=\"cargar($event)\">\n <ng-template pTemplate=\"header\">\n \n <tr class=\"fondoTablaPincipal\">\n <th>{{'punto' | translate }} {{'proceso' | translate }} </th>\n </tr>\n <th>\n </ng-template>\n <ng-template pTemplate=\"body\" let-punto>\n <tr [pSelectableRow]=\"punto\">\n <td>{{punto.puntoProcesoDescripcion}}</td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n</p-table>\n\n<div *ngIf=\"vistaVisualizar == 'detalle'\">\n <p-tabView class=\"mb-0\">\n <p-tabPanel [header]=\"'basica' | translate\">\n <div class=\"card col-md-12\">\n <div class=\"Detallereporte mt-3\">\n\n <div class=\"field col-12 md:col-12\">\n <p-floatLabel>\n <p-dropdown [options]=\"listaPuntosProceso\" [autoDisplayFirst]=\"false\"\n optionLabel=\"label\" optionValue=\"key\" [(ngModel)]=\"recursoPuntoDTO.puntoProceso\"\n [class]=\"!utilsService.validarCampoObligatorio(recursoPuntoDTO.puntoProceso) && clickGuardar ? 'ng-invalid ng-dirty' : ''\" >\n </p-dropdown>\n <label htmlFor=\"puntoProceso\">{{'punto' | translate }} {{'proceso' | translate }} *</label>\n </p-floatLabel>\n </div>\n\n\n <!--BOTONES-->\n <div class=\"flex justify-content-end mb-3\">\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n icon=\"glyphicons {{!nuevo ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}} \" label =\"{{!nuevo ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n (click)=\"guardar()\">\n </button>\n <button pButton pRipple class=\"ml-2 mr-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"!nuevo\"\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\n </button>\n </div>\n </div>\n\n </div>\n </p-tabPanel>\n <p-tabPanel [header]=\"'cruce' | translate\" *ngIf=\"!nuevo\">\n <div class=\"flex justify-content-end align-items-center mb-2\">\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCruce()\" icon=\"pi pi-plus\" [disabled]=\"habilitaCampo\"\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n </div>\n <p-table #tablaGeneral [value]=\"listaCruce\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n [rows]=\"10\" [totalRecords]=\"listaCruce.length\"\n [paginator]=\"listaCruce.length > 10\" \n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n editMode=\"row\" dataKey=\"llaveTabla\">\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th style=\"width: 45%;\">{{'entrada' | translate}}</th>\n <th style=\"width: 45%;\">{{'valor' | translate}}</th>\n <th style=\"width: 10%;\"> </th>\n </tr>\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"vistaVisualizarDetalle === 'nuevoCruce'\">\n <td style=\"width: 45%;\">\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\n [(ngModel)]=\"cruceRecursoPunto.reporteEntrada\"></p-dropdown>\n </td>\n <td style=\"width: 45%;\">\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\n [(ngModel)]=\"cruceRecursoPunto.atributoPunto\" ></p-dropdown>\n </td>\n <td style=\"width: 10%;\">\n <div class=\"flex justify-content-end\">\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCruce(null,true)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <button pButton pRipple type=\"button\" (click)=\"cancelarCruce()\" icon=\"pi pi-times\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-cruce let-editing=\"editing\" let-ri=\"rowIndex\">\n <tr [pEditableRow]=\"cruce\" >\n <td style=\"width: 45%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\n [class]=\"!utilsService.validarCampoObligatorio(cruce.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\n [(ngModel)]=\"cruce.reporteEntrada\"></p-dropdown>\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{cruce.descripcionEntrada}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 45%;\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\n [class]=\"!utilsService.validarCampoObligatorio(cruce.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\n [(ngModel)]=\"cruce.atributoPunto\" ></p-dropdown>\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{cruce.atributoPuntoDescripcion}}\n </ng-template>\n </p-cellEditor>\n </td>\n <td style=\"width: 10%;\">\n <div class=\"flex justify-content-end\">\n <!-- CHECK GUARDAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n icon=\"pi pi-check\" (click)=\"agregarCruce(cruce, false)\"\n class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- CANCELAR -->\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\n class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- EDITAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n <!-- ELIMINAR -->\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n icon=\"pi pi-trash\" (click)=\"eliminarCruce($event,cruce)\" [disabled]=\"habilitaCampo\"\n class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n </div>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n </p-tabPanel>\n <p-tabPanel [header]=\"'filtro' | translate\" *ngIf=\"!nuevo\">\n <div class=\"card\">\n <p-table [value]=\"listaAtributoPunto\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" >\n <ng-template pTemplate=\"header\">\n <tr>\n <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\n <th class=\"w-6rem\">{{'codigo' | translate}}</th> \n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-element>\n <tr>\n <td class=\"w-6rem\">\n {{element.descripcion}}\n </td>\n <td class=\"w-6rem\">\n {{element.codigo}}\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"emptymessage\">\n <tr>\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n </tr>\n </ng-template>\n </p-table>\n\n <div class=\"field col-12 md:col-12 lg:col-12 mt-3\">\n <p-floatLabel>\n <textarea class=\"w-full min-h-150\" rows=\"5\" cols=\"30\" pInputTextarea\n [(ngModel)]=\"recursoPuntoDTO.filtro\" autofocus [autoResize]=\"true\"> </textarea>\n <label class=\" w-full\" for=\"descripcion\">{{'filtro' | translate}}</label>\n </p-floatLabel>\n </div>\n <div class=\"flex justify-content-end align-content-center mt-3\">\n <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\" ></button>\n </div>\n </div>\n </p-tabPanel>\n </p-tabView>\n\n</div>", styles: [":host ::ng-deep .p-button{width:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i15.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i15.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i15.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i15.SaveEditableRow, selector: "[pSaveEditableRow]" }, { kind: "directive", type: i15.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i17.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i17.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i12$1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i15$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$4.FloatLabel, selector: "p-floatLabel" }] });
|
|
12762
12762
|
}
|
|
12763
12763
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetallePuntoProcesoReporteComponent, decorators: [{
|
|
12764
12764
|
type: Component,
|