general-library-union 2.4.49 → 2.4.50
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.
- package/README.md +27 -27
- package/esm2022/src/app/webcommon/pages/ejecucion-reporte/detalle-campo-reporte/detalle-campo-reporte.component.mjs +3 -3
- package/esm2022/src/app/webcommon/pages/ejecucion-reporte/detalle-ejecucion-reporte/detalle-ejecucion-reporte.page.mjs +3 -3
- package/esm2022/src/app/webcommon/pages/ejecucion-reporte/detalle-punto-proceso-reporte/detalle-punto-proceso-reporte.component.mjs +3 -3
- package/esm2022/src/app/webcommon/pages/ejecucion-reporte/detalle-tipo-reporte/detalle-tipo-reporte.component.mjs +6 -5
- package/esm2022/src/app/webcommon/popups/popup-reporte/popup-reporte.component.mjs +4 -3
- package/esm2022/src/app/webcommon/popups/popup-sentencia/popup-sentencia.component.mjs +3 -3
- package/fesm2022/general-library-union.mjs +16 -14
- package/fesm2022/general-library-union.mjs.map +1 -1
- package/package.json +1 -1
- package/src/app/webcommon/pages/fuente/importar-fuente-con/importar-fuente-con.component.d.ts +1 -1
|
@@ -10158,11 +10158,11 @@ class DetalleCampoReporteComponent {
|
|
|
10158
10158
|
return this.reporteFuente.origenFuente == tipo;
|
|
10159
10159
|
}
|
|
10160
10160
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleCampoReporteComponent, deps: [{ token: i1$1.FormBuilder }, { token: ToastService }, { token: GeneralService }, { token: i7.ConfirmationService }, { token: EjecucionReporteService }, { token: GeneralPipe }, { token: i7$2.TranslateService }, { token: ReporteFuentePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
10161
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleCampoReporteComponent, isStandalone: true, selector: "detalle-campo-reporte", inputs: { reporteFuente: "reporteFuente" }, providers: [ConfirmationService, MessageService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\r\n<div class=\"flex justify-content-between align-items-center mb-3\">\r\n <h1 class=\"text-xl mb-1\">{{'campo' | translate}}</h1>\r\n <div class=\"flex justify-content-end mb-3\" *ngIf=\"vistaVisualizar != 'detalle'\">\r\n <button pButton pRipple (click)=\"nuevaColumna()\" label=\"{{'link_nuevo' | translate}}\"\r\n icon=\"pi pi-plus\" class=\"p-button-secondary font-semibold flex-shrink-0 ml-4 mr-2\"></button>\r\n <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_importar' | translate}}\" *ngIf=\"isFuente()\"\r\n (click)=\"importar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\r\n <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_generar' | translate}}\" *ngIf=\"isSql()\"\r\n (click)=\"generar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\r\n </div>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\r\n <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'campo' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n</div>\r\n\r\n<p-table [value]=\"listaColumna\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\" dataKey=\"llave\"\r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"vistaVisualizar != 'detalle'\"\r\n (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginador.rows\" [totalRecords]=\"paginador.totalRecords\" [paginator]=\"paginador.totalRecords > paginador.rows\"\r\n [lazy]=\"true\" (onLazyLoad)=\"cargarListaColumna($event)\">\r\n <ng-template pTemplate=\"header\">\r\n \r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate}} </th>\r\n <th>{{'sintaxis' | translate}} </th>\r\n <th>{{'tipo' | translate}} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo>\r\n <tr [pSelectableRow]=\"campo\">\r\n <td>{{campo.nombre}}</td>\r\n <td>{{campo.sintaxis}}</td>\r\n <td>{{campo.tipoDato | reporteFuentePipe : 'listaTipoDatoColumna'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n\r\n<div class=\"card mt-3\" *ngIf=\"vistaVisualizar == 'detalle'\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <form [formGroup]=\"formReporteColumna\" #formulario=\"ngForm\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-6\">\r\n <span class=\"p-float-label\">\r\n <span class=\"p-float-label\">\r\n <input pInputText id=\"nombre\" type=\"text\" formControlName=\"nombre\" size=\"40\">\r\n <label htmlFor=\"nombre\">{{'nombre' | translate}} *</label>\r\n </span>\r\n </span>\r\n </div>\r\n <div class=\"field col-12 md:col-6\">\r\n <span class=\"p-float-label\">\r\n <p-dropdown [options]=\"listaTipoDato\" [autoDisplayFirst]=\"false\" formControlName=\"tipoDato\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label htmlFor=\"tipoDato\">{{'tipo' | translate}} *</label>\r\n </span>\r\n </div>\r\n <div class=\"field col-12 md:col-12\">\r\n <span class=\"p-float-label\">\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"sintaxis\"></textarea>\r\n <label htmlFor=\"sintaxis\">{{'sintaxis' | translate}} *</label>\r\n </span>\r\n </div>\r\n \r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" (click)=\"actualizar()\"\r\n icon=\"glyphicons {{reporteColumna.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" \r\n label=\"{{reporteColumna.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" >\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporteColumna.llaveTabla\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n</div>", styles: [""], 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: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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: "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: 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: "pipe", type: ReporteFuentePipe, name: "reporteFuentePipe" }, { 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: 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: "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"] }] });
|
|
10161
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleCampoReporteComponent, isStandalone: true, selector: "detalle-campo-reporte", inputs: { reporteFuente: "reporteFuente" }, providers: [ConfirmationService, MessageService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\r\n<div class=\"flex justify-content-between align-items-center mb-3\">\r\n <h1 class=\"text-xl mb-1\">{{'campo' | translate}}</h1>\r\n <div class=\"flex justify-content-end mb-3\" *ngIf=\"vistaVisualizar != 'detalle'\">\r\n <button pButton pRipple (click)=\"nuevaColumna()\" label=\"{{'link_nuevo' | translate}}\"\r\n icon=\"pi pi-plus\" class=\"p-button-secondary font-semibold flex-shrink-0 ml-4 mr-2\"></button>\r\n <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_importar' | translate}}\" *ngIf=\"isFuente()\"\r\n (click)=\"importar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\r\n <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_generar' | translate}}\" *ngIf=\"isSql()\"\r\n (click)=\"generar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\r\n </div>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\r\n <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'campo' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n</div>\r\n\r\n<p-table [value]=\"listaColumna\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\" dataKey=\"llave\"\r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"vistaVisualizar != 'detalle'\"\r\n (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginador.rows\" [totalRecords]=\"paginador.totalRecords\" [paginator]=\"paginador.totalRecords > paginador.rows\"\r\n [lazy]=\"true\" (onLazyLoad)=\"cargarListaColumna($event)\">\r\n <ng-template pTemplate=\"header\">\r\n \r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate}} </th>\r\n <th>{{'sintaxis' | translate}} </th>\r\n <th>{{'tipo' | translate}} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo>\r\n <tr [pSelectableRow]=\"campo\">\r\n <td>{{campo.nombre}}</td>\r\n <td>{{campo.sintaxis}}</td>\r\n <td>{{campo.tipoDato | reporteFuentePipe : 'listaTipoDatoColumna'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n\r\n<div class=\"card mt-3\" *ngIf=\"vistaVisualizar == 'detalle'\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <form [formGroup]=\"formReporteColumna\" #formulario=\"ngForm\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-6\">\r\n <span class=\"p-float-label\">\r\n <span class=\"p-float-label\">\r\n <input pInputText id=\"nombre\" type=\"text\" formControlName=\"nombre\" size=\"40\">\r\n <label htmlFor=\"nombre\">{{'nombre' | translate}} *</label>\r\n </span>\r\n </span>\r\n </div>\r\n <div class=\"field col-12 md:col-6\">\r\n <span class=\"p-float-label\">\r\n <p-dropdown [options]=\"listaTipoDato\" [autoDisplayFirst]=\"false\" formControlName=\"tipoDato\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label htmlFor=\"tipoDato\">{{'tipo' | translate}} *</label>\r\n </span>\r\n </div>\r\n <div class=\"field col-12 md:col-12\">\r\n <span class=\"p-float-label\">\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"sintaxis\"></textarea>\r\n <label htmlFor=\"sintaxis\">{{'sintaxis' | translate}} *</label>\r\n </span>\r\n </div>\r\n \r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" (click)=\"actualizar()\"\r\n icon=\"glyphicons {{reporteColumna.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" \r\n label=\"{{reporteColumna.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" >\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporteColumna.llaveTabla\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n</div>", styles: [""], 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: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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: "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: 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: "pipe", type: ReporteFuentePipe, name: "reporteFuentePipe" }, { 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: 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: "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"] }] });
|
|
10162
10162
|
}
|
|
10163
10163
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleCampoReporteComponent, decorators: [{
|
|
10164
10164
|
type: Component,
|
|
10165
|
-
args: [{ selector: 'detalle-campo-reporte', imports: [TranslateModule, CommonModule, ButtonModule, FormsModule, ReactiveFormsModule, DropdownModule, ReporteFuentePipe, ConfirmPopupModule, TableModule, InputTextModule, InputTextareaModule], standalone: true, providers: [ConfirmationService, MessageService], template: "<p-confirmPopup></p-confirmPopup>\r\n<div class=\"flex justify-content-between align-items-center mb-3\">\r\n <h1 class=\"text-xl mb-1\">{{'campo' | translate}}</h1>\r\n <div class=\"flex justify-content-end mb-3\" *ngIf=\"vistaVisualizar != 'detalle'\">\r\n <button pButton pRipple (click)=\"nuevaColumna()\" label=\"{{'link_nuevo' | translate}}\"\r\n icon=\"pi pi-plus\" class=\"p-button-secondary font-semibold flex-shrink-0 ml-4 mr-2\"></button>\r\n <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_importar' | translate}}\" *ngIf=\"isFuente()\"\r\n (click)=\"importar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\r\n <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_generar' | translate}}\" *ngIf=\"isSql()\"\r\n (click)=\"generar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\r\n </div>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\r\n <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'campo' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n</div>\r\n\r\n<p-table [value]=\"listaColumna\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\" dataKey=\"llave\"\r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"vistaVisualizar != 'detalle'\"\r\n (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginador.rows\" [totalRecords]=\"paginador.totalRecords\" [paginator]=\"paginador.totalRecords > paginador.rows\"\r\n [lazy]=\"true\" (onLazyLoad)=\"cargarListaColumna($event)\">\r\n <ng-template pTemplate=\"header\">\r\n \r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate}} </th>\r\n <th>{{'sintaxis' | translate}} </th>\r\n <th>{{'tipo' | translate}} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo>\r\n <tr [pSelectableRow]=\"campo\">\r\n <td>{{campo.nombre}}</td>\r\n <td>{{campo.sintaxis}}</td>\r\n <td>{{campo.tipoDato | reporteFuentePipe : 'listaTipoDatoColumna'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n\r\n<div class=\"card mt-3\" *ngIf=\"vistaVisualizar == 'detalle'\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <form [formGroup]=\"formReporteColumna\" #formulario=\"ngForm\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-6\">\r\n <span class=\"p-float-label\">\r\n <span class=\"p-float-label\">\r\n <input pInputText id=\"nombre\" type=\"text\" formControlName=\"nombre\" size=\"40\">\r\n <label htmlFor=\"nombre\">{{'nombre' | translate}} *</label>\r\n </span>\r\n </span>\r\n </div>\r\n <div class=\"field col-12 md:col-6\">\r\n <span class=\"p-float-label\">\r\n <p-dropdown [options]=\"listaTipoDato\" [autoDisplayFirst]=\"false\" formControlName=\"tipoDato\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label htmlFor=\"tipoDato\">{{'tipo' | translate}} *</label>\r\n </span>\r\n </div>\r\n <div class=\"field col-12 md:col-12\">\r\n <span class=\"p-float-label\">\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"sintaxis\"></textarea>\r\n <label htmlFor=\"sintaxis\">{{'sintaxis' | translate}} *</label>\r\n </span>\r\n </div>\r\n \r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" (click)=\"actualizar()\"\r\n icon=\"glyphicons {{reporteColumna.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" \r\n label=\"{{reporteColumna.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" >\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporteColumna.llaveTabla\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n</div>" }]
|
|
10165
|
+
args: [{ selector: 'detalle-campo-reporte', imports: [TranslateModule, CommonModule, ButtonModule, FormsModule, ReactiveFormsModule, DropdownModule, ReporteFuentePipe, ConfirmPopupModule, TableModule, InputTextModule, InputTextareaModule], standalone: true, providers: [ConfirmationService, MessageService], template: "<p-confirmPopup></p-confirmPopup>\r\n<div class=\"flex justify-content-between align-items-center mb-3\">\r\n <h1 class=\"text-xl mb-1\">{{'campo' | translate}}</h1>\r\n <div class=\"flex justify-content-end mb-3\" *ngIf=\"vistaVisualizar != 'detalle'\">\r\n <button pButton pRipple (click)=\"nuevaColumna()\" label=\"{{'link_nuevo' | translate}}\"\r\n icon=\"pi pi-plus\" class=\"p-button-secondary font-semibold flex-shrink-0 ml-4 mr-2\"></button>\r\n <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_importar' | translate}}\" *ngIf=\"isFuente()\"\r\n (click)=\"importar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\r\n <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_generar' | translate}}\" *ngIf=\"isSql()\"\r\n (click)=\"generar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\r\n </div>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\r\n <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'campo' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n</div>\r\n\r\n<p-table [value]=\"listaColumna\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\" dataKey=\"llave\"\r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"vistaVisualizar != 'detalle'\"\r\n (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginador.rows\" [totalRecords]=\"paginador.totalRecords\" [paginator]=\"paginador.totalRecords > paginador.rows\"\r\n [lazy]=\"true\" (onLazyLoad)=\"cargarListaColumna($event)\">\r\n <ng-template pTemplate=\"header\">\r\n \r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate}} </th>\r\n <th>{{'sintaxis' | translate}} </th>\r\n <th>{{'tipo' | translate}} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo>\r\n <tr [pSelectableRow]=\"campo\">\r\n <td>{{campo.nombre}}</td>\r\n <td>{{campo.sintaxis}}</td>\r\n <td>{{campo.tipoDato | reporteFuentePipe : 'listaTipoDatoColumna'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n\r\n<div class=\"card mt-3\" *ngIf=\"vistaVisualizar == 'detalle'\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <form [formGroup]=\"formReporteColumna\" #formulario=\"ngForm\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-6\">\r\n <span class=\"p-float-label\">\r\n <span class=\"p-float-label\">\r\n <input pInputText id=\"nombre\" type=\"text\" formControlName=\"nombre\" size=\"40\">\r\n <label htmlFor=\"nombre\">{{'nombre' | translate}} *</label>\r\n </span>\r\n </span>\r\n </div>\r\n <div class=\"field col-12 md:col-6\">\r\n <span class=\"p-float-label\">\r\n <p-dropdown [options]=\"listaTipoDato\" [autoDisplayFirst]=\"false\" formControlName=\"tipoDato\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label htmlFor=\"tipoDato\">{{'tipo' | translate}} *</label>\r\n </span>\r\n </div>\r\n <div class=\"field col-12 md:col-12\">\r\n <span class=\"p-float-label\">\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"sintaxis\"></textarea>\r\n <label htmlFor=\"sintaxis\">{{'sintaxis' | translate}} *</label>\r\n </span>\r\n </div>\r\n \r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" (click)=\"actualizar()\"\r\n icon=\"glyphicons {{reporteColumna.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" \r\n label=\"{{reporteColumna.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" >\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporteColumna.llaveTabla\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n</div>" }]
|
|
10166
10166
|
}], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: ToastService }, { type: GeneralService }, { type: i7.ConfirmationService }, { type: EjecucionReporteService }, { type: GeneralPipe }, { type: i7$2.TranslateService }, { type: ReporteFuentePipe }], propDecorators: { reporteFuente: [{
|
|
10167
10167
|
type: Input
|
|
10168
10168
|
}] } });
|
|
@@ -10701,6 +10701,7 @@ class DetalleTipoReporteComponent {
|
|
|
10701
10701
|
this.reporteService = reporteService;
|
|
10702
10702
|
}
|
|
10703
10703
|
ngOnInit() {
|
|
10704
|
+
this.aplicacion = this.authService.getTokenKey('aplicacion');
|
|
10704
10705
|
this.llaveEmpresa = this.authService.getTokenKey('llaveEmpresa');
|
|
10705
10706
|
this.listaSiNo = this.generalPipe.LISTA_SINO;
|
|
10706
10707
|
this.listaTipoMarcadorColumnario = this.reporteColumnarioPipe.MAPA_TIPO_MARCADOR;
|
|
@@ -11332,9 +11333,9 @@ class DetalleTipoReporteComponent {
|
|
|
11332
11333
|
}
|
|
11333
11334
|
descargarJasper() {
|
|
11334
11335
|
let propiedad = 'ruta_plantillas';
|
|
11335
|
-
let aplicacion = this.aplicacion; //environment.codigoAplicacion;
|
|
11336
11336
|
//Ruta archivo
|
|
11337
|
-
this.
|
|
11337
|
+
this.aplicacion = this.authService.getTokenKey('aplicacion');
|
|
11338
|
+
this.cargarArchivo.descargarArchivo(this.encriptadorArchivo.encriptar('reportes/' + this.reporteFuente.llave + '.jrxml'), propiedad, this.aplicacion).subscribe({
|
|
11338
11339
|
next: blob => {
|
|
11339
11340
|
const a = document.createElement('a');
|
|
11340
11341
|
const objectUrl = URL.createObjectURL(blob);
|
|
@@ -11943,11 +11944,11 @@ class DetalleTipoReporteComponent {
|
|
|
11943
11944
|
return this.reporteFuente.origenFuente == tipo;
|
|
11944
11945
|
}
|
|
11945
11946
|
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 });
|
|
11946
|
-
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)\">\r\n <p-tabPanel header=\"{{'excel' | translate }}\" [selected]=\"true\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <p class=\"font-semibold\">{{'debe' | translate}} {{'indicar' | translate}} {{'plantilla' | translate}} {{'y' | translate}}\r\n {{'hoja' | translate}} {{'para' | translate}} {{'que' | translate}} {{'esta' | translate}}\r\n {{'opcion' | translate}} {{'se' | translate}} {{'active' | translate}}\r\n </p>\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-4\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoTodo ? reporteFuente.archivoTodo: ''\"\r\n [extensiones]=\"'xls;xlsx'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\r\n (onSelected)=\"obtenerArchivo($event)\"></app-input-helper-seleccion-plantilla>\r\n\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\r\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\r\n translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoExcel\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\"\r\n (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-pickList [source]=\"listaExcel\" [target]=\"listaNoExcel\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\r\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\r\n filterBy=\"sintaxis\" (onSourceReorder)=\"moverAAsociado($event)\"\r\n (onMoveAllToTarget)=\"moverADesasociado($event)\" (onMoveAllToSource)=\"moverAAsociado($event)\"\r\n (onMoveToTarget)=\"moverADesasociado($event)\" (onMoveToSource)=\"moverAAsociado($event)\">\r\n <ng-template let-excel pTemplate=\"item\">\r\n <div>\r\n <label>{{excel.nombre}}</label>\r\n </div>\r\n </ng-template>\r\n </p-pickList>\r\n\r\n <div class=\"mt-4\">\r\n <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorExcel()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorExcel\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorExcel = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadorExcel\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcadorExcel\" [rows]=\"10\"\r\n [totalRecords]=\"listaMarcadorExcel.length\" [paginator]=\"listaMarcadorExcel.length > 10\"\r\n (onRowSelect)=\"verDetalleMarcadorExcel($event)\" (onRowUnselect)=\"verDetalleMarcadorExcel($event)\" *ngIf=\"!verNuevoMarcadorExcel\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.descripcion}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-4 \">\r\n <form [formGroup]=\"formMarcadorExcel\" >\r\n <div class=\"col-md-12 p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\" maxlength=\"4000\">\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\" maxlength=\"4000\">\r\n <label>{{'marcador' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Imagen Fija', value: 'IF'}, {label: 'Marcador', value: 'MA'}]\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"tipo\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" [hidden]=\"esImagenFija\">\r\n <label>{{'valor' | translate }} *</label>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"origen\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'origen' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n formControlName=\"textoRegistro\"\r\n [label]=\"reporteMarcadorExcel.textoRegistro ? reporteMarcadorExcel.textoRegistro: ''\"\r\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcadorExcel($event)\"\r\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"('recursos' | translate)\" [labelarch]=\"'recurso' | translate\" [mostrarX]=\"true\"\r\n [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporteMarcadorExcel.textoRegistro) && clickGuardarMarcadorExcel)\"\r\n [anexoPropiedad]=\"reporteMarcadorExcel.origen =='C' ? llaveEmpresa: ''\"\r\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n </div>\r\n </form>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <button pButton pRipple class=\"ml-2 p-button-raised\" icon=\"glyphicons {{reporteMarcadorExcel.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{reporteMarcadorExcel.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorExcel()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcadorExcel.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorExcel($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'plantilla' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.unicoArchivo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'soporte' | translate }} {{'unico' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.descargarFuente\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'descargardoc' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.generarPin\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'generarpin' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [(ngModel)]=\"reporteFuente.campoAgrupacionPlanilla\" \r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'agruparpor' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreAgrupacionPlanilla\" size=\"25\"\r\n maxlength=\"100\">\r\n <label>{{'nombrearchivoagrupacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoPlanilla\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteFuente.unicoArchivo == 'N'\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoIndividual ? reporteFuente.archivoIndividual: ''\"\r\n [labelrar]=\"'archivo' | translate\" [labelarch]=\"'archivo' | translate\" [mostraroblicargo]=\"true\"\r\n (onSelected)=\"obtenerArchivoPlanilla($event)\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-tabView >\r\n <p-tabPanel header=\"{{'marcadores' | translate }}\" [selected]=\"true\">\r\n \r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold mb-2\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcador()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcador\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcador\">\r\n <button pButton pRipple (click)=\"verNuevoMarcador = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadores\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcador\"\r\n [rows]=\"10\" [totalRecords]=\"listaMarcadores.length\"\r\n [paginator]=\"listaMarcadores.length > 10\" *ngIf=\"!verNuevoMarcador\"\r\n (onRowSelect)=\"verDetalleMarcador($event)\" (onRowUnselect)=\"verDetalleMarcador($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'marcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.descripcion}}</td>\r\n <td>{{marcador.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\r\n <td>{{marcador.tipo == 'IF' ? marcador.textoRegistro : marcador.nombreColumna}}</td>\r\n <td>{{marcador.marcador}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"card col-md-12\" *ngIf=\"verNuevoMarcador\">\r\n <div class=\"Detallereporte mt-2\">\r\n <form [formGroup]=\"formMarcador\">\r\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>\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\"\r\n maxlength=\"4000\">\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoMarcador\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipo\" optionLabel=\"nombre\"\r\n optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!(['MA','IM','MR','IF','QR','BC','G1'].includes(reporteMarcador.tipo))\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\">\r\n <label>{{'marcador' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tabla\" size=\"25\">\r\n <label>{{'tabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'IF'\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\" formControlName=\"origen\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'origen' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"reporteMarcador.tipo != 'IF' || !reporteMarcador.origen\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n formControlName=\"textoRegistro\"\r\n [label]=\"reporteMarcador.textoRegistro ? reporteMarcador.textoRegistro: ''\"\r\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcador($event)\"\r\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"'recursos' | translate\"\r\n [anexoPropiedad]=\"reporteMarcador.origen =='C' ? llaveEmpresa: ''\"\r\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['MA','IM','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" formControlName=\"reporteColumna\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'columna' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MA'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"formato\" size=\"25\">\r\n <label>{{'formato' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-inputNumber formControlName=\"ancho\" [maxlength]=\"5\"> </p-inputNumber>\r\n <label>{{'ancho' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-inputNumber formControlName=\"alto\" [maxlength]=\"5\"> </p-inputNumber>\r\n <label>{{'alto' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo1\"></textarea>\r\n <label>{{'grupo1' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo2\"></textarea>\r\n <label>{{'grupo2' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo3\"></textarea>\r\n <label>{{'grupo3' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"finalGrupo\"></textarea>\r\n <label>{{'finalgrupo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\r\n <label>{{'texto' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['MR','TB'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" formControlName=\"tieneSql\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'sql' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['S'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"query\"></textarea>\r\n <label>{{'consulta' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"fuente\" optionLabel=\"descripcion\"\r\n optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoGrafico_JFC\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\"\r\n optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'grafica' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcadorGrafico\" size=\"25\">\r\n <label>{{'marcadorgrafica' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"titulox\" size=\"25\">\r\n <label>{{'titulo' | translate }} X</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tituloy\" size=\"25\">\r\n <label>{{'titulo' | translate }} Y</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"banda\" size=\"25\">\r\n <label>{{'colordinamico' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" size=\"25\">\r\n <label>{{'numerocategorias' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"filtro\"></textarea>\r\n <label>{{'filtro' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </form>\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons {{reporteMarcador.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporteMarcador.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"guardarMarcador()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcador.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcador($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"verNuevoMarcador && reporteMarcador.llave != null && (reporteMarcador.tipo == 'MR' || reporteMarcador.tipo == 'TB')\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTabla()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaCamposMarcador\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcador.length\" [scrollable]=\"true\"\r\n [paginator]=\"listaCamposMarcador.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llave\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 10%;\">{{'columna' | translate }}</th>\r\n <th style=\"width: 10%;\">{{'campo' | translate }}</th>\r\n <th style=\"width: 10%;\">{{'formato' | translate }}</th>\r\n <th style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">{{'tipo' | translate }}</th>\r\n <th style=\"width: 10%;\"*ngIf=\"reporteMarcador.tipo == 'TB'\">{{'medidas' | translate }}</th>\r\n <th style=\"width: 10%;\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalle\">\r\n <td style=\"width: 10%;\">\r\n <input pInputText [(ngModel)]=\"campoMarcadorInsertar.columna\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\" />\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.campoFuente\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\">\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.formato\">\r\n </td>\r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [(ngModel)]=\"campoMarcadorInsertar.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\r\n </td>\r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <div *ngIf=\"campoMarcadorInsertar.tipo =='I'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.ancho\">\r\n <label>{{'ancho' | translate}}</label>\r\n </p-floatLabel>\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.alto\">\r\n <label>{{'alto' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </td>\r\n <td style=\"width: 10%;\" >\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campoMarcadorInsertar)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalle = false\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"campo\">\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.columna\" oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" \r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" />\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.columna}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.campoFuente}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.formato}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [(ngModel)]=\"campo.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.tipo | reporteFuentePipe :'listaRecursoGrafica'}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <div *ngIf=\"campo.tipo =='I'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.ancho\">\r\n <label>{{'ancho' | translate}}</label>\r\n </p-floatLabel>\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.alto\">\r\n <label>{{'alto' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <div *ngIf=\"campo.tipo =='I'\">\r\n {{'ancho' | translate}}: {{campo.ancho}} <br/>\r\n {{'alto' | translate}}: {{campo.alto}}\r\n </div> \r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campo)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorAsync()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcador($event,campo)\"\r\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>\r\n </div>\r\n </td>\r\n\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'soporte' | translate }} {{'archivo' | translate }}s\"\r\n *ngIf=\"reporteFuente.unicoArchivo == 'N'\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoSoporte()\" icon=\"pi pi-plus\"\r\n [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaSoportes\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaSoportes.length\"\r\n [paginator]=\"listaSoportes.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llaveTabla\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 45%\">{{'descripcion' | translate}}</th>\r\n <th style=\"width: 45%\">{{'archivo' | translate}}</th>\r\n <th style=\"width: 10%\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verSoporteArchivoDetalle\">\r\n <td style=\"width: 45%\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"soporteIngresar.descripcion\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\">\r\n </td>\r\n <td style=\"width: 45%\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"soporteIngresar.archivoIndividual ? soporteIngresar.archivoIndividual: ''\" [labelarch]=\"'archivo' | translate\"\r\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporteIngresar.archivoIndividual) && clickGuardarSoporteArchivo)\"\r\n (onSelected)=\"obtenerArchivoSoporte($event, soporteIngresar)\"></app-input-helper-seleccion-plantilla>\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarSoporte(soporteIngresar)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verSoporteArchivoDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarSoporte()\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-soporte let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"soporte\" style=\"width: 100%\">\r\n <td style=\"width: 45%\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"soporte.descripcion\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{soporte.descripcion}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 45%\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"soporte.archivoIndividual ? soporte.archivoIndividual: ''\"\r\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporte.archivoIndividual) && clickGuardarSoporteArchivo)\"\r\n (onSelected)=\"obtenerArchivoSoporte($event, soporte)\"></app-input-helper-seleccion-plantilla>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{soporte.archivoIndividual}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarSoporte(soporte)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarSoporte($event, soporte)\" [disabled]=\"habilitaCampo\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-tabPanel>\r\n </p-tabView>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'reporte' | translate }} {{'dinamico' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.dobleLinea\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'doblelinea' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloParametro\" size=\"25\"\r\n maxlength=\"100\">\r\n <label>{{'descripcion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoJasper\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n \r\n \r\n <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\" \r\n label=\"{{'link_generar' | translate}}\" (click)=\"generarJasper()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"pi pi-download\" *ngIf=\"existeJasper\"\r\n label=\"{{'link_descargar' | translate}}\" (click)=\"descargarJasper()\">\r\n </button>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n \r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"bandaSeleccionada.key\">\r\n <button pButton pRipple (click)=\"regresarBandaSeleccionada()\" label= \"{{'listado' | translate}} {{'bandas' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaTipoBanda\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [rows]=\"10\"\r\n [totalRecords]=\"listaTipoBanda.length\" [paginator]=\"listaTipoBanda.length > 10\"\r\n (onRowSelect)=\"verBanda($event)\" (onRowUnselect)=\"verBanda($event)\" *ngIf=\"!bandaSeleccionada.key\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'banda' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-banda>\r\n <tr [pSelectableRow]=\"banda\">\r\n <td>{{banda.value}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <p-tabView *ngIf=\"bandaSeleccionada.key && verTabBanda\">\r\n <p-tabPanel header=\"{{'caracteristicas' | translate}}\"\r\n *ngIf=\"!['detalle','summary'].includes(bandaSeleccionada.key)\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"codigo\" \r\n [(ngModel)]=\"reporteBanda.totales\" ></p-dropdown>\r\n <label>{{'total' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteBanda.titulo\" maxlength=\"200\">\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\r\n label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCaracteristicaBanda()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{bandaSeleccionada.value}}\" *ngIf=\"!nuevaBanda\">\r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <div class=\"flex justify-content-end mb-1\" >\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoMarcadorDinamico()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\" *ngIf=\"!nuevoReporteMarcadorDinamico\"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadorDinamico\" [scrollable]=\"true\"\r\n responsiveLayout=\"scroll\" dataKey=\"llaveTabla\" selectionMode=\"single\"\r\n [rows]=\"10\" [totalRecords]=\"listaMarcadorDinamico.length\"\r\n [paginator]=\"listaMarcadorDinamico.length > 10\" *ngIf=\"!nuevoReporteMarcadorDinamico\"\r\n (onRowSelect)=\"verMarcadorDinamico($event)\" (onRowUnselect)=\"verMarcadorDinamico($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'banda' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'etiqueta' | translate }}</th>\r\n <th>{{'formato' | translate }}</th>\r\n <th>{{'ancho' | translate }}</th>\r\n <th>{{'operacion' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-dinamico>\r\n <tr [pSelectableRow]=\"dinamico\">\r\n <td>{{dinamico.banda}}</td>\r\n <td>{{dinamico.banda ? dinamico.alto : ''}}</td>\r\n <td>{{dinamico.marcador}}</td>\r\n <td>{{dinamico.banda ? dinamico.descripcion : ''}}</td>\r\n <td>{{dinamico.banda ? dinamico.formato : ''}}</td>\r\n <td>{{['detalle'].includes(dinamico.banda) ? dinamico.ancho : ''}}</td>\r\n <td>{{dinamico.banda ? dinamico.operacion : ''}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div *ngIf=\"nuevoReporteMarcadorDinamico\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"flex justify-content-between align-items-center mb-2\"> \r\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>\r\n <button pButton pRipple (click)=\"nuevoReporteMarcadorDinamico = false\" label= \"{{'listado' | translate}} {{bandaSeleccionada.value}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \" *ngIf=\"nuevoReporteMarcadorDinamico\"></button>\r\n </div>\r\n <form [formGroup]=\"formReporteDinamico\" class=\"p-fluid grid\">\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCampoJasperDinamico\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"tipoCampo\"\r\n optionLabel=\"value\" optionValue=\"key\"></p-dropdown>\r\n <label>{{'tipocampo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoDatoSintaxis\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipoDato\" optionLabel=\"value\"\r\n optionValue=\"key\"></p-dropdown>\r\n <label>{{'tipodato' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText formControlName=\"alto\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'orden' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"marcador\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n *ngIf=\"!reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\"></p-dropdown>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\"\r\n *ngIf=\"reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-12\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"filtro\"></textarea>\r\n <label>{{'sintaxis' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-fieldset class=\"fieldsintitulo\" class=\"fieldsintitulo\">\r\n <div class=\"p-fluid grid\">\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\">\r\n <label class=\"font-semibold text-gray-900 text-base ml-1\">{{'resultado' | translate}}</label>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\"></div>\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <label class=\"font-semibold text-gray-900 text-base ml-1\" >{{'label' | translate}}</label>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"formato\" />\r\n <label>{{'formato' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" />\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"ancho\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'ancho' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' == reporteMarcadorDinamico.banda \"></div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'ancho' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"resultadoX\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'x' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"titulox\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'x' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"resultadoY\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'y' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tituloy\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'y' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipoReporte\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'alineacion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'alineacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoDato == 'N' && reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaOperaciones\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"operacion\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'operacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </div>\r\n </form>\r\n \r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{reporteMarcadorDinamico.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{reporteMarcadorDinamico.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaDinamico()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcadorDinamico.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaDinamico($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n \r\n </p-tabView>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'reporte' | translate }} {{'texto' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.archivoTexto\" size=\"50\"\r\n maxlength=\"200\">\r\n <label>{{'nombrearchivo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSeparadores\" [(ngModel)]=\"reporteFuente.separador\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'separador' | translate }}*</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoTexto\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizarSeparador()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex justify-content-between lign-items-center mb-3\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorTexto()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorTexto\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorTexto\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorTexto = false; clickGuardarMarcadorTexto = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadoresTexto\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaMarcadoresTexto.length\"\r\n [paginator]=\"listaMarcadoresTexto.length > 10\" *ngIf=\"!verNuevoMarcadorTexto\"\r\n (onRowSelect)=\"verMarcadorTexto($event)\" (onRowUnselect)=\"verMarcadorTexto($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'formato' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marctexto>\r\n <tr [pSelectableRow]=\"marctexto\">\r\n <td>{{marctexto.tipoGrafico | reporteFuentePipe : 'listaTipoMarcadoresTexto'}}</td>\r\n <td>{{marctexto.nombreColumna}}</td>\r\n <td>{{marctexto.formato}}</td>\r\n <td>{{marctexto.alto}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorTexto\"> \r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoMarcadorTexto\" [autoDisplayFirst]=\"false\"\r\n [(ngModel)]=\"marcadorTexto.tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\"\r\n [(ngModel)]=\"marcadorTexto.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"></p-dropdown>\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.formato\" maxlength=\"50\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\">\r\n <label>{{marcadorTexto.tipoGrafico == 'D' ? ('formato' | translate)+'*' : ('descripcion' | translate)+'*' }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.ancho\" maxlength=\"22\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\">\r\n <label>{{'ancho' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.alto\" maxlength=\"22\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\">\r\n <label>{{'orden' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorTexto.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorTexto.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorTexto()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorTexto.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadoTexto($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'tabla' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreTabla\" maxlength=\"4000\">\r\n <label>{{'nombretabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-8\">\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-pickList [source]=\"listaTabla\" [target]=\"listaNoTabla\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\r\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\r\n filterBy=\"nombre\" *ngIf=\"isFuente()\" (onSourceReorder)=\"reorderTabla($event)\"\r\n (onMoveAllToTarget)=\"moverADesasociadoTabla($event)\" (onMoveAllToSource)=\"moverAAsociadoTabla($event)\"\r\n (onMoveToTarget)=\"moverADesasociadoTabla($event)\" (onMoveToSource)=\"moverAAsociadoTabla($event)\">\r\n <ng-template let-tabla pTemplate=\"item\">\r\n <div>\r\n <label>{{tabla.nombre}}</label>\r\n </div>\r\n </ng-template>\r\n </p-pickList>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'archivoxml' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.tagEncabezado\"></textarea>\r\n <label>{{'tagencabezado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.tagCierreEncabezado\"></textarea>\r\n <label>{{'tagcierreencabezado' | translate }}</label>\r\n </p-floatLabel> \r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.estructuraRegistro\"></textarea>\r\n <label>{{'tagregistro' | translate }}</label>\r\n </p-floatLabel> \r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoXml\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-between align-items-center mb-3\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorXML()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorXML\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorXML\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorXML = false; clickGuardarMarcadorXML = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaXML\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaXML.length\"\r\n [paginator]=\"listaXML.length > 10\" *ngIf=\"!verNuevoMarcadorXML\"\r\n (onRowSelect)=\"verMarcadorXML($event)\" (onRowUnselect)=\"verMarcadorXML($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'marcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marctexto>\r\n <tr [pSelectableRow]=\"marctexto\">\r\n <td>{{marctexto.descripcion}}</td>\r\n <td>{{marctexto.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\r\n <td>{{marctexto.nombreColumna}}</td>\r\n <td>{{marctexto.marcador}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorXML\"> \r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.descripcion\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\">\r\n <label>{{'descripcion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoMarcadorXML\" [autoDisplayFirst]=\"false\" \r\n [(ngModel)]=\"marcadorXML.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MA','MR'].includes(marcadorXML.tipo)\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" >\r\n <label>{{'marcador' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\r\n <label>{{'tabla' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"marcadorXML.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\" ></p-dropdown>\r\n <label>{{'columna' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.formato\" >\r\n <label>{{'formato' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.textoRegistro\" ></textarea>\r\n <label>{{'texto' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"marcadorXML.fuente\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.filtro\"></textarea>\r\n <label>{{'filtro' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.estructuraTablaXML\"></textarea>\r\n <label>{{'estructuratabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorXML.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorXML.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorXML()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorXML.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorXML($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"verNuevoMarcadorXML && marcadorXML.llave != null && (marcadorXML.tipo == 'MR' || marcadorXML.tipo == 'TB')\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTablaXML()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaCamposMarcadorXML\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcadorXML.length\"\r\n [paginator]=\"listaCamposMarcadorXML.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llave\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 30%;\">{{'campo' | translate }}</th>\r\n <th style=\"width: 30%;\">{{'marcador' | translate }}</th>\r\n <th style=\"width: 30%;\">{{'formato' | translate }}</th>\r\n <th style=\"width: 10%\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalleXML\">\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.campoFuente\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\">\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.marcador\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\">\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.formato\" style=\"width: -webkit-fill-available\">\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\" >\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campoMarcadorInsertarXML)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalleXML = false\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"campo\">\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.campoFuente}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.marcador\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.marcador}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\" style=\"width: -webkit-fill-available\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.formato}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n \r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campo)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorXMLAsync()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcadorXML($event,campo)\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'columnario' | translate }}\">\r\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\" >\r\n <p-accordionTab [selected]=\"true\" >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'columnasbasicas'|translate}}\r\n </ng-template>\r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoColumnaBasica()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoReporteColumnario\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoReporteColumnario\">\r\n <button pButton pRipple (click)=\"verNuevoReporteColumnario = false; clickGuardarReporteColumnario = false;\" label= \"{{'listado' | translate}} {{'columnasbasicas' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaReporteColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaReporteColumnario.length\"\r\n [paginator]=\"listaReporteColumnario.length > 10\" *ngIf=\"!verNuevoReporteColumnario\"\r\n (onRowSelect)=\"verReporteColumnario($event)\" (onRowUnselect)=\"verReporteColumnario($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n <th>{{'operacion' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-bean>\r\n <tr [pSelectableRow]=\"bean\">\r\n <td>{{bean.nombre}}</td>\r\n <td>{{bean.nombreColumna}}</td>\r\n <td>{{bean.tipo | reporteColumnarioPipe: 'listaTipoColumna'}}</td>\r\n <td>{{bean.orden}}</td>\r\n <td>{{bean.operacion | reporteColumnarioPipe: 'listaOperacion'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoReporteColumnario\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.nombre\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\">\r\n <label>{{'nombre' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoColumnas\" [autoDisplayFirst]=\"false\" \r\n [(ngModel)]=\"columnaBasica.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'tipocolumna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"columnaBasica.tipo == 'D'\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacion\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacionHorizontal\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacionhorizontal' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- fila Operacion Vertical -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.columnaOperacionVertical\" maxlength=\"5\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\">\r\n <label>{{'columnaoperacion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Operacion Verticial -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacionVertical\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacionvertical' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Orden -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrden()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.orden\" maxlength=\"5\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\">\r\n <label>{{'orden' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Ordenamiento Filas -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoLabel() || isTipoFila()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" \r\n [(ngModel)]=\"columnaBasica.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'ordenamiento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Ordenamiento Datos de la consulta -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrdenConsulta()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.ordenConsulta\" maxlength=\"5\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\r\n <label>{{'ordenconsulta' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaBasica.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{columnaBasica.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaBasica()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"columnaBasica.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaBasica($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n </p-accordion>\r\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\">\r\n <p-accordionTab >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'datosadicionales'|translate}}\r\n </ng-template>\r\n <p-fieldset class=\"fieldsintitulo\" >\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n \r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoExcelColumnario ? reporteFuente.archivoExcelColumnario: ''\"\r\n [extensiones]=\"'xls;xlsx;xlsm'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\r\n (onSelected)=\"obtenerArchivoColumnario($event)\"></app-input-helper-seleccion-plantilla>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\r\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\r\n translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"reporteFuente.filaInicioColumnario\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'filainiciocolumnario' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\r\n [(ngModel)]=\"reporteFuente.cifradoColumnario\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.sintaxisColumnario\"></textarea>\r\n <label>{{'sintaxiscolumnario' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n <div class=\"flex justify-content-between align-items-center mb-3 mt-3\">\r\n <h1 class=\"text-xl\">{{'columnaadicional' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevaColumnaAdicional()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoColumnaAdicional\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoColumnaAdicional\">\r\n <button pButton pRipple (click)=\"verNuevoColumnaAdicional = false; clickGuardarColumnaAdicional = false;\" label= \"{{'listado' | translate}} {{'columnaadicional' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"columnasAdicionales\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"columnasAdicionales.length\"\r\n [paginator]=\"columnasAdicionales.length > 10\" *ngIf=\"!verNuevoColumnaAdicional\"\r\n (onRowSelect)=\"verDetalleAdicional($event)\" (onRowUnselect)=\"verDetalleAdicional($event)\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-columnaadicional>\r\n <tr [pSelectableRow]=\"columnaadicional\">\r\n <td>{{columnaadicional.nombre}}</td>\r\n <td>{{columnaadicional.orden}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoColumnaAdicional\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaAdicional.nombre\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\">\r\n <label>{{'alias' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"columnaAdicional.orden\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\" />\r\n <label>{{'orden' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaAdicional.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"></p-dropdown>\r\n <label>{{'ordenamiento' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"columnaAdicional.ordenConsulta\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\" />\r\n <label>{{'ordenconsulta' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" >\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"columnaAdicional.sintaxis\" maxlength=\"4000\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"></textarea>\r\n <label>{{'sintaxis' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaAdicional.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{columnaAdicional.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaAdicional()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"columnaAdicional.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaAdicional($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n <p-accordionTab >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'marcadores'|translate}}\r\n </ng-template>\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorColumnario()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorColumnario\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorColumnario\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorColumnario = false; clickGuardarMarcadorColumnario = false;\" label= \"{{'listado' | translate}} {{'marcador' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"marcadoresColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"marcadoresColumnario.length\"\r\n [paginator]=\"marcadoresColumnario.length > 10\" *ngIf=\"!verNuevoMarcadorColumnario\"\r\n (onRowSelect)=\"verDetalleMarcadorColumnario($event)\" (onRowUnselect)=\"verDetalleMarcadorColumnario($event)\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'tipomarcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.marcador}}</td>\r\n <td>{{marcador.tipo | reporteColumnarioPipe: 'listaTipoMarcador'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoMarcadorColumnario\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"marcadorColumnario.descripcion\" maxlength=\"4000\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\" />\r\n <label>{{'descripcion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"marcadorColumnario.marcador\" maxlength=\"50\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\" />\r\n <label>{{'marcador' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoMarcadorColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"marcadorColumnario.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-12\" >\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"marcadorColumnario.textoRegistro\" maxlength=\"4000\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"></textarea>\r\n <label>{{'valor' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorColumnario.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorColumnario.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorColumnario()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorColumnario.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorColumnario($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n </p-accordion>\r\n </p-tabPanel>\r\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"] }] });
|
|
11947
|
+
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)\">\r\n <p-tabPanel header=\"{{'excel' | translate }}\" [selected]=\"true\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <p class=\"font-semibold\">{{'debe' | translate}} {{'indicar' | translate}} {{'plantilla' | translate}} {{'y' | translate}}\r\n {{'hoja' | translate}} {{'para' | translate}} {{'que' | translate}} {{'esta' | translate}}\r\n {{'opcion' | translate}} {{'se' | translate}} {{'active' | translate}}\r\n </p>\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-4\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoTodo ? reporteFuente.archivoTodo: ''\"\r\n [extensiones]=\"'xls;xlsx'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\r\n (onSelected)=\"obtenerArchivo($event)\"></app-input-helper-seleccion-plantilla>\r\n\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\r\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\r\n translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoExcel\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\"\r\n (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-pickList [source]=\"listaExcel\" [target]=\"listaNoExcel\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\r\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\r\n filterBy=\"sintaxis\" (onSourceReorder)=\"moverAAsociado($event)\"\r\n (onMoveAllToTarget)=\"moverADesasociado($event)\" (onMoveAllToSource)=\"moverAAsociado($event)\"\r\n (onMoveToTarget)=\"moverADesasociado($event)\" (onMoveToSource)=\"moverAAsociado($event)\">\r\n <ng-template let-excel pTemplate=\"item\">\r\n <div>\r\n <label>{{excel.nombre}}</label>\r\n </div>\r\n </ng-template>\r\n </p-pickList>\r\n\r\n <div class=\"mt-4\">\r\n <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorExcel()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorExcel\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorExcel = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadorExcel\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcadorExcel\" [rows]=\"10\"\r\n [totalRecords]=\"listaMarcadorExcel.length\" [paginator]=\"listaMarcadorExcel.length > 10\"\r\n (onRowSelect)=\"verDetalleMarcadorExcel($event)\" (onRowUnselect)=\"verDetalleMarcadorExcel($event)\" *ngIf=\"!verNuevoMarcadorExcel\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.descripcion}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-4 \">\r\n <form [formGroup]=\"formMarcadorExcel\" >\r\n <div class=\"col-md-12 p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\" maxlength=\"4000\">\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\" maxlength=\"4000\">\r\n <label>{{'marcador' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Imagen Fija', value: 'IF'}, {label: 'Marcador', value: 'MA'}]\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"tipo\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" [hidden]=\"esImagenFija\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\r\n <label>{{'valor' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"origen\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'origen' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n formControlName=\"textoRegistro\"\r\n [label]=\"reporteMarcadorExcel.textoRegistro ? reporteMarcadorExcel.textoRegistro: ''\"\r\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcadorExcel($event)\"\r\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"('recursos' | translate)\" [labelarch]=\"'recurso' | translate\" [mostrarX]=\"true\"\r\n [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporteMarcadorExcel.textoRegistro) && clickGuardarMarcadorExcel)\"\r\n [anexoPropiedad]=\"reporteMarcadorExcel.origen =='C' ? llaveEmpresa: ''\"\r\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n </div>\r\n </form>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <button pButton pRipple class=\"ml-2 p-button-raised\" icon=\"glyphicons {{reporteMarcadorExcel.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{reporteMarcadorExcel.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorExcel()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcadorExcel.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorExcel($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'plantilla' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.unicoArchivo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'soporte' | translate }} {{'unico' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.descargarFuente\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'descargardoc' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.generarPin\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'generarpin' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [(ngModel)]=\"reporteFuente.campoAgrupacionPlanilla\" \r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'agruparpor' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreAgrupacionPlanilla\" size=\"25\"\r\n maxlength=\"100\">\r\n <label>{{'nombrearchivoagrupacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoPlanilla\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteFuente.unicoArchivo == 'N'\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoIndividual ? reporteFuente.archivoIndividual: ''\"\r\n [labelrar]=\"'archivo' | translate\" [labelarch]=\"'archivo' | translate\" [mostraroblicargo]=\"true\"\r\n (onSelected)=\"obtenerArchivoPlanilla($event)\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-tabView >\r\n <p-tabPanel header=\"{{'marcadores' | translate }}\" [selected]=\"true\">\r\n \r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold mb-2\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcador()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcador\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcador\">\r\n <button pButton pRipple (click)=\"verNuevoMarcador = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadores\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcador\"\r\n [rows]=\"10\" [totalRecords]=\"listaMarcadores.length\"\r\n [paginator]=\"listaMarcadores.length > 10\" *ngIf=\"!verNuevoMarcador\"\r\n (onRowSelect)=\"verDetalleMarcador($event)\" (onRowUnselect)=\"verDetalleMarcador($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'marcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.descripcion}}</td>\r\n <td>{{marcador.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\r\n <td>{{marcador.tipo == 'IF' ? marcador.textoRegistro : marcador.nombreColumna}}</td>\r\n <td>{{marcador.marcador}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"card col-md-12\" *ngIf=\"verNuevoMarcador\">\r\n <div class=\"Detallereporte mt-2\">\r\n <form [formGroup]=\"formMarcador\">\r\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>\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\"\r\n maxlength=\"4000\">\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoMarcador\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipo\" optionLabel=\"nombre\"\r\n optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!(['MA','IM','MR','IF','QR','BC','G1'].includes(reporteMarcador.tipo))\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\">\r\n <label>{{'marcador' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tabla\" size=\"25\">\r\n <label>{{'tabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'IF'\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\" formControlName=\"origen\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'origen' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"reporteMarcador.tipo != 'IF' || !reporteMarcador.origen\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n formControlName=\"textoRegistro\"\r\n [label]=\"reporteMarcador.textoRegistro ? reporteMarcador.textoRegistro: ''\"\r\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcador($event)\"\r\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"'recursos' | translate\"\r\n [anexoPropiedad]=\"reporteMarcador.origen =='C' ? llaveEmpresa: ''\"\r\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['MA','IM','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" formControlName=\"reporteColumna\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'columna' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MA'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"formato\" size=\"25\">\r\n <label>{{'formato' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-inputNumber formControlName=\"ancho\" [maxlength]=\"5\"> </p-inputNumber>\r\n <label>{{'ancho' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-inputNumber formControlName=\"alto\" [maxlength]=\"5\"> </p-inputNumber>\r\n <label>{{'alto' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo1\"></textarea>\r\n <label>{{'grupo1' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo2\"></textarea>\r\n <label>{{'grupo2' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo3\"></textarea>\r\n <label>{{'grupo3' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"finalGrupo\"></textarea>\r\n <label>{{'finalgrupo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\r\n <label>{{'texto' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['MR','TB'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" formControlName=\"tieneSql\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'sql' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoGrafico_JFC\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\"\r\n optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'grafica' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['S'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"query\"></textarea>\r\n <label>{{'consulta' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"fuente\" optionLabel=\"descripcion\"\r\n optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcadorGrafico\" size=\"25\">\r\n <label>{{'marcadorgrafica' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"titulox\" size=\"25\">\r\n <label>{{'titulo' | translate }} X</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tituloy\" size=\"25\">\r\n <label>{{'titulo' | translate }} Y</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"banda\" size=\"25\">\r\n <label>{{'colordinamico' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" size=\"25\">\r\n <label>{{'numerocategorias' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\r\n <label>{{'filtro' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </form>\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons {{reporteMarcador.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporteMarcador.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"guardarMarcador()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcador.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcador($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"verNuevoMarcador && reporteMarcador.llave != null && (reporteMarcador.tipo == 'MR' || reporteMarcador.tipo == 'TB')\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTabla()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaCamposMarcador\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcador.length\" [scrollable]=\"true\"\r\n [paginator]=\"listaCamposMarcador.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llave\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 10%;\">{{'columna' | translate }}</th>\r\n <th style=\"width: 10%;\">{{'campo' | translate }}</th>\r\n <th style=\"width: 10%;\">{{'formato' | translate }}</th>\r\n <th style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">{{'tipo' | translate }}</th>\r\n <th style=\"width: 10%;\"*ngIf=\"reporteMarcador.tipo == 'TB'\">{{'medidas' | translate }}</th>\r\n <th style=\"width: 10%;\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalle\">\r\n <td style=\"width: 10%;\">\r\n <input pInputText [(ngModel)]=\"campoMarcadorInsertar.columna\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\" />\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.campoFuente\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\">\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.formato\">\r\n </td>\r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [(ngModel)]=\"campoMarcadorInsertar.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\r\n </td>\r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <div *ngIf=\"campoMarcadorInsertar.tipo =='I'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.ancho\">\r\n <label>{{'ancho' | translate}}</label>\r\n </p-floatLabel>\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.alto\">\r\n <label>{{'alto' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </td>\r\n <td style=\"width: 10%;\" >\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campoMarcadorInsertar)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalle = false\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"campo\">\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.columna\" oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" \r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" />\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.columna}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.campoFuente}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.formato}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [(ngModel)]=\"campo.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.tipo | reporteFuentePipe :'listaRecursoGrafica'}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <div *ngIf=\"campo.tipo =='I'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.ancho\">\r\n <label>{{'ancho' | translate}}</label>\r\n </p-floatLabel>\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.alto\">\r\n <label>{{'alto' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <div *ngIf=\"campo.tipo =='I'\">\r\n {{'ancho' | translate}}: {{campo.ancho}} <br/>\r\n {{'alto' | translate}}: {{campo.alto}}\r\n </div> \r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campo)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorAsync()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcador($event,campo)\"\r\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>\r\n </div>\r\n </td>\r\n\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'soporte' | translate }} {{'archivo' | translate }}s\"\r\n *ngIf=\"reporteFuente.unicoArchivo == 'N'\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoSoporte()\" icon=\"pi pi-plus\"\r\n [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaSoportes\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaSoportes.length\"\r\n [paginator]=\"listaSoportes.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llaveTabla\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 45%\">{{'descripcion' | translate}}</th>\r\n <th style=\"width: 45%\">{{'archivo' | translate}}</th>\r\n <th style=\"width: 10%\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verSoporteArchivoDetalle\">\r\n <td style=\"width: 45%\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"soporteIngresar.descripcion\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\">\r\n </td>\r\n <td style=\"width: 45%\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"soporteIngresar.archivoIndividual ? soporteIngresar.archivoIndividual: ''\" [labelarch]=\"'archivo' | translate\"\r\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporteIngresar.archivoIndividual) && clickGuardarSoporteArchivo)\"\r\n (onSelected)=\"obtenerArchivoSoporte($event, soporteIngresar)\"></app-input-helper-seleccion-plantilla>\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarSoporte(soporteIngresar)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verSoporteArchivoDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarSoporte()\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-soporte let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"soporte\" style=\"width: 100%\">\r\n <td style=\"width: 45%\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"soporte.descripcion\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{soporte.descripcion}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 45%\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"soporte.archivoIndividual ? soporte.archivoIndividual: ''\"\r\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporte.archivoIndividual) && clickGuardarSoporteArchivo)\"\r\n (onSelected)=\"obtenerArchivoSoporte($event, soporte)\"></app-input-helper-seleccion-plantilla>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{soporte.archivoIndividual}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarSoporte(soporte)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarSoporte($event, soporte)\" [disabled]=\"habilitaCampo\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-tabPanel>\r\n </p-tabView>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'reporte' | translate }} {{'dinamico' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.dobleLinea\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'doblelinea' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloParametro\" size=\"25\"\r\n maxlength=\"100\">\r\n <label>{{'descripcion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoJasper\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n \r\n \r\n <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\" \r\n label=\"{{'link_generar' | translate}}\" (click)=\"generarJasper()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"pi pi-download\" *ngIf=\"existeJasper\"\r\n label=\"{{'link_descargar' | translate}}\" (click)=\"descargarJasper()\">\r\n </button>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n \r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"bandaSeleccionada.key\">\r\n <button pButton pRipple (click)=\"regresarBandaSeleccionada()\" label= \"{{'listado' | translate}} {{'bandas' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaTipoBanda\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [rows]=\"10\"\r\n [totalRecords]=\"listaTipoBanda.length\" [paginator]=\"listaTipoBanda.length > 10\"\r\n (onRowSelect)=\"verBanda($event)\" (onRowUnselect)=\"verBanda($event)\" *ngIf=\"!bandaSeleccionada.key\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'banda' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-banda>\r\n <tr [pSelectableRow]=\"banda\">\r\n <td>{{banda.value}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <p-tabView *ngIf=\"bandaSeleccionada.key && verTabBanda\">\r\n <p-tabPanel header=\"{{'caracteristicas' | translate}}\"\r\n *ngIf=\"!['detalle','summary'].includes(bandaSeleccionada.key)\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"codigo\" \r\n [(ngModel)]=\"reporteBanda.totales\" ></p-dropdown>\r\n <label>{{'total' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteBanda.titulo\" maxlength=\"200\">\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\r\n label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCaracteristicaBanda()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{bandaSeleccionada.value}}\" *ngIf=\"!nuevaBanda\">\r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <div class=\"flex justify-content-end mb-1\" >\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoMarcadorDinamico()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\" *ngIf=\"!nuevoReporteMarcadorDinamico\"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadorDinamico\" [scrollable]=\"true\"\r\n responsiveLayout=\"scroll\" dataKey=\"llaveTabla\" selectionMode=\"single\"\r\n [rows]=\"10\" [totalRecords]=\"listaMarcadorDinamico.length\"\r\n [paginator]=\"listaMarcadorDinamico.length > 10\" *ngIf=\"!nuevoReporteMarcadorDinamico\"\r\n (onRowSelect)=\"verMarcadorDinamico($event)\" (onRowUnselect)=\"verMarcadorDinamico($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'banda' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'etiqueta' | translate }}</th>\r\n <th>{{'formato' | translate }}</th>\r\n <th>{{'ancho' | translate }}</th>\r\n <th>{{'operacion' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-dinamico>\r\n <tr [pSelectableRow]=\"dinamico\">\r\n <td>{{dinamico.banda}}</td>\r\n <td>{{dinamico.banda ? dinamico.alto : ''}}</td>\r\n <td>{{dinamico.marcador}}</td>\r\n <td>{{dinamico.banda ? dinamico.descripcion : ''}}</td>\r\n <td>{{dinamico.banda ? dinamico.formato : ''}}</td>\r\n <td>{{['detalle'].includes(dinamico.banda) ? dinamico.ancho : ''}}</td>\r\n <td>{{dinamico.banda ? dinamico.operacion : ''}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div *ngIf=\"nuevoReporteMarcadorDinamico\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"flex justify-content-between align-items-center mb-2\"> \r\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>\r\n <button pButton pRipple (click)=\"nuevoReporteMarcadorDinamico = false\" label= \"{{'listado' | translate}} {{bandaSeleccionada.value}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \" *ngIf=\"nuevoReporteMarcadorDinamico\"></button>\r\n </div>\r\n <form [formGroup]=\"formReporteDinamico\" class=\"p-fluid grid\">\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCampoJasperDinamico\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"tipoCampo\"\r\n optionLabel=\"value\" optionValue=\"key\"></p-dropdown>\r\n <label>{{'tipocampo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoDatoSintaxis\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipoDato\" optionLabel=\"value\"\r\n optionValue=\"key\"></p-dropdown>\r\n <label>{{'tipodato' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText formControlName=\"alto\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'orden' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"marcador\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n *ngIf=\"!reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\"></p-dropdown>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\"\r\n *ngIf=\"reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-12\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\r\n <label>{{'sintaxis' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-fieldset class=\"fieldsintitulo\" class=\"fieldsintitulo\">\r\n <div class=\"p-fluid grid\">\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\">\r\n <label class=\"font-semibold text-gray-900 text-base ml-1\">{{'resultado' | translate}}</label>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\"></div>\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <label class=\"font-semibold text-gray-900 text-base ml-1\" >{{'label' | translate}}</label>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"formato\" />\r\n <label>{{'formato' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" />\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"ancho\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'ancho' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' == reporteMarcadorDinamico.banda \"></div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'ancho' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"resultadoX\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'x' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"titulox\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'x' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"resultadoY\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'y' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tituloy\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'y' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipoReporte\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'alineacion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'alineacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoDato == 'N' && reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaOperaciones\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"operacion\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'operacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </div>\r\n </form>\r\n \r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{reporteMarcadorDinamico.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{reporteMarcadorDinamico.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaDinamico()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcadorDinamico.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaDinamico($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n \r\n </p-tabView>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'reporte' | translate }} {{'texto' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.archivoTexto\" size=\"50\"\r\n maxlength=\"200\">\r\n <label>{{'nombrearchivo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSeparadores\" [(ngModel)]=\"reporteFuente.separador\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'separador' | translate }}*</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoTexto\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizarSeparador()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex justify-content-between lign-items-center mb-3\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorTexto()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorTexto\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorTexto\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorTexto = false; clickGuardarMarcadorTexto = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadoresTexto\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaMarcadoresTexto.length\"\r\n [paginator]=\"listaMarcadoresTexto.length > 10\" *ngIf=\"!verNuevoMarcadorTexto\"\r\n (onRowSelect)=\"verMarcadorTexto($event)\" (onRowUnselect)=\"verMarcadorTexto($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'formato' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marctexto>\r\n <tr [pSelectableRow]=\"marctexto\">\r\n <td>{{marctexto.tipoGrafico | reporteFuentePipe : 'listaTipoMarcadoresTexto'}}</td>\r\n <td>{{marctexto.nombreColumna}}</td>\r\n <td>{{marctexto.formato}}</td>\r\n <td>{{marctexto.alto}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorTexto\"> \r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoMarcadorTexto\" [autoDisplayFirst]=\"false\"\r\n [(ngModel)]=\"marcadorTexto.tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\"\r\n [(ngModel)]=\"marcadorTexto.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"></p-dropdown>\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.formato\" maxlength=\"50\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\">\r\n <label>{{marcadorTexto.tipoGrafico == 'D' ? ('formato' | translate)+'*' : ('descripcion' | translate)+'*' }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.ancho\" maxlength=\"22\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\">\r\n <label>{{'ancho' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.alto\" maxlength=\"22\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\">\r\n <label>{{'orden' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorTexto.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorTexto.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorTexto()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorTexto.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadoTexto($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'tabla' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreTabla\" maxlength=\"4000\">\r\n <label>{{'nombretabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-8\">\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-pickList [source]=\"listaTabla\" [target]=\"listaNoTabla\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\r\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\r\n filterBy=\"nombre\" *ngIf=\"isFuente()\" (onSourceReorder)=\"reorderTabla($event)\"\r\n (onMoveAllToTarget)=\"moverADesasociadoTabla($event)\" (onMoveAllToSource)=\"moverAAsociadoTabla($event)\"\r\n (onMoveToTarget)=\"moverADesasociadoTabla($event)\" (onMoveToSource)=\"moverAAsociadoTabla($event)\">\r\n <ng-template let-tabla pTemplate=\"item\">\r\n <div>\r\n <label>{{tabla.nombre}}</label>\r\n </div>\r\n </ng-template>\r\n </p-pickList>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'archivoxml' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"reporteFuente.tagEncabezado\"></textarea>\r\n <label>{{'tagencabezado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"reporteFuente.tagCierreEncabezado\"></textarea>\r\n <label>{{'tagcierreencabezado' | translate }}</label>\r\n </p-floatLabel> \r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"reporteFuente.estructuraRegistro\"></textarea>\r\n <label>{{'tagregistro' | translate }}</label>\r\n </p-floatLabel> \r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoXml\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-between align-items-center mb-3\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorXML()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorXML\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorXML\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorXML = false; clickGuardarMarcadorXML = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaXML\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaXML.length\"\r\n [paginator]=\"listaXML.length > 10\" *ngIf=\"!verNuevoMarcadorXML\"\r\n (onRowSelect)=\"verMarcadorXML($event)\" (onRowUnselect)=\"verMarcadorXML($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'marcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marctexto>\r\n <tr [pSelectableRow]=\"marctexto\">\r\n <td>{{marctexto.descripcion}}</td>\r\n <td>{{marctexto.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\r\n <td>{{marctexto.nombreColumna}}</td>\r\n <td>{{marctexto.marcador}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorXML\"> \r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.descripcion\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\">\r\n <label>{{'descripcion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoMarcadorXML\" [autoDisplayFirst]=\"false\" \r\n [(ngModel)]=\"marcadorXML.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MA','MR'].includes(marcadorXML.tipo)\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" >\r\n <label>{{'marcador' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\r\n <label>{{'tabla' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"marcadorXML.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\" ></p-dropdown>\r\n <label>{{'columna' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.formato\" >\r\n <label>{{'formato' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.textoRegistro\" ></textarea>\r\n <label>{{'texto' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"marcadorXML.fuente\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.filtro\"></textarea>\r\n <label>{{'filtro' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.estructuraTablaXML\"></textarea>\r\n <label>{{'estructuratabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorXML.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorXML.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorXML()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorXML.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorXML($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"verNuevoMarcadorXML && marcadorXML.llave != null && (marcadorXML.tipo == 'MR' || marcadorXML.tipo == 'TB')\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTablaXML()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaCamposMarcadorXML\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcadorXML.length\"\r\n [paginator]=\"listaCamposMarcadorXML.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llave\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 30%;\">{{'campo' | translate }}</th>\r\n <th style=\"width: 30%;\">{{'marcador' | translate }}</th>\r\n <th style=\"width: 30%;\">{{'formato' | translate }}</th>\r\n <th style=\"width: 10%\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalleXML\">\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.campoFuente\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\">\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.marcador\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\">\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.formato\" style=\"width: -webkit-fill-available\">\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\" >\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campoMarcadorInsertarXML)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalleXML = false\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"campo\">\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.campoFuente}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.marcador\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.marcador}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\" style=\"width: -webkit-fill-available\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.formato}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n \r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campo)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorXMLAsync()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcadorXML($event,campo)\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'columnario' | translate }}\">\r\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\" >\r\n <p-accordionTab [selected]=\"true\" >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'columnasbasicas'|translate}}\r\n </ng-template>\r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoColumnaBasica()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoReporteColumnario\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoReporteColumnario\">\r\n <button pButton pRipple (click)=\"verNuevoReporteColumnario = false; clickGuardarReporteColumnario = false;\" label= \"{{'listado' | translate}} {{'columnasbasicas' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaReporteColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaReporteColumnario.length\"\r\n [paginator]=\"listaReporteColumnario.length > 10\" *ngIf=\"!verNuevoReporteColumnario\"\r\n (onRowSelect)=\"verReporteColumnario($event)\" (onRowUnselect)=\"verReporteColumnario($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n <th>{{'operacion' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-bean>\r\n <tr [pSelectableRow]=\"bean\">\r\n <td>{{bean.nombre}}</td>\r\n <td>{{bean.nombreColumna}}</td>\r\n <td>{{bean.tipo | reporteColumnarioPipe: 'listaTipoColumna'}}</td>\r\n <td>{{bean.orden}}</td>\r\n <td>{{bean.operacion | reporteColumnarioPipe: 'listaOperacion'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoReporteColumnario\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.nombre\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\">\r\n <label>{{'nombre' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'tipocolumna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"columnaBasica.tipo == 'D'\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacion\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacionHorizontal\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacionhorizontal' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- fila Operacion Vertical -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.columnaOperacionVertical\" maxlength=\"5\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\">\r\n <label>{{'columnaoperacion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Operacion Verticial -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacionVertical\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacionvertical' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Orden -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrden()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.orden\" maxlength=\"5\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\">\r\n <label>{{'orden' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Ordenamiento Filas -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoLabel() || isTipoFila()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'ordenamiento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Ordenamiento Datos de la consulta -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrdenConsulta()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.ordenConsulta\" maxlength=\"5\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\r\n <label>{{'ordenconsulta' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaBasica.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{columnaBasica.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaBasica()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"columnaBasica.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaBasica($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n </p-accordion>\r\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\">\r\n <p-accordionTab >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'datosadicionales'|translate}}\r\n </ng-template>\r\n <p-fieldset class=\"fieldsintitulo\" >\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n \r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoExcelColumnario ? reporteFuente.archivoExcelColumnario: ''\"\r\n [extensiones]=\"'xls;xlsx;xlsm'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\r\n (onSelected)=\"obtenerArchivoColumnario($event)\"></app-input-helper-seleccion-plantilla>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\r\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\r\n translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"reporteFuente.filaInicioColumnario\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'filainiciocolumnario' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\r\n [(ngModel)]=\"reporteFuente.cifradoColumnario\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"reporteFuente.sintaxisColumnario\"></textarea>\r\n <label>{{'sintaxiscolumnario' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n <div class=\"flex justify-content-between align-items-center mb-3 mt-3\">\r\n <h1 class=\"text-xl\">{{'columnaadicional' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevaColumnaAdicional()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoColumnaAdicional\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoColumnaAdicional\">\r\n <button pButton pRipple (click)=\"verNuevoColumnaAdicional = false; clickGuardarColumnaAdicional = false;\" label= \"{{'listado' | translate}} {{'columnaadicional' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"columnasAdicionales\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"columnasAdicionales.length\"\r\n [paginator]=\"columnasAdicionales.length > 10\" *ngIf=\"!verNuevoColumnaAdicional\"\r\n (onRowSelect)=\"verDetalleAdicional($event)\" (onRowUnselect)=\"verDetalleAdicional($event)\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-columnaadicional>\r\n <tr [pSelectableRow]=\"columnaadicional\">\r\n <td>{{columnaadicional.nombre}}</td>\r\n <td>{{columnaadicional.orden}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoColumnaAdicional\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaAdicional.nombre\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\">\r\n <label>{{'alias' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"columnaAdicional.orden\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\" />\r\n <label>{{'orden' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaAdicional.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"></p-dropdown>\r\n <label>{{'ordenamiento' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"columnaAdicional.ordenConsulta\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\" />\r\n <label>{{'ordenconsulta' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" >\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"columnaAdicional.sintaxis\" maxlength=\"4000\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"></textarea>\r\n <label>{{'sintaxis' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaAdicional.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{columnaAdicional.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaAdicional()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"columnaAdicional.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaAdicional($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n <p-accordionTab >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'marcadores'|translate}}\r\n </ng-template>\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorColumnario()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorColumnario\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorColumnario\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorColumnario = false; clickGuardarMarcadorColumnario = false;\" label= \"{{'listado' | translate}} {{'marcador' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"marcadoresColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"marcadoresColumnario.length\"\r\n [paginator]=\"marcadoresColumnario.length > 10\" *ngIf=\"!verNuevoMarcadorColumnario\"\r\n (onRowSelect)=\"verDetalleMarcadorColumnario($event)\" (onRowUnselect)=\"verDetalleMarcadorColumnario($event)\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'tipomarcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.marcador}}</td>\r\n <td>{{marcador.tipo | reporteColumnarioPipe: 'listaTipoMarcador'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoMarcadorColumnario\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"marcadorColumnario.descripcion\" maxlength=\"4000\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\" />\r\n <label>{{'descripcion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"marcadorColumnario.marcador\" maxlength=\"50\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\" />\r\n <label>{{'marcador' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoMarcadorColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"marcadorColumnario.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-12\" >\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"marcadorColumnario.textoRegistro\" maxlength=\"4000\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"></textarea>\r\n <label>{{'valor' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorColumnario.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorColumnario.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorColumnario()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorColumnario.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorColumnario($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n </p-accordion>\r\n </p-tabPanel>\r\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"] }] });
|
|
11947
11948
|
}
|
|
11948
11949
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleTipoReporteComponent, decorators: [{
|
|
11949
11950
|
type: Component,
|
|
11950
|
-
args: [{ selector: 'detalle-tipo-reporte', imports: [TranslateModule, TableModule, TabViewModule, InputHelperSeleccionPlantillaComponent, ReporteColumnarioPipe, ReporteFuentePipe, DropdownModule, FormsModule, ReactiveFormsModule, CommonModule, ButtonModule, PickListModule, FieldsetModule, AccordionModule, InputTextModule, InputTextareaModule, FloatLabelModule, InputNumberModule, FieldsetModule], standalone: true, providers: [MessageService], template: "<p-tabView (onChange)=\"cambiarTab($event)\">\r\n <p-tabPanel header=\"{{'excel' | translate }}\" [selected]=\"true\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <p class=\"font-semibold\">{{'debe' | translate}} {{'indicar' | translate}} {{'plantilla' | translate}} {{'y' | translate}}\r\n {{'hoja' | translate}} {{'para' | translate}} {{'que' | translate}} {{'esta' | translate}}\r\n {{'opcion' | translate}} {{'se' | translate}} {{'active' | translate}}\r\n </p>\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-4\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoTodo ? reporteFuente.archivoTodo: ''\"\r\n [extensiones]=\"'xls;xlsx'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\r\n (onSelected)=\"obtenerArchivo($event)\"></app-input-helper-seleccion-plantilla>\r\n\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\r\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\r\n translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoExcel\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\"\r\n (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-pickList [source]=\"listaExcel\" [target]=\"listaNoExcel\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\r\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\r\n filterBy=\"sintaxis\" (onSourceReorder)=\"moverAAsociado($event)\"\r\n (onMoveAllToTarget)=\"moverADesasociado($event)\" (onMoveAllToSource)=\"moverAAsociado($event)\"\r\n (onMoveToTarget)=\"moverADesasociado($event)\" (onMoveToSource)=\"moverAAsociado($event)\">\r\n <ng-template let-excel pTemplate=\"item\">\r\n <div>\r\n <label>{{excel.nombre}}</label>\r\n </div>\r\n </ng-template>\r\n </p-pickList>\r\n\r\n <div class=\"mt-4\">\r\n <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorExcel()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorExcel\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorExcel = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadorExcel\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcadorExcel\" [rows]=\"10\"\r\n [totalRecords]=\"listaMarcadorExcel.length\" [paginator]=\"listaMarcadorExcel.length > 10\"\r\n (onRowSelect)=\"verDetalleMarcadorExcel($event)\" (onRowUnselect)=\"verDetalleMarcadorExcel($event)\" *ngIf=\"!verNuevoMarcadorExcel\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.descripcion}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-4 \">\r\n <form [formGroup]=\"formMarcadorExcel\" >\r\n <div class=\"col-md-12 p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\" maxlength=\"4000\">\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\" maxlength=\"4000\">\r\n <label>{{'marcador' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Imagen Fija', value: 'IF'}, {label: 'Marcador', value: 'MA'}]\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"tipo\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" [hidden]=\"esImagenFija\">\r\n <label>{{'valor' | translate }} *</label>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"origen\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'origen' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n formControlName=\"textoRegistro\"\r\n [label]=\"reporteMarcadorExcel.textoRegistro ? reporteMarcadorExcel.textoRegistro: ''\"\r\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcadorExcel($event)\"\r\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"('recursos' | translate)\" [labelarch]=\"'recurso' | translate\" [mostrarX]=\"true\"\r\n [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporteMarcadorExcel.textoRegistro) && clickGuardarMarcadorExcel)\"\r\n [anexoPropiedad]=\"reporteMarcadorExcel.origen =='C' ? llaveEmpresa: ''\"\r\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n </div>\r\n </form>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <button pButton pRipple class=\"ml-2 p-button-raised\" icon=\"glyphicons {{reporteMarcadorExcel.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{reporteMarcadorExcel.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorExcel()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcadorExcel.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorExcel($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'plantilla' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.unicoArchivo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'soporte' | translate }} {{'unico' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.descargarFuente\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'descargardoc' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.generarPin\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'generarpin' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [(ngModel)]=\"reporteFuente.campoAgrupacionPlanilla\" \r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'agruparpor' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreAgrupacionPlanilla\" size=\"25\"\r\n maxlength=\"100\">\r\n <label>{{'nombrearchivoagrupacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoPlanilla\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteFuente.unicoArchivo == 'N'\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoIndividual ? reporteFuente.archivoIndividual: ''\"\r\n [labelrar]=\"'archivo' | translate\" [labelarch]=\"'archivo' | translate\" [mostraroblicargo]=\"true\"\r\n (onSelected)=\"obtenerArchivoPlanilla($event)\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-tabView >\r\n <p-tabPanel header=\"{{'marcadores' | translate }}\" [selected]=\"true\">\r\n \r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold mb-2\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcador()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcador\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcador\">\r\n <button pButton pRipple (click)=\"verNuevoMarcador = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadores\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcador\"\r\n [rows]=\"10\" [totalRecords]=\"listaMarcadores.length\"\r\n [paginator]=\"listaMarcadores.length > 10\" *ngIf=\"!verNuevoMarcador\"\r\n (onRowSelect)=\"verDetalleMarcador($event)\" (onRowUnselect)=\"verDetalleMarcador($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'marcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.descripcion}}</td>\r\n <td>{{marcador.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\r\n <td>{{marcador.tipo == 'IF' ? marcador.textoRegistro : marcador.nombreColumna}}</td>\r\n <td>{{marcador.marcador}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"card col-md-12\" *ngIf=\"verNuevoMarcador\">\r\n <div class=\"Detallereporte mt-2\">\r\n <form [formGroup]=\"formMarcador\">\r\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>\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\"\r\n maxlength=\"4000\">\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoMarcador\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipo\" optionLabel=\"nombre\"\r\n optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!(['MA','IM','MR','IF','QR','BC','G1'].includes(reporteMarcador.tipo))\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\">\r\n <label>{{'marcador' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tabla\" size=\"25\">\r\n <label>{{'tabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'IF'\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\" formControlName=\"origen\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'origen' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"reporteMarcador.tipo != 'IF' || !reporteMarcador.origen\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n formControlName=\"textoRegistro\"\r\n [label]=\"reporteMarcador.textoRegistro ? reporteMarcador.textoRegistro: ''\"\r\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcador($event)\"\r\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"'recursos' | translate\"\r\n [anexoPropiedad]=\"reporteMarcador.origen =='C' ? llaveEmpresa: ''\"\r\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['MA','IM','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" formControlName=\"reporteColumna\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'columna' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MA'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"formato\" size=\"25\">\r\n <label>{{'formato' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-inputNumber formControlName=\"ancho\" [maxlength]=\"5\"> </p-inputNumber>\r\n <label>{{'ancho' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-inputNumber formControlName=\"alto\" [maxlength]=\"5\"> </p-inputNumber>\r\n <label>{{'alto' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo1\"></textarea>\r\n <label>{{'grupo1' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo2\"></textarea>\r\n <label>{{'grupo2' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"grupo3\"></textarea>\r\n <label>{{'grupo3' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"finalGrupo\"></textarea>\r\n <label>{{'finalgrupo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\r\n <label>{{'texto' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['MR','TB'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" formControlName=\"tieneSql\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'sql' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['S'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"query\"></textarea>\r\n <label>{{'consulta' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"fuente\" optionLabel=\"descripcion\"\r\n optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoGrafico_JFC\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\"\r\n optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'grafica' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcadorGrafico\" size=\"25\">\r\n <label>{{'marcadorgrafica' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"titulox\" size=\"25\">\r\n <label>{{'titulo' | translate }} X</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tituloy\" size=\"25\">\r\n <label>{{'titulo' | translate }} Y</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"banda\" size=\"25\">\r\n <label>{{'colordinamico' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" size=\"25\">\r\n <label>{{'numerocategorias' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"filtro\"></textarea>\r\n <label>{{'filtro' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </form>\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons {{reporteMarcador.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporteMarcador.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"guardarMarcador()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcador.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcador($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"verNuevoMarcador && reporteMarcador.llave != null && (reporteMarcador.tipo == 'MR' || reporteMarcador.tipo == 'TB')\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTabla()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaCamposMarcador\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcador.length\" [scrollable]=\"true\"\r\n [paginator]=\"listaCamposMarcador.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llave\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 10%;\">{{'columna' | translate }}</th>\r\n <th style=\"width: 10%;\">{{'campo' | translate }}</th>\r\n <th style=\"width: 10%;\">{{'formato' | translate }}</th>\r\n <th style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">{{'tipo' | translate }}</th>\r\n <th style=\"width: 10%;\"*ngIf=\"reporteMarcador.tipo == 'TB'\">{{'medidas' | translate }}</th>\r\n <th style=\"width: 10%;\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalle\">\r\n <td style=\"width: 10%;\">\r\n <input pInputText [(ngModel)]=\"campoMarcadorInsertar.columna\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\" />\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.campoFuente\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\">\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.formato\">\r\n </td>\r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [(ngModel)]=\"campoMarcadorInsertar.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\r\n </td>\r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <div *ngIf=\"campoMarcadorInsertar.tipo =='I'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.ancho\">\r\n <label>{{'ancho' | translate}}</label>\r\n </p-floatLabel>\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.alto\">\r\n <label>{{'alto' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </td>\r\n <td style=\"width: 10%;\" >\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campoMarcadorInsertar)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalle = false\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"campo\">\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.columna\" oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" \r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" />\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.columna}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.campoFuente}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.formato}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [(ngModel)]=\"campo.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.tipo | reporteFuentePipe :'listaRecursoGrafica'}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <div *ngIf=\"campo.tipo =='I'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.ancho\">\r\n <label>{{'ancho' | translate}}</label>\r\n </p-floatLabel>\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.alto\">\r\n <label>{{'alto' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <div *ngIf=\"campo.tipo =='I'\">\r\n {{'ancho' | translate}}: {{campo.ancho}} <br/>\r\n {{'alto' | translate}}: {{campo.alto}}\r\n </div> \r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campo)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorAsync()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcador($event,campo)\"\r\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>\r\n </div>\r\n </td>\r\n\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'soporte' | translate }} {{'archivo' | translate }}s\"\r\n *ngIf=\"reporteFuente.unicoArchivo == 'N'\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoSoporte()\" icon=\"pi pi-plus\"\r\n [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaSoportes\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaSoportes.length\"\r\n [paginator]=\"listaSoportes.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llaveTabla\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 45%\">{{'descripcion' | translate}}</th>\r\n <th style=\"width: 45%\">{{'archivo' | translate}}</th>\r\n <th style=\"width: 10%\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verSoporteArchivoDetalle\">\r\n <td style=\"width: 45%\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"soporteIngresar.descripcion\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\">\r\n </td>\r\n <td style=\"width: 45%\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"soporteIngresar.archivoIndividual ? soporteIngresar.archivoIndividual: ''\" [labelarch]=\"'archivo' | translate\"\r\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporteIngresar.archivoIndividual) && clickGuardarSoporteArchivo)\"\r\n (onSelected)=\"obtenerArchivoSoporte($event, soporteIngresar)\"></app-input-helper-seleccion-plantilla>\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarSoporte(soporteIngresar)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verSoporteArchivoDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarSoporte()\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-soporte let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"soporte\" style=\"width: 100%\">\r\n <td style=\"width: 45%\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"soporte.descripcion\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{soporte.descripcion}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 45%\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"soporte.archivoIndividual ? soporte.archivoIndividual: ''\"\r\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporte.archivoIndividual) && clickGuardarSoporteArchivo)\"\r\n (onSelected)=\"obtenerArchivoSoporte($event, soporte)\"></app-input-helper-seleccion-plantilla>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{soporte.archivoIndividual}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarSoporte(soporte)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarSoporte($event, soporte)\" [disabled]=\"habilitaCampo\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-tabPanel>\r\n </p-tabView>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'reporte' | translate }} {{'dinamico' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.dobleLinea\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'doblelinea' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloParametro\" size=\"25\"\r\n maxlength=\"100\">\r\n <label>{{'descripcion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoJasper\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n \r\n \r\n <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\" \r\n label=\"{{'link_generar' | translate}}\" (click)=\"generarJasper()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"pi pi-download\" *ngIf=\"existeJasper\"\r\n label=\"{{'link_descargar' | translate}}\" (click)=\"descargarJasper()\">\r\n </button>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n \r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"bandaSeleccionada.key\">\r\n <button pButton pRipple (click)=\"regresarBandaSeleccionada()\" label= \"{{'listado' | translate}} {{'bandas' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaTipoBanda\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [rows]=\"10\"\r\n [totalRecords]=\"listaTipoBanda.length\" [paginator]=\"listaTipoBanda.length > 10\"\r\n (onRowSelect)=\"verBanda($event)\" (onRowUnselect)=\"verBanda($event)\" *ngIf=\"!bandaSeleccionada.key\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'banda' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-banda>\r\n <tr [pSelectableRow]=\"banda\">\r\n <td>{{banda.value}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <p-tabView *ngIf=\"bandaSeleccionada.key && verTabBanda\">\r\n <p-tabPanel header=\"{{'caracteristicas' | translate}}\"\r\n *ngIf=\"!['detalle','summary'].includes(bandaSeleccionada.key)\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"codigo\" \r\n [(ngModel)]=\"reporteBanda.totales\" ></p-dropdown>\r\n <label>{{'total' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteBanda.titulo\" maxlength=\"200\">\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\r\n label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCaracteristicaBanda()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{bandaSeleccionada.value}}\" *ngIf=\"!nuevaBanda\">\r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <div class=\"flex justify-content-end mb-1\" >\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoMarcadorDinamico()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\" *ngIf=\"!nuevoReporteMarcadorDinamico\"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadorDinamico\" [scrollable]=\"true\"\r\n responsiveLayout=\"scroll\" dataKey=\"llaveTabla\" selectionMode=\"single\"\r\n [rows]=\"10\" [totalRecords]=\"listaMarcadorDinamico.length\"\r\n [paginator]=\"listaMarcadorDinamico.length > 10\" *ngIf=\"!nuevoReporteMarcadorDinamico\"\r\n (onRowSelect)=\"verMarcadorDinamico($event)\" (onRowUnselect)=\"verMarcadorDinamico($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'banda' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'etiqueta' | translate }}</th>\r\n <th>{{'formato' | translate }}</th>\r\n <th>{{'ancho' | translate }}</th>\r\n <th>{{'operacion' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-dinamico>\r\n <tr [pSelectableRow]=\"dinamico\">\r\n <td>{{dinamico.banda}}</td>\r\n <td>{{dinamico.banda ? dinamico.alto : ''}}</td>\r\n <td>{{dinamico.marcador}}</td>\r\n <td>{{dinamico.banda ? dinamico.descripcion : ''}}</td>\r\n <td>{{dinamico.banda ? dinamico.formato : ''}}</td>\r\n <td>{{['detalle'].includes(dinamico.banda) ? dinamico.ancho : ''}}</td>\r\n <td>{{dinamico.banda ? dinamico.operacion : ''}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div *ngIf=\"nuevoReporteMarcadorDinamico\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"flex justify-content-between align-items-center mb-2\"> \r\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>\r\n <button pButton pRipple (click)=\"nuevoReporteMarcadorDinamico = false\" label= \"{{'listado' | translate}} {{bandaSeleccionada.value}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \" *ngIf=\"nuevoReporteMarcadorDinamico\"></button>\r\n </div>\r\n <form [formGroup]=\"formReporteDinamico\" class=\"p-fluid grid\">\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCampoJasperDinamico\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"tipoCampo\"\r\n optionLabel=\"value\" optionValue=\"key\"></p-dropdown>\r\n <label>{{'tipocampo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoDatoSintaxis\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipoDato\" optionLabel=\"value\"\r\n optionValue=\"key\"></p-dropdown>\r\n <label>{{'tipodato' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText formControlName=\"alto\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'orden' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"marcador\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n *ngIf=\"!reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\"></p-dropdown>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\"\r\n *ngIf=\"reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-12\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea formControlName=\"filtro\"></textarea>\r\n <label>{{'sintaxis' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-fieldset class=\"fieldsintitulo\" class=\"fieldsintitulo\">\r\n <div class=\"p-fluid grid\">\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\">\r\n <label class=\"font-semibold text-gray-900 text-base ml-1\">{{'resultado' | translate}}</label>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\"></div>\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <label class=\"font-semibold text-gray-900 text-base ml-1\" >{{'label' | translate}}</label>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"formato\" />\r\n <label>{{'formato' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" />\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"ancho\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'ancho' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' == reporteMarcadorDinamico.banda \"></div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'ancho' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"resultadoX\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'x' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"titulox\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'x' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"resultadoY\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'y' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tituloy\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'y' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipoReporte\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'alineacion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'alineacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoDato == 'N' && reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaOperaciones\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"operacion\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'operacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </div>\r\n </form>\r\n \r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{reporteMarcadorDinamico.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{reporteMarcadorDinamico.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaDinamico()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcadorDinamico.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaDinamico($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n \r\n </p-tabView>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'reporte' | translate }} {{'texto' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.archivoTexto\" size=\"50\"\r\n maxlength=\"200\">\r\n <label>{{'nombrearchivo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSeparadores\" [(ngModel)]=\"reporteFuente.separador\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'separador' | translate }}*</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoTexto\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizarSeparador()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex justify-content-between lign-items-center mb-3\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorTexto()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorTexto\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorTexto\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorTexto = false; clickGuardarMarcadorTexto = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadoresTexto\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaMarcadoresTexto.length\"\r\n [paginator]=\"listaMarcadoresTexto.length > 10\" *ngIf=\"!verNuevoMarcadorTexto\"\r\n (onRowSelect)=\"verMarcadorTexto($event)\" (onRowUnselect)=\"verMarcadorTexto($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'formato' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marctexto>\r\n <tr [pSelectableRow]=\"marctexto\">\r\n <td>{{marctexto.tipoGrafico | reporteFuentePipe : 'listaTipoMarcadoresTexto'}}</td>\r\n <td>{{marctexto.nombreColumna}}</td>\r\n <td>{{marctexto.formato}}</td>\r\n <td>{{marctexto.alto}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorTexto\"> \r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoMarcadorTexto\" [autoDisplayFirst]=\"false\"\r\n [(ngModel)]=\"marcadorTexto.tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\"\r\n [(ngModel)]=\"marcadorTexto.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"></p-dropdown>\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.formato\" maxlength=\"50\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\">\r\n <label>{{marcadorTexto.tipoGrafico == 'D' ? ('formato' | translate)+'*' : ('descripcion' | translate)+'*' }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.ancho\" maxlength=\"22\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\">\r\n <label>{{'ancho' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.alto\" maxlength=\"22\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\">\r\n <label>{{'orden' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorTexto.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorTexto.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorTexto()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorTexto.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadoTexto($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'tabla' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreTabla\" maxlength=\"4000\">\r\n <label>{{'nombretabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-8\">\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-pickList [source]=\"listaTabla\" [target]=\"listaNoTabla\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\r\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\r\n filterBy=\"nombre\" *ngIf=\"isFuente()\" (onSourceReorder)=\"reorderTabla($event)\"\r\n (onMoveAllToTarget)=\"moverADesasociadoTabla($event)\" (onMoveAllToSource)=\"moverAAsociadoTabla($event)\"\r\n (onMoveToTarget)=\"moverADesasociadoTabla($event)\" (onMoveToSource)=\"moverAAsociadoTabla($event)\">\r\n <ng-template let-tabla pTemplate=\"item\">\r\n <div>\r\n <label>{{tabla.nombre}}</label>\r\n </div>\r\n </ng-template>\r\n </p-pickList>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'archivoxml' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.tagEncabezado\"></textarea>\r\n <label>{{'tagencabezado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.tagCierreEncabezado\"></textarea>\r\n <label>{{'tagcierreencabezado' | translate }}</label>\r\n </p-floatLabel> \r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.estructuraRegistro\"></textarea>\r\n <label>{{'tagregistro' | translate }}</label>\r\n </p-floatLabel> \r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoXml\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-between align-items-center mb-3\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorXML()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorXML\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorXML\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorXML = false; clickGuardarMarcadorXML = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaXML\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaXML.length\"\r\n [paginator]=\"listaXML.length > 10\" *ngIf=\"!verNuevoMarcadorXML\"\r\n (onRowSelect)=\"verMarcadorXML($event)\" (onRowUnselect)=\"verMarcadorXML($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'marcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marctexto>\r\n <tr [pSelectableRow]=\"marctexto\">\r\n <td>{{marctexto.descripcion}}</td>\r\n <td>{{marctexto.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\r\n <td>{{marctexto.nombreColumna}}</td>\r\n <td>{{marctexto.marcador}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorXML\"> \r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.descripcion\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\">\r\n <label>{{'descripcion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoMarcadorXML\" [autoDisplayFirst]=\"false\" \r\n [(ngModel)]=\"marcadorXML.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MA','MR'].includes(marcadorXML.tipo)\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" >\r\n <label>{{'marcador' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\r\n <label>{{'tabla' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"marcadorXML.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\" ></p-dropdown>\r\n <label>{{'columna' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.formato\" >\r\n <label>{{'formato' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.textoRegistro\" ></textarea>\r\n <label>{{'texto' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"marcadorXML.fuente\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.filtro\"></textarea>\r\n <label>{{'filtro' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" pInputTextarea [(ngModel)]=\"marcadorXML.estructuraTablaXML\"></textarea>\r\n <label>{{'estructuratabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorXML.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorXML.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorXML()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorXML.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorXML($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"verNuevoMarcadorXML && marcadorXML.llave != null && (marcadorXML.tipo == 'MR' || marcadorXML.tipo == 'TB')\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTablaXML()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaCamposMarcadorXML\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcadorXML.length\"\r\n [paginator]=\"listaCamposMarcadorXML.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llave\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 30%;\">{{'campo' | translate }}</th>\r\n <th style=\"width: 30%;\">{{'marcador' | translate }}</th>\r\n <th style=\"width: 30%;\">{{'formato' | translate }}</th>\r\n <th style=\"width: 10%\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalleXML\">\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.campoFuente\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\">\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.marcador\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\">\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.formato\" style=\"width: -webkit-fill-available\">\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\" >\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campoMarcadorInsertarXML)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalleXML = false\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"campo\">\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.campoFuente}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.marcador\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.marcador}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\" style=\"width: -webkit-fill-available\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.formato}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n \r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campo)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorXMLAsync()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcadorXML($event,campo)\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'columnario' | translate }}\">\r\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\" >\r\n <p-accordionTab [selected]=\"true\" >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'columnasbasicas'|translate}}\r\n </ng-template>\r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoColumnaBasica()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoReporteColumnario\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoReporteColumnario\">\r\n <button pButton pRipple (click)=\"verNuevoReporteColumnario = false; clickGuardarReporteColumnario = false;\" label= \"{{'listado' | translate}} {{'columnasbasicas' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaReporteColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaReporteColumnario.length\"\r\n [paginator]=\"listaReporteColumnario.length > 10\" *ngIf=\"!verNuevoReporteColumnario\"\r\n (onRowSelect)=\"verReporteColumnario($event)\" (onRowUnselect)=\"verReporteColumnario($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n <th>{{'operacion' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-bean>\r\n <tr [pSelectableRow]=\"bean\">\r\n <td>{{bean.nombre}}</td>\r\n <td>{{bean.nombreColumna}}</td>\r\n <td>{{bean.tipo | reporteColumnarioPipe: 'listaTipoColumna'}}</td>\r\n <td>{{bean.orden}}</td>\r\n <td>{{bean.operacion | reporteColumnarioPipe: 'listaOperacion'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoReporteColumnario\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.nombre\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\">\r\n <label>{{'nombre' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoColumnas\" [autoDisplayFirst]=\"false\" \r\n [(ngModel)]=\"columnaBasica.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'tipocolumna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"columnaBasica.tipo == 'D'\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacion\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacionHorizontal\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacionhorizontal' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- fila Operacion Vertical -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.columnaOperacionVertical\" maxlength=\"5\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\">\r\n <label>{{'columnaoperacion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Operacion Verticial -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacionVertical\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacionvertical' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Orden -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrden()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.orden\" maxlength=\"5\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\">\r\n <label>{{'orden' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Ordenamiento Filas -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoLabel() || isTipoFila()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" \r\n [(ngModel)]=\"columnaBasica.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'ordenamiento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Ordenamiento Datos de la consulta -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrdenConsulta()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.ordenConsulta\" maxlength=\"5\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\r\n <label>{{'ordenconsulta' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaBasica.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{columnaBasica.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaBasica()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"columnaBasica.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaBasica($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n </p-accordion>\r\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\">\r\n <p-accordionTab >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'datosadicionales'|translate}}\r\n </ng-template>\r\n <p-fieldset class=\"fieldsintitulo\" >\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n \r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoExcelColumnario ? reporteFuente.archivoExcelColumnario: ''\"\r\n [extensiones]=\"'xls;xlsx;xlsm'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\r\n (onSelected)=\"obtenerArchivoColumnario($event)\"></app-input-helper-seleccion-plantilla>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\r\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\r\n translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"reporteFuente.filaInicioColumnario\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'filainiciocolumnario' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\r\n [(ngModel)]=\"reporteFuente.cifradoColumnario\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"reporteFuente.sintaxisColumnario\"></textarea>\r\n <label>{{'sintaxiscolumnario' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n <div class=\"flex justify-content-between align-items-center mb-3 mt-3\">\r\n <h1 class=\"text-xl\">{{'columnaadicional' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevaColumnaAdicional()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoColumnaAdicional\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoColumnaAdicional\">\r\n <button pButton pRipple (click)=\"verNuevoColumnaAdicional = false; clickGuardarColumnaAdicional = false;\" label= \"{{'listado' | translate}} {{'columnaadicional' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"columnasAdicionales\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"columnasAdicionales.length\"\r\n [paginator]=\"columnasAdicionales.length > 10\" *ngIf=\"!verNuevoColumnaAdicional\"\r\n (onRowSelect)=\"verDetalleAdicional($event)\" (onRowUnselect)=\"verDetalleAdicional($event)\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-columnaadicional>\r\n <tr [pSelectableRow]=\"columnaadicional\">\r\n <td>{{columnaadicional.nombre}}</td>\r\n <td>{{columnaadicional.orden}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoColumnaAdicional\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaAdicional.nombre\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\">\r\n <label>{{'alias' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"columnaAdicional.orden\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\" />\r\n <label>{{'orden' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaAdicional.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"></p-dropdown>\r\n <label>{{'ordenamiento' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"columnaAdicional.ordenConsulta\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\" />\r\n <label>{{'ordenconsulta' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" >\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"columnaAdicional.sintaxis\" maxlength=\"4000\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"></textarea>\r\n <label>{{'sintaxis' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaAdicional.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{columnaAdicional.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaAdicional()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"columnaAdicional.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaAdicional($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n <p-accordionTab >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'marcadores'|translate}}\r\n </ng-template>\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorColumnario()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorColumnario\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorColumnario\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorColumnario = false; clickGuardarMarcadorColumnario = false;\" label= \"{{'listado' | translate}} {{'marcador' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"marcadoresColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"marcadoresColumnario.length\"\r\n [paginator]=\"marcadoresColumnario.length > 10\" *ngIf=\"!verNuevoMarcadorColumnario\"\r\n (onRowSelect)=\"verDetalleMarcadorColumnario($event)\" (onRowUnselect)=\"verDetalleMarcadorColumnario($event)\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'tipomarcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.marcador}}</td>\r\n <td>{{marcador.tipo | reporteColumnarioPipe: 'listaTipoMarcador'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoMarcadorColumnario\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"marcadorColumnario.descripcion\" maxlength=\"4000\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\" />\r\n <label>{{'descripcion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"marcadorColumnario.marcador\" maxlength=\"50\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\" />\r\n <label>{{'marcador' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoMarcadorColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"marcadorColumnario.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-12\" >\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50\" pInputTextarea [(ngModel)]=\"marcadorColumnario.textoRegistro\" maxlength=\"4000\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"></textarea>\r\n <label>{{'valor' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorColumnario.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorColumnario.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorColumnario()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorColumnario.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorColumnario($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n </p-accordion>\r\n </p-tabPanel>\r\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"] }]
|
|
11951
|
+
args: [{ selector: 'detalle-tipo-reporte', imports: [TranslateModule, TableModule, TabViewModule, InputHelperSeleccionPlantillaComponent, ReporteColumnarioPipe, ReporteFuentePipe, DropdownModule, FormsModule, ReactiveFormsModule, CommonModule, ButtonModule, PickListModule, FieldsetModule, AccordionModule, InputTextModule, InputTextareaModule, FloatLabelModule, InputNumberModule, FieldsetModule], standalone: true, providers: [MessageService], template: "<p-tabView (onChange)=\"cambiarTab($event)\">\r\n <p-tabPanel header=\"{{'excel' | translate }}\" [selected]=\"true\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <p class=\"font-semibold\">{{'debe' | translate}} {{'indicar' | translate}} {{'plantilla' | translate}} {{'y' | translate}}\r\n {{'hoja' | translate}} {{'para' | translate}} {{'que' | translate}} {{'esta' | translate}}\r\n {{'opcion' | translate}} {{'se' | translate}} {{'active' | translate}}\r\n </p>\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-4\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoTodo ? reporteFuente.archivoTodo: ''\"\r\n [extensiones]=\"'xls;xlsx'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\r\n (onSelected)=\"obtenerArchivo($event)\"></app-input-helper-seleccion-plantilla>\r\n\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\r\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\r\n translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoExcel\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\"\r\n (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-pickList [source]=\"listaExcel\" [target]=\"listaNoExcel\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\r\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\r\n filterBy=\"sintaxis\" (onSourceReorder)=\"moverAAsociado($event)\"\r\n (onMoveAllToTarget)=\"moverADesasociado($event)\" (onMoveAllToSource)=\"moverAAsociado($event)\"\r\n (onMoveToTarget)=\"moverADesasociado($event)\" (onMoveToSource)=\"moverAAsociado($event)\">\r\n <ng-template let-excel pTemplate=\"item\">\r\n <div>\r\n <label>{{excel.nombre}}</label>\r\n </div>\r\n </ng-template>\r\n </p-pickList>\r\n\r\n <div class=\"mt-4\">\r\n <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorExcel()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorExcel\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorExcel = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadorExcel\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcadorExcel\" [rows]=\"10\"\r\n [totalRecords]=\"listaMarcadorExcel.length\" [paginator]=\"listaMarcadorExcel.length > 10\"\r\n (onRowSelect)=\"verDetalleMarcadorExcel($event)\" (onRowUnselect)=\"verDetalleMarcadorExcel($event)\" *ngIf=\"!verNuevoMarcadorExcel\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.descripcion}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-4 \">\r\n <form [formGroup]=\"formMarcadorExcel\" >\r\n <div class=\"col-md-12 p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\" maxlength=\"4000\">\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\" maxlength=\"4000\">\r\n <label>{{'marcador' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Imagen Fija', value: 'IF'}, {label: 'Marcador', value: 'MA'}]\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"tipo\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" [hidden]=\"esImagenFija\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\r\n <label>{{'valor' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"origen\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'origen' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n formControlName=\"textoRegistro\"\r\n [label]=\"reporteMarcadorExcel.textoRegistro ? reporteMarcadorExcel.textoRegistro: ''\"\r\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcadorExcel($event)\"\r\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"('recursos' | translate)\" [labelarch]=\"'recurso' | translate\" [mostrarX]=\"true\"\r\n [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporteMarcadorExcel.textoRegistro) && clickGuardarMarcadorExcel)\"\r\n [anexoPropiedad]=\"reporteMarcadorExcel.origen =='C' ? llaveEmpresa: ''\"\r\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n </div>\r\n </form>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" *ngIf=\"verNuevoMarcadorExcel\">\r\n <button pButton pRipple class=\"ml-2 p-button-raised\" icon=\"glyphicons {{reporteMarcadorExcel.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{reporteMarcadorExcel.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorExcel()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcadorExcel.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorExcel($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'plantilla' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.unicoArchivo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'soporte' | translate }} {{'unico' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.descargarFuente\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'descargardoc' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.generarPin\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'generarpin' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [(ngModel)]=\"reporteFuente.campoAgrupacionPlanilla\" \r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'agruparpor' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreAgrupacionPlanilla\" size=\"25\"\r\n maxlength=\"100\">\r\n <label>{{'nombrearchivoagrupacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoPlanilla\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteFuente.unicoArchivo == 'N'\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoIndividual ? reporteFuente.archivoIndividual: ''\"\r\n [labelrar]=\"'archivo' | translate\" [labelarch]=\"'archivo' | translate\" [mostraroblicargo]=\"true\"\r\n (onSelected)=\"obtenerArchivoPlanilla($event)\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-tabView >\r\n <p-tabPanel header=\"{{'marcadores' | translate }}\" [selected]=\"true\">\r\n \r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold mb-2\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcador()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcador\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcador\">\r\n <button pButton pRipple (click)=\"verNuevoMarcador = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadores\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcador\"\r\n [rows]=\"10\" [totalRecords]=\"listaMarcadores.length\"\r\n [paginator]=\"listaMarcadores.length > 10\" *ngIf=\"!verNuevoMarcador\"\r\n (onRowSelect)=\"verDetalleMarcador($event)\" (onRowUnselect)=\"verDetalleMarcador($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'marcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.descripcion}}</td>\r\n <td>{{marcador.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\r\n <td>{{marcador.tipo == 'IF' ? marcador.textoRegistro : marcador.nombreColumna}}</td>\r\n <td>{{marcador.marcador}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"card col-md-12\" *ngIf=\"verNuevoMarcador\">\r\n <div class=\"Detallereporte mt-2\">\r\n <form [formGroup]=\"formMarcador\">\r\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>\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\"\r\n maxlength=\"4000\">\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoMarcador\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipo\" optionLabel=\"nombre\"\r\n optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!(['MA','IM','MR','IF','QR','BC','G1'].includes(reporteMarcador.tipo))\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\">\r\n <label>{{'marcador' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tabla\" size=\"25\">\r\n <label>{{'tabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'IF'\">\r\n <p-floatLabel>\r\n <p-dropdown\r\n [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\" formControlName=\"origen\" optionLabel=\"label\"\r\n optionValue=\"value\"></p-dropdown>\r\n <label>{{'origen' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"reporteMarcador.tipo != 'IF' || !reporteMarcador.origen\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n formControlName=\"textoRegistro\"\r\n [label]=\"reporteMarcador.textoRegistro ? reporteMarcador.textoRegistro: ''\"\r\n [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcador($event)\"\r\n [propiedad]=\"'ruta_recursos'\" [labelrar]=\"'recursos' | translate\"\r\n [anexoPropiedad]=\"reporteMarcador.origen =='C' ? llaveEmpresa: ''\"\r\n [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['MA','IM','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" formControlName=\"reporteColumna\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'columna' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MA'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"formato\" size=\"25\">\r\n <label>{{'formato' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-inputNumber formControlName=\"ancho\" [maxlength]=\"5\"> </p-inputNumber>\r\n <label>{{'ancho' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-inputNumber formControlName=\"alto\" [maxlength]=\"5\"> </p-inputNumber>\r\n <label>{{'alto' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo1\"></textarea>\r\n <label>{{'grupo1' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo2\"></textarea>\r\n <label>{{'grupo2' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo3\"></textarea>\r\n <label>{{'grupo3' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"finalGrupo\"></textarea>\r\n <label>{{'finalgrupo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\r\n <label>{{'texto' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['MR','TB'].includes(reporteMarcador.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" formControlName=\"tieneSql\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'sql' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoGrafico_JFC\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\"\r\n optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'grafica' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['S'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"query\"></textarea>\r\n <label>{{'consulta' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"fuente\" optionLabel=\"descripcion\"\r\n optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"marcadorGrafico\" size=\"25\">\r\n <label>{{'marcadorgrafica' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"titulox\" size=\"25\">\r\n <label>{{'titulo' | translate }} X</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\"\r\n [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tituloy\" size=\"25\">\r\n <label>{{'titulo' | translate }} Y</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"banda\" size=\"25\">\r\n <label>{{'colordinamico' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" size=\"25\">\r\n <label>{{'numerocategorias' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\"\r\n [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\r\n <label>{{'filtro' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </form>\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons {{reporteMarcador.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporteMarcador.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"guardarMarcador()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcador.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcador($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"verNuevoMarcador && reporteMarcador.llave != null && (reporteMarcador.tipo == 'MR' || reporteMarcador.tipo == 'TB')\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTabla()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaCamposMarcador\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcador.length\" [scrollable]=\"true\"\r\n [paginator]=\"listaCamposMarcador.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llave\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 10%;\">{{'columna' | translate }}</th>\r\n <th style=\"width: 10%;\">{{'campo' | translate }}</th>\r\n <th style=\"width: 10%;\">{{'formato' | translate }}</th>\r\n <th style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">{{'tipo' | translate }}</th>\r\n <th style=\"width: 10%;\"*ngIf=\"reporteMarcador.tipo == 'TB'\">{{'medidas' | translate }}</th>\r\n <th style=\"width: 10%;\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalle\">\r\n <td style=\"width: 10%;\">\r\n <input pInputText [(ngModel)]=\"campoMarcadorInsertar.columna\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\" />\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.campoFuente\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\">\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.formato\">\r\n </td>\r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [(ngModel)]=\"campoMarcadorInsertar.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\r\n </td>\r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <div *ngIf=\"campoMarcadorInsertar.tipo =='I'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.ancho\">\r\n <label>{{'ancho' | translate}}</label>\r\n </p-floatLabel>\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.alto\">\r\n <label>{{'alto' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </td>\r\n <td style=\"width: 10%;\" >\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campoMarcadorInsertar)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalle = false\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"campo\">\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.columna\" oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" \r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" />\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.columna}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.campoFuente}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n\r\n <td style=\"width: 10%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.formato}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [(ngModel)]=\"campo.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.tipo | reporteFuentePipe :'listaRecursoGrafica'}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <div *ngIf=\"campo.tipo =='I'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.ancho\">\r\n <label>{{'ancho' | translate}}</label>\r\n </p-floatLabel>\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.alto\">\r\n <label>{{'alto' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <div *ngIf=\"campo.tipo =='I'\">\r\n {{'ancho' | translate}}: {{campo.ancho}} <br/>\r\n {{'alto' | translate}}: {{campo.alto}}\r\n </div> \r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campo)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorAsync()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcador($event,campo)\"\r\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>\r\n </div>\r\n </td>\r\n\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'soporte' | translate }} {{'archivo' | translate }}s\"\r\n *ngIf=\"reporteFuente.unicoArchivo == 'N'\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoSoporte()\" icon=\"pi pi-plus\"\r\n [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaSoportes\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaSoportes.length\"\r\n [paginator]=\"listaSoportes.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llaveTabla\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 45%\">{{'descripcion' | translate}}</th>\r\n <th style=\"width: 45%\">{{'archivo' | translate}}</th>\r\n <th style=\"width: 10%\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verSoporteArchivoDetalle\">\r\n <td style=\"width: 45%\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"soporteIngresar.descripcion\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\">\r\n </td>\r\n <td style=\"width: 45%\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"soporteIngresar.archivoIndividual ? soporteIngresar.archivoIndividual: ''\" [labelarch]=\"'archivo' | translate\"\r\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporteIngresar.archivoIndividual) && clickGuardarSoporteArchivo)\"\r\n (onSelected)=\"obtenerArchivoSoporte($event, soporteIngresar)\"></app-input-helper-seleccion-plantilla>\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarSoporte(soporteIngresar)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verSoporteArchivoDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarSoporte()\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-soporte let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"soporte\" style=\"width: 100%\">\r\n <td style=\"width: 45%\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"soporte.descripcion\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{soporte.descripcion}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 45%\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"soporte.archivoIndividual ? soporte.archivoIndividual: ''\"\r\n [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporte.archivoIndividual) && clickGuardarSoporteArchivo)\"\r\n (onSelected)=\"obtenerArchivoSoporte($event, soporte)\"></app-input-helper-seleccion-plantilla>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{soporte.archivoIndividual}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarSoporte(soporte)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarSoporte($event, soporte)\" [disabled]=\"habilitaCampo\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-tabPanel>\r\n </p-tabView>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'reporte' | translate }} {{'dinamico' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.dobleLinea\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\r\n <label>{{'doblelinea' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloParametro\" size=\"25\"\r\n maxlength=\"100\">\r\n <label>{{'descripcion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoJasper\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n \r\n \r\n <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\" \r\n label=\"{{'link_generar' | translate}}\" (click)=\"generarJasper()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"pi pi-download\" *ngIf=\"existeJasper\"\r\n label=\"{{'link_descargar' | translate}}\" (click)=\"descargarJasper()\">\r\n </button>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n \r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"bandaSeleccionada.key\">\r\n <button pButton pRipple (click)=\"regresarBandaSeleccionada()\" label= \"{{'listado' | translate}} {{'bandas' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaTipoBanda\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" [rows]=\"10\"\r\n [totalRecords]=\"listaTipoBanda.length\" [paginator]=\"listaTipoBanda.length > 10\"\r\n (onRowSelect)=\"verBanda($event)\" (onRowUnselect)=\"verBanda($event)\" *ngIf=\"!bandaSeleccionada.key\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'banda' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-banda>\r\n <tr [pSelectableRow]=\"banda\">\r\n <td>{{banda.value}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <p-tabView *ngIf=\"bandaSeleccionada.key && verTabBanda\">\r\n <p-tabPanel header=\"{{'caracteristicas' | translate}}\"\r\n *ngIf=\"!['detalle','summary'].includes(bandaSeleccionada.key)\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"codigo\" \r\n [(ngModel)]=\"reporteBanda.totales\" ></p-dropdown>\r\n <label>{{'total' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteBanda.titulo\" maxlength=\"200\">\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\r\n label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCaracteristicaBanda()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{bandaSeleccionada.value}}\" *ngIf=\"!nuevaBanda\">\r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <div class=\"flex justify-content-end mb-1\" >\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoMarcadorDinamico()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\" *ngIf=\"!nuevoReporteMarcadorDinamico\"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadorDinamico\" [scrollable]=\"true\"\r\n responsiveLayout=\"scroll\" dataKey=\"llaveTabla\" selectionMode=\"single\"\r\n [rows]=\"10\" [totalRecords]=\"listaMarcadorDinamico.length\"\r\n [paginator]=\"listaMarcadorDinamico.length > 10\" *ngIf=\"!nuevoReporteMarcadorDinamico\"\r\n (onRowSelect)=\"verMarcadorDinamico($event)\" (onRowUnselect)=\"verMarcadorDinamico($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'banda' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'etiqueta' | translate }}</th>\r\n <th>{{'formato' | translate }}</th>\r\n <th>{{'ancho' | translate }}</th>\r\n <th>{{'operacion' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-dinamico>\r\n <tr [pSelectableRow]=\"dinamico\">\r\n <td>{{dinamico.banda}}</td>\r\n <td>{{dinamico.banda ? dinamico.alto : ''}}</td>\r\n <td>{{dinamico.marcador}}</td>\r\n <td>{{dinamico.banda ? dinamico.descripcion : ''}}</td>\r\n <td>{{dinamico.banda ? dinamico.formato : ''}}</td>\r\n <td>{{['detalle'].includes(dinamico.banda) ? dinamico.ancho : ''}}</td>\r\n <td>{{dinamico.banda ? dinamico.operacion : ''}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div *ngIf=\"nuevoReporteMarcadorDinamico\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"flex justify-content-between align-items-center mb-2\"> \r\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>\r\n <button pButton pRipple (click)=\"nuevoReporteMarcadorDinamico = false\" label= \"{{'listado' | translate}} {{bandaSeleccionada.value}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \" *ngIf=\"nuevoReporteMarcadorDinamico\"></button>\r\n </div>\r\n <form [formGroup]=\"formReporteDinamico\" class=\"p-fluid grid\">\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCampoJasperDinamico\"\r\n [autoDisplayFirst]=\"false\" formControlName=\"tipoCampo\"\r\n optionLabel=\"value\" optionValue=\"key\"></p-dropdown>\r\n <label>{{'tipocampo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoDatoSintaxis\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipoDato\" optionLabel=\"value\"\r\n optionValue=\"key\"></p-dropdown>\r\n <label>{{'tipodato' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText formControlName=\"alto\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'orden' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"marcador\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n *ngIf=\"!reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\"></p-dropdown>\r\n <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\"\r\n *ngIf=\"reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-12\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\r\n <label>{{'sintaxis' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-fieldset class=\"fieldsintitulo\" class=\"fieldsintitulo\">\r\n <div class=\"p-fluid grid\">\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\">\r\n <label class=\"font-semibold text-gray-900 text-base ml-1\">{{'resultado' | translate}}</label>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\"></div>\r\n <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <label class=\"font-semibold text-gray-900 text-base ml-1\" >{{'label' | translate}}</label>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"formato\" />\r\n <label>{{'formato' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"descripcion\" />\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"ancho\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'ancho' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' == reporteMarcadorDinamico.banda \"></div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'ancho' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"resultadoX\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'x' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"titulox\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'x' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"resultadoY\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'y' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" formControlName=\"tituloy\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\r\n <label>{{'y' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" \r\n formControlName=\"tipoReporte\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'alineacion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'alineacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoDato == 'N' && reporteMarcadorDinamico.tipoCampo !='C'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaOperaciones\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n formControlName=\"operacion\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'operacion' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </div>\r\n </form>\r\n \r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{reporteMarcadorDinamico.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{reporteMarcadorDinamico.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaDinamico()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"reporteMarcadorDinamico.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaDinamico($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n \r\n </p-tabView>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'reporte' | translate }} {{'texto' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.archivoTexto\" size=\"50\"\r\n maxlength=\"200\">\r\n <label>{{'nombrearchivo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSeparadores\" [(ngModel)]=\"reporteFuente.separador\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'separador' | translate }}*</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoTexto\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizarSeparador()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex justify-content-between lign-items-center mb-3\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorTexto()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorTexto\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorTexto\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorTexto = false; clickGuardarMarcadorTexto = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaMarcadoresTexto\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaMarcadoresTexto.length\"\r\n [paginator]=\"listaMarcadoresTexto.length > 10\" *ngIf=\"!verNuevoMarcadorTexto\"\r\n (onRowSelect)=\"verMarcadorTexto($event)\" (onRowUnselect)=\"verMarcadorTexto($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'formato' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marctexto>\r\n <tr [pSelectableRow]=\"marctexto\">\r\n <td>{{marctexto.tipoGrafico | reporteFuentePipe : 'listaTipoMarcadoresTexto'}}</td>\r\n <td>{{marctexto.nombreColumna}}</td>\r\n <td>{{marctexto.formato}}</td>\r\n <td>{{marctexto.alto}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorTexto\"> \r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoMarcadorTexto\" [autoDisplayFirst]=\"false\"\r\n [(ngModel)]=\"marcadorTexto.tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\"\r\n [(ngModel)]=\"marcadorTexto.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"></p-dropdown>\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.formato\" maxlength=\"50\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\">\r\n <label>{{marcadorTexto.tipoGrafico == 'D' ? ('formato' | translate)+'*' : ('descripcion' | translate)+'*' }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.ancho\" maxlength=\"22\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\">\r\n <label>{{'ancho' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.alto\" maxlength=\"22\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\">\r\n <label>{{'orden' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorTexto.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorTexto.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorTexto()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorTexto.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadoTexto($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'tabla' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreTabla\" maxlength=\"4000\">\r\n <label>{{'nombretabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-8\">\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <p-pickList [source]=\"listaTabla\" [target]=\"listaNoTabla\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\r\n targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\r\n filterBy=\"nombre\" *ngIf=\"isFuente()\" (onSourceReorder)=\"reorderTabla($event)\"\r\n (onMoveAllToTarget)=\"moverADesasociadoTabla($event)\" (onMoveAllToSource)=\"moverAAsociadoTabla($event)\"\r\n (onMoveToTarget)=\"moverADesasociadoTabla($event)\" (onMoveToSource)=\"moverAAsociadoTabla($event)\">\r\n <ng-template let-tabla pTemplate=\"item\">\r\n <div>\r\n <label>{{tabla.nombre}}</label>\r\n </div>\r\n </ng-template>\r\n </p-pickList>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'archivoxml' | translate }}\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"reporteFuente.tagEncabezado\"></textarea>\r\n <label>{{'tagencabezado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"reporteFuente.tagCierreEncabezado\"></textarea>\r\n <label>{{'tagcierreencabezado' | translate }}</label>\r\n </p-floatLabel> \r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"reporteFuente.estructuraRegistro\"></textarea>\r\n <label>{{'tagregistro' | translate }}</label>\r\n </p-floatLabel> \r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporteFuente.cifradoXml\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-between align-items-center mb-3\">\r\n <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorXML()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorXML\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorXML\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorXML = false; clickGuardarMarcadorXML = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaXML\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaXML.length\"\r\n [paginator]=\"listaXML.length > 10\" *ngIf=\"!verNuevoMarcadorXML\"\r\n (onRowSelect)=\"verMarcadorXML($event)\" (onRowUnselect)=\"verMarcadorXML($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'descripcion' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'marcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marctexto>\r\n <tr [pSelectableRow]=\"marctexto\">\r\n <td>{{marctexto.descripcion}}</td>\r\n <td>{{marctexto.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\r\n <td>{{marctexto.nombreColumna}}</td>\r\n <td>{{marctexto.marcador}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorXML\"> \r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.descripcion\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\">\r\n <label>{{'descripcion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoMarcadorXML\" [autoDisplayFirst]=\"false\" \r\n [(ngModel)]=\"marcadorXML.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MA','MR'].includes(marcadorXML.tipo)\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" >\r\n <label>{{'marcador' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\r\n <label>{{'tabla' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"marcadorXML.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\" ></p-dropdown>\r\n <label>{{'columna' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.formato\" >\r\n <label>{{'formato' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MR'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.textoRegistro\" ></textarea>\r\n <label>{{'texto' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"marcadorXML.fuente\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.filtro\"></textarea>\r\n <label>{{'filtro' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.estructuraTablaXML\"></textarea>\r\n <label>{{'estructuratabla' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorXML.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorXML.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorXML()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorXML.llave != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorXML($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"verNuevoMarcadorXML && marcadorXML.llave != null && (marcadorXML.tipo == 'MR' || marcadorXML.tipo == 'TB')\">\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTablaXML()\" icon=\"pi pi-plus\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table [value]=\"listaCamposMarcadorXML\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCamposMarcadorXML.length\"\r\n [paginator]=\"listaCamposMarcadorXML.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llave\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 30%;\">{{'campo' | translate }}</th>\r\n <th style=\"width: 30%;\">{{'marcador' | translate }}</th>\r\n <th style=\"width: 30%;\">{{'formato' | translate }}</th>\r\n <th style=\"width: 10%\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalleXML\">\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.campoFuente\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\">\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.marcador\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\">\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.formato\" style=\"width: -webkit-fill-available\">\r\n </td>\r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\" >\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campoMarcadorInsertarXML)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"verReporteMarcadorDetalleXML = false\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"campo\">\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.campoFuente}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.marcador\" style=\"width: -webkit-fill-available\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.marcador}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 30%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\" style=\"width: -webkit-fill-available\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{campo.formato}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n \r\n \r\n <td style=\"width: 10%\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campo)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorXMLAsync()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcadorXML($event,campo)\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel header=\"{{'columnario' | translate }}\">\r\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\" >\r\n <p-accordionTab [selected]=\"true\" >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'columnasbasicas'|translate}}\r\n </ng-template>\r\n <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoColumnaBasica()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoReporteColumnario\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoReporteColumnario\">\r\n <button pButton pRipple (click)=\"verNuevoReporteColumnario = false; clickGuardarReporteColumnario = false;\" label= \"{{'listado' | translate}} {{'columnasbasicas' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"listaReporteColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"listaReporteColumnario.length\"\r\n [paginator]=\"listaReporteColumnario.length > 10\" *ngIf=\"!verNuevoReporteColumnario\"\r\n (onRowSelect)=\"verReporteColumnario($event)\" (onRowUnselect)=\"verReporteColumnario($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'columna' | translate }}</th>\r\n <th>{{'tipo' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n <th>{{'operacion' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-bean>\r\n <tr [pSelectableRow]=\"bean\">\r\n <td>{{bean.nombre}}</td>\r\n <td>{{bean.nombreColumna}}</td>\r\n <td>{{bean.tipo | reporteColumnarioPipe: 'listaTipoColumna'}}</td>\r\n <td>{{bean.orden}}</td>\r\n <td>{{bean.operacion | reporteColumnarioPipe: 'listaOperacion'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoReporteColumnario\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.nombre\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\">\r\n <label>{{'nombre' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'tipocolumna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'columna' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"columnaBasica.tipo == 'D'\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacion\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacionHorizontal\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacionhorizontal' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- fila Operacion Vertical -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.columnaOperacionVertical\" maxlength=\"5\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\">\r\n <label>{{'columnaoperacion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Operacion Verticial -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.operacionVertical\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"></p-dropdown>\r\n <label>{{'operacionvertical' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Orden -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrden()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.orden\" maxlength=\"5\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\">\r\n <label>{{'orden' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Ordenamiento Filas -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoLabel() || isTipoFila()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaBasica.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'ordenamiento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <!-- Ordenamiento Datos de la consulta -->\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrdenConsulta()\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.ordenConsulta\" maxlength=\"5\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\r\n <label>{{'ordenconsulta' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaBasica.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{columnaBasica.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaBasica()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"columnaBasica.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaBasica($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n </p-accordion>\r\n <p-accordion (onOpen)=\"cambiarTabColumnario($event)\">\r\n <p-accordionTab >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'datosadicionales'|translate}}\r\n </ng-template>\r\n <p-fieldset class=\"fieldsintitulo\" >\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n \r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporteFuente.archivoExcelColumnario ? reporteFuente.archivoExcelColumnario: ''\"\r\n [extensiones]=\"'xls;xlsx;xlsm'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\r\n (onSelected)=\"obtenerArchivoColumnario($event)\"></app-input-helper-seleccion-plantilla>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\r\n <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\r\n translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"reporteFuente.filaInicioColumnario\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\r\n <label>{{'filainiciocolumnario' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\r\n [(ngModel)]=\"reporteFuente.cifradoColumnario\" optionLabel=\"nombre\"\r\n optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label> \r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"reporteFuente.sintaxisColumnario\"></textarea>\r\n <label>{{'sintaxiscolumnario' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\r\n label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n <div class=\"flex justify-content-between align-items-center mb-3 mt-3\">\r\n <h1 class=\"text-xl\">{{'columnaadicional' | translate}}</h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevaColumnaAdicional()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoColumnaAdicional\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoColumnaAdicional\">\r\n <button pButton pRipple (click)=\"verNuevoColumnaAdicional = false; clickGuardarColumnaAdicional = false;\" label= \"{{'listado' | translate}} {{'columnaadicional' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"columnasAdicionales\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"columnasAdicionales.length\"\r\n [paginator]=\"columnasAdicionales.length > 10\" *ngIf=\"!verNuevoColumnaAdicional\"\r\n (onRowSelect)=\"verDetalleAdicional($event)\" (onRowUnselect)=\"verDetalleAdicional($event)\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'orden' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-columnaadicional>\r\n <tr [pSelectableRow]=\"columnaadicional\">\r\n <td>{{columnaadicional.nombre}}</td>\r\n <td>{{columnaadicional.orden}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoColumnaAdicional\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [(ngModel)]=\"columnaAdicional.nombre\" maxlength=\"100\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\">\r\n <label>{{'alias' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"columnaAdicional.orden\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\" />\r\n <label>{{'orden' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-3\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"columnaAdicional.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"></p-dropdown>\r\n <label>{{'ordenamiento' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-3\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"columnaAdicional.ordenConsulta\" maxlength=\"5\" \r\n oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\" />\r\n <label>{{'ordenconsulta' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" >\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"columnaAdicional.sintaxis\" maxlength=\"4000\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"></textarea>\r\n <label>{{'sintaxis' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaAdicional.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{columnaAdicional.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaAdicional()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"columnaAdicional.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarColumnaAdicional($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n <p-accordionTab >\r\n <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\r\n {{'marcadores'|translate}}\r\n </ng-template>\r\n <div class=\"flex justify-content-end align-items-center mb-3\">\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\r\n (click)=\"nuevoMarcadorColumnario()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorColumnario\">\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"verNuevoMarcadorColumnario\">\r\n <button pButton pRipple (click)=\"verNuevoMarcadorColumnario = false; clickGuardarMarcadorColumnario = false;\" label= \"{{'listado' | translate}} {{'marcador' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n </div>\r\n <p-table [value]=\"marcadoresColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\r\n dataKey=\"llaveTabla\" selectionMode=\"single\" \r\n [rows]=\"10\" [totalRecords]=\"marcadoresColumnario.length\"\r\n [paginator]=\"marcadoresColumnario.length > 10\" *ngIf=\"!verNuevoMarcadorColumnario\"\r\n (onRowSelect)=\"verDetalleMarcadorColumnario($event)\" (onRowUnselect)=\"verDetalleMarcadorColumnario($event)\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'nombre' | translate }}</th>\r\n <th>{{'tipomarcador' | translate }}</th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-marcador>\r\n <tr [pSelectableRow]=\"marcador\">\r\n <td>{{marcador.marcador}}</td>\r\n <td>{{marcador.tipo | reporteColumnarioPipe: 'listaTipoMarcador'}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n <p-fieldset class=\"fieldsintitulo\" *ngIf=\"verNuevoMarcadorColumnario\">\r\n <div class=\"Detallereporte mt-2\">\r\n <div class=\"p-fluid p-formgrid grid\" >\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"marcadorColumnario.descripcion\" maxlength=\"4000\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\" />\r\n <label>{{'descripcion' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\" >\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"marcadorColumnario.marcador\" maxlength=\"50\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\" />\r\n <label>{{'marcador' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoMarcadorColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n [(ngModel)]=\"marcadorColumnario.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"></p-dropdown>\r\n <label>{{'tipo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n \r\n <div class=\"field col-12 md:col-12\" >\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"marcadorColumnario.textoRegistro\" maxlength=\"4000\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"></textarea>\r\n <label>{{'valor' | translate}} *</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\" >\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorColumnario.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\r\n label=\"{{marcadorColumnario.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorColumnario()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n *ngIf=\"marcadorColumnario.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\r\n (click)=\"eliminarMarcadorColumnario($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n </p-accordionTab>\r\n </p-accordion>\r\n </p-tabPanel>\r\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"] }]
|
|
11951
11952
|
}], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: ToastService }, { type: GeneralService }, { type: GeneralPipe }, { type: AuthService }, { type: ReporteFuentePipe }, { type: i7.ConfirmationService }, { type: CargarArchivosService }, { type: EncriptadoBasicoService }, { type: UtilsService }, { type: i7$2.TranslateService }, { type: FuentePipe }, { type: ReporteColumnarioPipe }, { type: EjecucionReporteService }], propDecorators: { llaveReporte: [{
|
|
11952
11953
|
type: Input
|
|
11953
11954
|
}], aplicacion: [{
|
|
@@ -11990,11 +11991,11 @@ class PopupSentenciaComponent {
|
|
|
11990
11991
|
this.regresar.emit(false);
|
|
11991
11992
|
}
|
|
11992
11993
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupSentenciaComponent, deps: [{ token: EjecucionReporteService }, { token: ToastService }], target: i0.ɵɵFactoryTarget.Component });
|
|
11993
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupSentenciaComponent, isStandalone: true, selector: "app-popup-sentencia", inputs: { reporte: "reporte", parametros: "parametros", mostrarPopup: "mostrarPopup" }, outputs: { regresar: "regresar" }, providers: [MessageService], ngImport: i0, template: "<p-dialog id='popupSentencia' header=\"{{'sentencia' | translate}}\" [(visible)]=\"mostrarPopup\" (onShow)=\"mostrar()\"\
|
|
11994
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupSentenciaComponent, isStandalone: true, selector: "app-popup-sentencia", inputs: { reporte: "reporte", parametros: "parametros", mostrarPopup: "mostrarPopup" }, outputs: { regresar: "regresar" }, providers: [MessageService], ngImport: i0, template: "<p-dialog id='popupSentencia' header=\"{{'sentencia' | translate}}\" [(visible)]=\"mostrarPopup\" (onShow)=\"mostrar()\"\n [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" (onHide)=\"ocultar()\" [modal]=\"true\">\n\n <p-panel>\n <textarea pInputTextarea [(ngModel)]=\"sentencia\" rows=\"5\" cols=\"30\"\n [disabled]=\"true\"\n class=\"min-w-full p-inputtextarea p-inputtext p-component p-element max-w-max\">\n </textarea>\n </p-panel>\n</p-dialog>", styles: [":host ::ng-deep .min-w-full{height:330px!important;width:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i7$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i15$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i5$2.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { 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"] }] });
|
|
11994
11995
|
}
|
|
11995
11996
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupSentenciaComponent, decorators: [{
|
|
11996
11997
|
type: Component,
|
|
11997
|
-
args: [{ selector: 'app-popup-sentencia', imports: [DialogModule, InputTextareaModule, PanelModule, TranslateModule, FormsModule,], standalone: true, providers: [MessageService], template: "<p-dialog id='popupSentencia' header=\"{{'sentencia' | translate}}\" [(visible)]=\"mostrarPopup\" (onShow)=\"mostrar()\"\
|
|
11998
|
+
args: [{ selector: 'app-popup-sentencia', imports: [DialogModule, InputTextareaModule, PanelModule, TranslateModule, FormsModule,], standalone: true, providers: [MessageService], template: "<p-dialog id='popupSentencia' header=\"{{'sentencia' | translate}}\" [(visible)]=\"mostrarPopup\" (onShow)=\"mostrar()\"\n [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" (onHide)=\"ocultar()\" [modal]=\"true\">\n\n <p-panel>\n <textarea pInputTextarea [(ngModel)]=\"sentencia\" rows=\"5\" cols=\"30\"\n [disabled]=\"true\"\n class=\"min-w-full p-inputtextarea p-inputtext p-component p-element max-w-max\">\n </textarea>\n </p-panel>\n</p-dialog>", styles: [":host ::ng-deep .min-w-full{height:330px!important;width:100%!important}\n"] }]
|
|
11998
11999
|
}], ctorParameters: () => [{ type: EjecucionReporteService }, { type: ToastService }], propDecorators: { regresar: [{
|
|
11999
12000
|
type: Output
|
|
12000
12001
|
}], reporte: [{
|
|
@@ -12070,6 +12071,7 @@ class PopupReporteComponent {
|
|
|
12070
12071
|
}
|
|
12071
12072
|
ngOnInit() {
|
|
12072
12073
|
this.mapaTipoArchivos = this.reporteFuentePipe.MAPA_TIPO_ARCHIVOS;
|
|
12074
|
+
this.aplicacion = this.authService.getTokenKey('aplicacion');
|
|
12073
12075
|
}
|
|
12074
12076
|
async mostrarPopup() {
|
|
12075
12077
|
this.panel = 'entrada';
|
|
@@ -12450,11 +12452,11 @@ class PopupReporteComponent {
|
|
|
12450
12452
|
});
|
|
12451
12453
|
}
|
|
12452
12454
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupReporteComponent, deps: [{ token: GeneralService }, { token: EjecucionReporteService }, { token: i7.ConfirmationService }, { token: ToastService }, { token: AuthService }, { token: i7$2.TranslateService }, { token: CargarArchivosService }, { token: UtilsService }, { token: CargarControlFuncionalidadService }, { token: EncriptadoBasicoService }, { token: ReporteFuentePipe }, { token: GeneralPipe }, { token: CargarArchivosService }, { token: EncriptadoBasicoService }], target: i0.ɵɵFactoryTarget.Component });
|
|
12453
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupReporteComponent, isStandalone: true, selector: "app-popup-reporte", inputs: { mostrar: "mostrar", aplicacion: "aplicacion", reporte: "reporte", entradasPuntoProceso: "entradasPuntoProceso" }, outputs: { regresar: "regresar" }, providers: [MessageService, ConfirmationService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\r\n<p-dialog id='popupReporte' header=\"{{'reportesgenerales' | translate}}\" [(visible)]=\"mostrar\" (onShow)=\"mostrarPopup()\"\r\n [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" (onHide)=\"ocultar()\" [modal]=\"true\">\r\n\r\n <div *ngIf=\"panel == 'entrada'\">\r\n <!--Segundo plano-->\r\n <p-accordion [multiple]=\"true\">\r\n <p-accordionTab [selected]=\"true\" [header]=\"'segundoplano' | translate\" *ngIf=\"listaSegundoPlano.length > 0\">\r\n <p-table [value]=\"listaSegundoPlano\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\"\r\n [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\"\r\n [paginator]=\"paginator.totalRecords > paginator.rows\" (onRowSelect)=\"verSegundoPlano($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'estado' | translate }} </th>\r\n <th>{{'fechainicial' | translate }} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-entrada>\r\n <tr [pSelectableRow]=\"entrada\">\r\n <td>{{entrada.nombreEstado}}</td>\r\n <td>{{entrada.inicia | date: 'dd/MM/yyyy h:mm a'}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-accordionTab>\r\n </p-accordion>\r\n <p-fieldset class=\"mt-0\" *ngIf=\"mostrarParametros\">\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>{{'entrada' | translate}}</span>\r\n </div>\r\n </ng-template>\r\n <p-table [value]=\"parametros\" >\r\n <ng-template pTemplate=\"body\" let-parametro>\r\n <tr [pSelectableRow]=\"parametro\">\r\n <!--<td>\r\n <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\r\n </td>-->\r\n <td *ngIf=\"parametro.unionDTO.solicitar == 'S'\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"(parametro.unionDTO.tipoDato == 'T' || parametro.unionDTO.tipoDato == 'E') && parametro.unionDTO.tipo == 'D'\" />\r\n\r\n <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'U' && parametro.unionDTO.tipo == 'D'\" />\r\n\r\n\r\n <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'N' && parametro.unionDTO.tipo == 'D'\">\r\n </p-inputNumber>\r\n\r\n <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\" mode=\"decimal\" [minFractionDigits]=\"2\"\r\n [maxFractionDigits]=\"16\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'B' && parametro.unionDTO.tipo == 'D'\">\r\n </p-inputNumber>\r\n\r\n <p-dropdown [options]=\"parametro.lista\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n (onChange)=\"cambioValorLista($event, parametro)\" [(ngModel)]=\"parametro.unionDTO.llaveLista\"\r\n optionLabel=\"label\" optionValue=\"value\" *ngIf=\"parametro.unionDTO.tipo == 'L'\">\r\n </p-dropdown>\r\n\r\n <p-calendar type=\"text\" [(ngModel)]=\"parametro.unionDTO.valor\" dateFormat=\"dd/mm/yy\" appendTo=\"body\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'F' && parametro.unionDTO.tipo == 'D'\"></p-calendar>\r\n\r\n <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\r\n </p-floatLabel>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-fieldset>\r\n <p-fieldset class=\"mt-0\" *ngIf=\"generaciones.length > 0\">\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>{{'generar' | translate}}</span>\r\n </div>\r\n </ng-template>\r\n <div class=\"p-fluid p-formgrid grid Inputgroup pb-0 col-md-12\">\r\n <div *ngFor=\"let valor of generaciones\" >\r\n <div class=\"field ml-2\">\r\n <div class=\"field-radiobutton\">\r\n <p-radioButton (onClick)=\"cambioTipoReporte($event)\" [inputId]=\"valor.value\" name=\"tipoReporte\"\r\n [value]=\"valor.value\" [(ngModel)]=\"tipoReporte\" />\r\n <label [for]=\"valor.value\" class=\"ml-2\">\r\n {{ valor.label }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n\r\n <p-fieldset class=\"mt-0\" *ngIf=\"'A' != tipoReporte && mostrarQueDeseaHacer\" >\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>\u00BFQu\u00E9 desea hacer?</span>\r\n </div>\r\n </ng-template>\r\n <label *ngIf=\"tipoReporte && 'F' == tipoReporte\">{{'seleccionetipoarchivodeseagenerar' | translate}}</label>\r\n\r\n <div *ngIf=\"tipoReporte && 'F' == tipoReporte\">\r\n <div class=\"p-fluid p-formgrid grid Inputgroup pb-0 col-md-12 mt-2\">\r\n <div class=\"field ml-2\">\r\n <div class=\"field-radiobutton\">\r\n <div class=\"field-checkbox\" *ngFor=\"let valor of mapaTipoArchivos\">\r\n <p-radioButton (onClick)=\"cambioTipoArchivo($event)\" [inputId]=\"valor.codigo\" name=\"tipoArchivo\"\r\n [value]=\"valor.codigo\" [(ngModel)]=\"tipoArchivo\" />\r\n <label [for]=\"valor.codigo\" class=\"ml-2\">\r\n {{ valor.nombre }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"mostrarArchivosSoporte\">\r\n <div class=\"Detallereporte\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listadoArchivoSoporte\" [autoDisplayFirst]=\"false\" optionLabel=\"descripcion\" appendTo=\"body\"\r\n optionValue=\"llaveTabla\" [(ngModel)]=\"soporteBase\" (onChange)=\"cambioSoporteBase($event)\"></p-dropdown>\r\n <label>Soporte Base:</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"tipoReporte == 'F' && tipoArchivo || tipoReporte != 'F' \">\r\n <div class=\"p-fluid p-formgrid grid Inputgroup pb-0 col-md-12\">\r\n <div *ngFor=\"let valor of operaciones\" >\r\n <div class=\"field ml-2\">\r\n <div class=\"field-radiobutton\">\r\n <p-radioButton [inputId]=\"valor.value\" name=\"operacion\" [value]=\"valor.value\"\r\n [(ngModel)]=\"operacion\" />\r\n <label [for]=\"valor.value\" class=\"ml-2\">\r\n {{ valor.label }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"operacion == 'E'\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"correo\" type=\"text\" [disabled]=\"bloquearCorreo\" />\r\n <label>{{'correo' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </p-fieldset>\r\n \r\n\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple class=\"m-2 mt-4 p-button p-button-outlined background-100\"\r\n *ngIf=\"validarControlFuncionalidad('ejecrepo:sentencia')\" label=\"Ver sentencia\" icon=\"glyphicons glyphicons-eye-open\"\r\n (click)=\"sentencia()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'E'\" icon=\"glyphicons glyphicons-envelope\"\r\n label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento != 'D'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"descargarReporte()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento == 'D'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"descargarReporteSinHilo()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"tipoReporte == 'A'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"generarTabla()\"></button>\r\n <!--pte proceso externo-->\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'M' || operacion == 'MP'\" icon=\"glyphicons glyphicons-envelope\"\r\n label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'P'\" icon=\"glyphicons glyphicons-folder-open\"\r\n label=\"{{'link_publicar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion =='S'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'link_generar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n\r\n </div>\r\n </div>\r\n <div *ngIf=\"panel == 'resultado'\">\r\n <div *ngIf=\"operacion == 'historico'\">\r\n <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\r\n <h4 class=\"text-base mt-2 ml-2\">{{'detalle' | translate}} {{'segundoplano' | translate}}</h4>\r\n <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\r\n (click)=\"regresarSegundoPlano()\" label=\"{{'link_regresar' | translate}}\" >\r\n </button>\r\n </div>\r\n <div class=\" Inputgroup\">\r\n <div class=\"col-md-12\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.inicia\" [disabled]=\"true\" appendTo=\"body\"\r\n [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\r\n <label>{{('fechainicial') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.termina\" [disabled]=\"true\" appendTo=\"body\"\r\n [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\r\n <label>{{('fechafinal') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [readonly]=\"false\"\r\n [(ngModel)]=\"elementoBorrar.nombreEstado\" [disabled]=\"true\" />\r\n <label>{{('estado') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"elementoBorrar.estado == 'E'\">\r\n <label>{{('mensaje') | translate}}</label>\r\n <textarea class=\"min-w-full2 p-inputtextarea p-inputtext p-component p-element \"\r\n rows=\"5\" cols=\"30\" pInputTextarea [(ngModel)]=\"elementoBorrar.archivo\"\r\n [disabled]=\"true\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n *ngIf=\"elementoBorrar.estado == 'T'\" icon=\"pi pi-download\"\r\n label=\"{{'link_descargar' | translate}}\" (click)=\"descargarArchivo()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarSegundoPlano($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"tipoReporte == 'A'\" >\r\n <p-table [value]=\"listaRegistro\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n [rows]=\"10\" [totalRecords]=\"listaRegistro.length\" [paginator]=\"listaRegistro.length > 10\" >\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ col.header }}</th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-entrada>\r\n <tr>\r\n <td [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ entrada[col.field] }}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <p class=\"p-3 font-medium emptymessage\">\r\n {{'mensajetablavacia' | translate}}\r\n </p>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </div>\r\n\r\n</p-dialog>\r\n<app-popup-sentencia [reporte]=\"reporte\" [parametros]=\"parametros\" [mostrarPopup]=\"mostrarPopupSentencia\"\r\n (regresar)=\"regresarSentencia($event)\"></app-popup-sentencia>", styles: [":host ::ng-deep .p-button{width:auto}:host ::ng-deep .min-w-full2{min-height:150px;min-width:100%}h4{color:var(--color-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i7$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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: 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: 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { 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: 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"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i10$2.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: PopupSentenciaComponent, selector: "app-popup-sentencia", inputs: ["reporte", "parametros", "mostrarPopup"], outputs: ["regresar"] }, { 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: FloatLabelModule }, { kind: "component", type: i15$4.FloatLabel, selector: "p-floatLabel" }] });
|
|
12455
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupReporteComponent, isStandalone: true, selector: "app-popup-reporte", inputs: { mostrar: "mostrar", aplicacion: "aplicacion", reporte: "reporte", entradasPuntoProceso: "entradasPuntoProceso" }, outputs: { regresar: "regresar" }, providers: [MessageService, ConfirmationService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\r\n<p-dialog id='popupReporte' header=\"{{'reportesgenerales' | translate}}\" [(visible)]=\"mostrar\" (onShow)=\"mostrarPopup()\"\r\n [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" (onHide)=\"ocultar()\" [modal]=\"true\">\r\n\r\n <div *ngIf=\"panel == 'entrada'\">\r\n <!--Segundo plano-->\r\n <p-accordion [multiple]=\"true\">\r\n <p-accordionTab [selected]=\"true\" [header]=\"'segundoplano' | translate\" *ngIf=\"listaSegundoPlano.length > 0\">\r\n <p-table [value]=\"listaSegundoPlano\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\"\r\n [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\"\r\n [paginator]=\"paginator.totalRecords > paginator.rows\" (onRowSelect)=\"verSegundoPlano($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'estado' | translate }} </th>\r\n <th>{{'fechainicial' | translate }} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-entrada>\r\n <tr [pSelectableRow]=\"entrada\">\r\n <td>{{entrada.nombreEstado}}</td>\r\n <td>{{entrada.inicia | date: 'dd/MM/yyyy h:mm a'}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-accordionTab>\r\n </p-accordion>\r\n <p-fieldset class=\"mt-0\" *ngIf=\"mostrarParametros\">\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>{{'entrada' | translate}}</span>\r\n </div>\r\n </ng-template>\r\n <p-table [value]=\"parametros\" >\r\n <ng-template pTemplate=\"body\" let-parametro>\r\n <tr [pSelectableRow]=\"parametro\">\r\n <!--<td>\r\n <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\r\n </td>-->\r\n <td *ngIf=\"parametro.unionDTO.solicitar == 'S'\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"(parametro.unionDTO.tipoDato == 'T' || parametro.unionDTO.tipoDato == 'E') && parametro.unionDTO.tipo == 'D'\" />\r\n\r\n <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'U' && parametro.unionDTO.tipo == 'D'\" />\r\n\r\n\r\n <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'N' && parametro.unionDTO.tipo == 'D'\">\r\n </p-inputNumber>\r\n\r\n <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\" mode=\"decimal\" [minFractionDigits]=\"2\"\r\n [maxFractionDigits]=\"16\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'B' && parametro.unionDTO.tipo == 'D'\">\r\n </p-inputNumber>\r\n\r\n <p-dropdown [options]=\"parametro.lista\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n (onChange)=\"cambioValorLista($event, parametro)\" [(ngModel)]=\"parametro.unionDTO.llaveLista\"\r\n optionLabel=\"label\" optionValue=\"value\" *ngIf=\"parametro.unionDTO.tipo == 'L'\">\r\n </p-dropdown>\r\n\r\n <p-calendar type=\"text\" [(ngModel)]=\"parametro.unionDTO.valor\" dateFormat=\"dd/mm/yy\" appendTo=\"body\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'F' && parametro.unionDTO.tipo == 'D'\"></p-calendar>\r\n\r\n <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\r\n </p-floatLabel>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-fieldset>\r\n <p-fieldset class=\"mt-0\" *ngIf=\"generaciones.length > 0\">\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>{{'generar' | translate}}</span>\r\n </div>\r\n </ng-template>\r\n <div class=\"col-md-12\">\r\n <div class=\"p-fluid p-formgrid grid text-xs\">\r\n <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\" *ngFor=\"let valor of generaciones\">\r\n <div class=\"field-radiobutton\">\r\n <p-radioButton (onClick)=\"cambioTipoReporte($event)\" [inputId]=\"valor.value\" name=\"tipoReporte\"\r\n [value]=\"valor.value\" [(ngModel)]=\"tipoReporte\" />\r\n <label [for]=\"valor.value\" class=\"ml-2\">\r\n {{ valor.label }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n\r\n <p-fieldset class=\"mt-0\" *ngIf=\"'A' != tipoReporte && mostrarQueDeseaHacer\" >\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>\u00BFQu\u00E9 desea hacer?</span>\r\n </div>\r\n </ng-template>\r\n <label *ngIf=\"tipoReporte && 'F' == tipoReporte\">{{'seleccionetipoarchivodeseagenerar' | translate}}</label>\r\n\r\n <div *ngIf=\"tipoReporte && 'F' == tipoReporte\">\r\n <div class=\"col-md-12\">\r\n <div class=\"p-fluid p-formgrid grid text-xs\">\r\n <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\" *ngFor=\"let valor of mapaTipoArchivos\">\r\n <div class=\"field-radiobutton\">\r\n <p-radioButton (onClick)=\"cambioTipoArchivo($event)\" [inputId]=\"valor.codigo\" name=\"tipoArchivo\"\r\n [value]=\"valor.codigo\" [(ngModel)]=\"tipoArchivo\" />\r\n <label [for]=\"valor.codigo\" class=\"ml-2\">\r\n {{ valor.nombre }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"mostrarArchivosSoporte\">\r\n <div class=\"Detallereporte\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listadoArchivoSoporte\" [autoDisplayFirst]=\"false\" optionLabel=\"descripcion\" appendTo=\"body\"\r\n optionValue=\"llaveTabla\" [(ngModel)]=\"soporteBase\" (onChange)=\"cambioSoporteBase($event)\"></p-dropdown>\r\n <label>Soporte Base:</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"tipoReporte == 'F' && tipoArchivo || tipoReporte != 'F' \">\r\n <div class=\"col-md-12\">\r\n <div class=\"p-fluid p-formgrid grid text-xs\">\r\n <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\" *ngFor=\"let valor of operaciones\">\r\n <div class=\"field-radiobutton\">\r\n <p-radioButton [inputId]=\"valor.value\" name=\"operacion\" [value]=\"valor.value\"\r\n [(ngModel)]=\"operacion\" />\r\n <label [for]=\"valor.value\" class=\"ml-2\">\r\n {{ valor.label }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"operacion == 'E'\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"correo\" type=\"text\" [disabled]=\"bloquearCorreo\" />\r\n <label>{{'correo' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </p-fieldset>\r\n \r\n\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple class=\"m-2 mt-4 p-button p-button-outlined background-100\"\r\n *ngIf=\"validarControlFuncionalidad('ejecrepo:sentencia')\" label=\"Ver sentencia\" icon=\"glyphicons glyphicons-eye-open\"\r\n (click)=\"sentencia()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'E'\" icon=\"glyphicons glyphicons-envelope\"\r\n label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento != 'D'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"descargarReporte()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento == 'D'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"descargarReporteSinHilo()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"tipoReporte == 'A'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"generarTabla()\"></button>\r\n <!--pte proceso externo-->\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'M' || operacion == 'MP'\" icon=\"glyphicons glyphicons-envelope\"\r\n label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'P'\" icon=\"glyphicons glyphicons-folder-open\"\r\n label=\"{{'link_publicar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion =='S'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'link_generar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n\r\n </div>\r\n </div>\r\n <div *ngIf=\"panel == 'resultado'\">\r\n <div *ngIf=\"operacion == 'historico'\">\r\n <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\r\n <h4 class=\"text-base mt-2 ml-2\">{{'detalle' | translate}} {{'segundoplano' | translate}}</h4>\r\n <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\r\n (click)=\"regresarSegundoPlano()\" label=\"{{'link_regresar' | translate}}\" >\r\n </button>\r\n </div>\r\n <div class=\" Inputgroup\">\r\n <div class=\"col-md-12\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.inicia\" [disabled]=\"true\" appendTo=\"body\"\r\n [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\r\n <label>{{('fechainicial') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.termina\" [disabled]=\"true\" appendTo=\"body\"\r\n [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\r\n <label>{{('fechafinal') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [readonly]=\"false\"\r\n [(ngModel)]=\"elementoBorrar.nombreEstado\" [disabled]=\"true\" />\r\n <label>{{('estado') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"elementoBorrar.estado == 'E'\">\r\n <label>{{('mensaje') | translate}}</label>\r\n <textarea class=\"min-w-full p-inputtextarea p-inputtext p-component p-element \"\r\n rows=\"5\" cols=\"30\" pInputTextarea [(ngModel)]=\"elementoBorrar.archivo\"\r\n [disabled]=\"true\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n *ngIf=\"elementoBorrar.estado == 'T'\" icon=\"pi pi-download\"\r\n label=\"{{'link_descargar' | translate}}\" (click)=\"descargarArchivo()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarSegundoPlano($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"tipoReporte == 'A'\" >\r\n <p-table [value]=\"listaRegistro\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n [rows]=\"10\" [totalRecords]=\"listaRegistro.length\" [paginator]=\"listaRegistro.length > 10\" >\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ col.header }}</th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-entrada>\r\n <tr>\r\n <td [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ entrada[col.field] }}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <p class=\"p-3 font-medium emptymessage\">\r\n {{'mensajetablavacia' | translate}}\r\n </p>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </div>\r\n\r\n</p-dialog>\r\n<app-popup-sentencia [reporte]=\"reporte\" [parametros]=\"parametros\" [mostrarPopup]=\"mostrarPopupSentencia\"\r\n (regresar)=\"regresarSentencia($event)\"></app-popup-sentencia>", styles: [":host ::ng-deep .p-button{width:auto}:host ::ng-deep .min-w-full2{min-height:150px;min-width:100%}h4{color:var(--color-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i7$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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: 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: 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { 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: 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"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i10$2.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: PopupSentenciaComponent, selector: "app-popup-sentencia", inputs: ["reporte", "parametros", "mostrarPopup"], outputs: ["regresar"] }, { 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: FloatLabelModule }, { kind: "component", type: i15$4.FloatLabel, selector: "p-floatLabel" }] });
|
|
12454
12456
|
}
|
|
12455
12457
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupReporteComponent, decorators: [{
|
|
12456
12458
|
type: Component,
|
|
12457
|
-
args: [{ selector: 'app-popup-reporte', imports: [CommonModule, DialogModule, ConfirmPopupModule, AccordionModule, TableModule, TranslateModule, DatePipe, FieldsetModule, InputNumberModule, InputTextModule, DropdownModule, CalendarModule, RadioButtonModule, PopupSentenciaComponent, FormsModule, FloatLabelModule], standalone: true, providers: [MessageService, ConfirmationService], template: "<p-confirmPopup></p-confirmPopup>\r\n<p-dialog id='popupReporte' header=\"{{'reportesgenerales' | translate}}\" [(visible)]=\"mostrar\" (onShow)=\"mostrarPopup()\"\r\n [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" (onHide)=\"ocultar()\" [modal]=\"true\">\r\n\r\n <div *ngIf=\"panel == 'entrada'\">\r\n <!--Segundo plano-->\r\n <p-accordion [multiple]=\"true\">\r\n <p-accordionTab [selected]=\"true\" [header]=\"'segundoplano' | translate\" *ngIf=\"listaSegundoPlano.length > 0\">\r\n <p-table [value]=\"listaSegundoPlano\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\"\r\n [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\"\r\n [paginator]=\"paginator.totalRecords > paginator.rows\" (onRowSelect)=\"verSegundoPlano($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'estado' | translate }} </th>\r\n <th>{{'fechainicial' | translate }} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-entrada>\r\n <tr [pSelectableRow]=\"entrada\">\r\n <td>{{entrada.nombreEstado}}</td>\r\n <td>{{entrada.inicia | date: 'dd/MM/yyyy h:mm a'}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-accordionTab>\r\n </p-accordion>\r\n <p-fieldset class=\"mt-0\" *ngIf=\"mostrarParametros\">\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>{{'entrada' | translate}}</span>\r\n </div>\r\n </ng-template>\r\n <p-table [value]=\"parametros\" >\r\n <ng-template pTemplate=\"body\" let-parametro>\r\n <tr [pSelectableRow]=\"parametro\">\r\n <!--<td>\r\n <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\r\n </td>-->\r\n <td *ngIf=\"parametro.unionDTO.solicitar == 'S'\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"(parametro.unionDTO.tipoDato == 'T' || parametro.unionDTO.tipoDato == 'E') && parametro.unionDTO.tipo == 'D'\" />\r\n\r\n <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'U' && parametro.unionDTO.tipo == 'D'\" />\r\n\r\n\r\n <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'N' && parametro.unionDTO.tipo == 'D'\">\r\n </p-inputNumber>\r\n\r\n <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\" mode=\"decimal\" [minFractionDigits]=\"2\"\r\n [maxFractionDigits]=\"16\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'B' && parametro.unionDTO.tipo == 'D'\">\r\n </p-inputNumber>\r\n\r\n <p-dropdown [options]=\"parametro.lista\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n (onChange)=\"cambioValorLista($event, parametro)\" [(ngModel)]=\"parametro.unionDTO.llaveLista\"\r\n optionLabel=\"label\" optionValue=\"value\" *ngIf=\"parametro.unionDTO.tipo == 'L'\">\r\n </p-dropdown>\r\n\r\n <p-calendar type=\"text\" [(ngModel)]=\"parametro.unionDTO.valor\" dateFormat=\"dd/mm/yy\" appendTo=\"body\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'F' && parametro.unionDTO.tipo == 'D'\"></p-calendar>\r\n\r\n <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\r\n </p-floatLabel>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-fieldset>\r\n <p-fieldset class=\"mt-0\" *ngIf=\"generaciones.length > 0\">\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>{{'generar' | translate}}</span>\r\n </div>\r\n </ng-template>\r\n <div class=\"p-fluid p-formgrid grid Inputgroup pb-0 col-md-12\">\r\n <div *ngFor=\"let valor of generaciones\" >\r\n <div class=\"field ml-2\">\r\n <div class=\"field-radiobutton\">\r\n <p-radioButton (onClick)=\"cambioTipoReporte($event)\" [inputId]=\"valor.value\" name=\"tipoReporte\"\r\n [value]=\"valor.value\" [(ngModel)]=\"tipoReporte\" />\r\n <label [for]=\"valor.value\" class=\"ml-2\">\r\n {{ valor.label }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n\r\n <p-fieldset class=\"mt-0\" *ngIf=\"'A' != tipoReporte && mostrarQueDeseaHacer\" >\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>\u00BFQu\u00E9 desea hacer?</span>\r\n </div>\r\n </ng-template>\r\n <label *ngIf=\"tipoReporte && 'F' == tipoReporte\">{{'seleccionetipoarchivodeseagenerar' | translate}}</label>\r\n\r\n <div *ngIf=\"tipoReporte && 'F' == tipoReporte\">\r\n <div class=\"p-fluid p-formgrid grid Inputgroup pb-0 col-md-12 mt-2\">\r\n <div class=\"field ml-2\">\r\n <div class=\"field-radiobutton\">\r\n <div class=\"field-checkbox\" *ngFor=\"let valor of mapaTipoArchivos\">\r\n <p-radioButton (onClick)=\"cambioTipoArchivo($event)\" [inputId]=\"valor.codigo\" name=\"tipoArchivo\"\r\n [value]=\"valor.codigo\" [(ngModel)]=\"tipoArchivo\" />\r\n <label [for]=\"valor.codigo\" class=\"ml-2\">\r\n {{ valor.nombre }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"mostrarArchivosSoporte\">\r\n <div class=\"Detallereporte\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listadoArchivoSoporte\" [autoDisplayFirst]=\"false\" optionLabel=\"descripcion\" appendTo=\"body\"\r\n optionValue=\"llaveTabla\" [(ngModel)]=\"soporteBase\" (onChange)=\"cambioSoporteBase($event)\"></p-dropdown>\r\n <label>Soporte Base:</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"tipoReporte == 'F' && tipoArchivo || tipoReporte != 'F' \">\r\n <div class=\"p-fluid p-formgrid grid Inputgroup pb-0 col-md-12\">\r\n <div *ngFor=\"let valor of operaciones\" >\r\n <div class=\"field ml-2\">\r\n <div class=\"field-radiobutton\">\r\n <p-radioButton [inputId]=\"valor.value\" name=\"operacion\" [value]=\"valor.value\"\r\n [(ngModel)]=\"operacion\" />\r\n <label [for]=\"valor.value\" class=\"ml-2\">\r\n {{ valor.label }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"operacion == 'E'\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"correo\" type=\"text\" [disabled]=\"bloquearCorreo\" />\r\n <label>{{'correo' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </p-fieldset>\r\n \r\n\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple class=\"m-2 mt-4 p-button p-button-outlined background-100\"\r\n *ngIf=\"validarControlFuncionalidad('ejecrepo:sentencia')\" label=\"Ver sentencia\" icon=\"glyphicons glyphicons-eye-open\"\r\n (click)=\"sentencia()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'E'\" icon=\"glyphicons glyphicons-envelope\"\r\n label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento != 'D'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"descargarReporte()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento == 'D'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"descargarReporteSinHilo()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"tipoReporte == 'A'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"generarTabla()\"></button>\r\n <!--pte proceso externo-->\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'M' || operacion == 'MP'\" icon=\"glyphicons glyphicons-envelope\"\r\n label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'P'\" icon=\"glyphicons glyphicons-folder-open\"\r\n label=\"{{'link_publicar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion =='S'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'link_generar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n\r\n </div>\r\n </div>\r\n <div *ngIf=\"panel == 'resultado'\">\r\n <div *ngIf=\"operacion == 'historico'\">\r\n <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\r\n <h4 class=\"text-base mt-2 ml-2\">{{'detalle' | translate}} {{'segundoplano' | translate}}</h4>\r\n <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\r\n (click)=\"regresarSegundoPlano()\" label=\"{{'link_regresar' | translate}}\" >\r\n </button>\r\n </div>\r\n <div class=\" Inputgroup\">\r\n <div class=\"col-md-12\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.inicia\" [disabled]=\"true\" appendTo=\"body\"\r\n [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\r\n <label>{{('fechainicial') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.termina\" [disabled]=\"true\" appendTo=\"body\"\r\n [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\r\n <label>{{('fechafinal') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [readonly]=\"false\"\r\n [(ngModel)]=\"elementoBorrar.nombreEstado\" [disabled]=\"true\" />\r\n <label>{{('estado') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"elementoBorrar.estado == 'E'\">\r\n <label>{{('mensaje') | translate}}</label>\r\n <textarea class=\"min-w-full2 p-inputtextarea p-inputtext p-component p-element \"\r\n rows=\"5\" cols=\"30\" pInputTextarea [(ngModel)]=\"elementoBorrar.archivo\"\r\n [disabled]=\"true\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n *ngIf=\"elementoBorrar.estado == 'T'\" icon=\"pi pi-download\"\r\n label=\"{{'link_descargar' | translate}}\" (click)=\"descargarArchivo()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarSegundoPlano($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"tipoReporte == 'A'\" >\r\n <p-table [value]=\"listaRegistro\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n [rows]=\"10\" [totalRecords]=\"listaRegistro.length\" [paginator]=\"listaRegistro.length > 10\" >\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ col.header }}</th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-entrada>\r\n <tr>\r\n <td [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ entrada[col.field] }}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <p class=\"p-3 font-medium emptymessage\">\r\n {{'mensajetablavacia' | translate}}\r\n </p>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </div>\r\n\r\n</p-dialog>\r\n<app-popup-sentencia [reporte]=\"reporte\" [parametros]=\"parametros\" [mostrarPopup]=\"mostrarPopupSentencia\"\r\n (regresar)=\"regresarSentencia($event)\"></app-popup-sentencia>", styles: [":host ::ng-deep .p-button{width:auto}:host ::ng-deep .min-w-full2{min-height:150px;min-width:100%}h4{color:var(--color-500)}\n"] }]
|
|
12459
|
+
args: [{ selector: 'app-popup-reporte', imports: [CommonModule, DialogModule, ConfirmPopupModule, AccordionModule, TableModule, TranslateModule, DatePipe, FieldsetModule, InputNumberModule, InputTextModule, DropdownModule, CalendarModule, RadioButtonModule, PopupSentenciaComponent, FormsModule, FloatLabelModule], standalone: true, providers: [MessageService, ConfirmationService], template: "<p-confirmPopup></p-confirmPopup>\r\n<p-dialog id='popupReporte' header=\"{{'reportesgenerales' | translate}}\" [(visible)]=\"mostrar\" (onShow)=\"mostrarPopup()\"\r\n [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" (onHide)=\"ocultar()\" [modal]=\"true\">\r\n\r\n <div *ngIf=\"panel == 'entrada'\">\r\n <!--Segundo plano-->\r\n <p-accordion [multiple]=\"true\">\r\n <p-accordionTab [selected]=\"true\" [header]=\"'segundoplano' | translate\" *ngIf=\"listaSegundoPlano.length > 0\">\r\n <p-table [value]=\"listaSegundoPlano\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\"\r\n [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\"\r\n [paginator]=\"paginator.totalRecords > paginator.rows\" (onRowSelect)=\"verSegundoPlano($event)\">\r\n <ng-template pTemplate=\"header\">\r\n\r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'estado' | translate }} </th>\r\n <th>{{'fechainicial' | translate }} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-entrada>\r\n <tr [pSelectableRow]=\"entrada\">\r\n <td>{{entrada.nombreEstado}}</td>\r\n <td>{{entrada.inicia | date: 'dd/MM/yyyy h:mm a'}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-accordionTab>\r\n </p-accordion>\r\n <p-fieldset class=\"mt-0\" *ngIf=\"mostrarParametros\">\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>{{'entrada' | translate}}</span>\r\n </div>\r\n </ng-template>\r\n <p-table [value]=\"parametros\" >\r\n <ng-template pTemplate=\"body\" let-parametro>\r\n <tr [pSelectableRow]=\"parametro\">\r\n <!--<td>\r\n <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\r\n </td>-->\r\n <td *ngIf=\"parametro.unionDTO.solicitar == 'S'\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"(parametro.unionDTO.tipoDato == 'T' || parametro.unionDTO.tipoDato == 'E') && parametro.unionDTO.tipo == 'D'\" />\r\n\r\n <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'U' && parametro.unionDTO.tipo == 'D'\" />\r\n\r\n\r\n <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'N' && parametro.unionDTO.tipo == 'D'\">\r\n </p-inputNumber>\r\n\r\n <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\" mode=\"decimal\" [minFractionDigits]=\"2\"\r\n [maxFractionDigits]=\"16\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'B' && parametro.unionDTO.tipo == 'D'\">\r\n </p-inputNumber>\r\n\r\n <p-dropdown [options]=\"parametro.lista\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\r\n (onChange)=\"cambioValorLista($event, parametro)\" [(ngModel)]=\"parametro.unionDTO.llaveLista\"\r\n optionLabel=\"label\" optionValue=\"value\" *ngIf=\"parametro.unionDTO.tipo == 'L'\">\r\n </p-dropdown>\r\n\r\n <p-calendar type=\"text\" [(ngModel)]=\"parametro.unionDTO.valor\" dateFormat=\"dd/mm/yy\" appendTo=\"body\"\r\n *ngIf=\"parametro.unionDTO.tipoDato == 'F' && parametro.unionDTO.tipo == 'D'\"></p-calendar>\r\n\r\n <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\r\n </p-floatLabel>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-fieldset>\r\n <p-fieldset class=\"mt-0\" *ngIf=\"generaciones.length > 0\">\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>{{'generar' | translate}}</span>\r\n </div>\r\n </ng-template>\r\n <div class=\"col-md-12\">\r\n <div class=\"p-fluid p-formgrid grid text-xs\">\r\n <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\" *ngFor=\"let valor of generaciones\">\r\n <div class=\"field-radiobutton\">\r\n <p-radioButton (onClick)=\"cambioTipoReporte($event)\" [inputId]=\"valor.value\" name=\"tipoReporte\"\r\n [value]=\"valor.value\" [(ngModel)]=\"tipoReporte\" />\r\n <label [for]=\"valor.value\" class=\"ml-2\">\r\n {{ valor.label }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </p-fieldset>\r\n\r\n <p-fieldset class=\"mt-0\" *ngIf=\"'A' != tipoReporte && mostrarQueDeseaHacer\" >\r\n <ng-template pTemplate=\"header\">\r\n <div>\r\n <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\r\n <span>\u00BFQu\u00E9 desea hacer?</span>\r\n </div>\r\n </ng-template>\r\n <label *ngIf=\"tipoReporte && 'F' == tipoReporte\">{{'seleccionetipoarchivodeseagenerar' | translate}}</label>\r\n\r\n <div *ngIf=\"tipoReporte && 'F' == tipoReporte\">\r\n <div class=\"col-md-12\">\r\n <div class=\"p-fluid p-formgrid grid text-xs\">\r\n <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\" *ngFor=\"let valor of mapaTipoArchivos\">\r\n <div class=\"field-radiobutton\">\r\n <p-radioButton (onClick)=\"cambioTipoArchivo($event)\" [inputId]=\"valor.codigo\" name=\"tipoArchivo\"\r\n [value]=\"valor.codigo\" [(ngModel)]=\"tipoArchivo\" />\r\n <label [for]=\"valor.codigo\" class=\"ml-2\">\r\n {{ valor.nombre }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"mostrarArchivosSoporte\">\r\n <div class=\"Detallereporte\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listadoArchivoSoporte\" [autoDisplayFirst]=\"false\" optionLabel=\"descripcion\" appendTo=\"body\"\r\n optionValue=\"llaveTabla\" [(ngModel)]=\"soporteBase\" (onChange)=\"cambioSoporteBase($event)\"></p-dropdown>\r\n <label>Soporte Base:</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"tipoReporte == 'F' && tipoArchivo || tipoReporte != 'F' \">\r\n <div class=\"col-md-12\">\r\n <div class=\"p-fluid p-formgrid grid text-xs\">\r\n <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\" *ngFor=\"let valor of operaciones\">\r\n <div class=\"field-radiobutton\">\r\n <p-radioButton [inputId]=\"valor.value\" name=\"operacion\" [value]=\"valor.value\"\r\n [(ngModel)]=\"operacion\" />\r\n <label [for]=\"valor.value\" class=\"ml-2\">\r\n {{ valor.label }}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"operacion == 'E'\">\r\n <p-floatLabel>\r\n <input pInputText [(ngModel)]=\"correo\" type=\"text\" [disabled]=\"bloquearCorreo\" />\r\n <label>{{'correo' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </p-fieldset>\r\n \r\n\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple class=\"m-2 mt-4 p-button p-button-outlined background-100\"\r\n *ngIf=\"validarControlFuncionalidad('ejecrepo:sentencia')\" label=\"Ver sentencia\" icon=\"glyphicons glyphicons-eye-open\"\r\n (click)=\"sentencia()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'E'\" icon=\"glyphicons glyphicons-envelope\"\r\n label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento != 'D'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"descargarReporte()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento == 'D'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"descargarReporteSinHilo()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"tipoReporte == 'A'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'generar' | translate}}\" (click)=\"generarTabla()\"></button>\r\n <!--pte proceso externo-->\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'M' || operacion == 'MP'\" icon=\"glyphicons glyphicons-envelope\"\r\n label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'P'\" icon=\"glyphicons glyphicons-folder-open\"\r\n label=\"{{'link_publicar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion =='S'\" icon=\"glyphicons glyphicons-check\"\r\n label=\"{{'link_generar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\r\n\r\n </div>\r\n </div>\r\n <div *ngIf=\"panel == 'resultado'\">\r\n <div *ngIf=\"operacion == 'historico'\">\r\n <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\r\n <h4 class=\"text-base mt-2 ml-2\">{{'detalle' | translate}} {{'segundoplano' | translate}}</h4>\r\n <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\r\n (click)=\"regresarSegundoPlano()\" label=\"{{'link_regresar' | translate}}\" >\r\n </button>\r\n </div>\r\n <div class=\" Inputgroup\">\r\n <div class=\"col-md-12\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.inicia\" [disabled]=\"true\" appendTo=\"body\"\r\n [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\r\n <label>{{('fechainicial') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.termina\" [disabled]=\"true\" appendTo=\"body\"\r\n [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\r\n <label>{{('fechafinal') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4 lg:col-4\">\r\n <p-floatLabel>\r\n <input pInputText type=\"text\" [readonly]=\"false\"\r\n [(ngModel)]=\"elementoBorrar.nombreEstado\" [disabled]=\"true\" />\r\n <label>{{('estado') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"elementoBorrar.estado == 'E'\">\r\n <label>{{('mensaje') | translate}}</label>\r\n <textarea class=\"min-w-full p-inputtextarea p-inputtext p-component p-element \"\r\n rows=\"5\" cols=\"30\" pInputTextarea [(ngModel)]=\"elementoBorrar.archivo\"\r\n [disabled]=\"true\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n *ngIf=\"elementoBorrar.estado == 'T'\" icon=\"pi pi-download\"\r\n label=\"{{'link_descargar' | translate}}\" (click)=\"descargarArchivo()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarSegundoPlano($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"tipoReporte == 'A'\" >\r\n <p-table [value]=\"listaRegistro\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n [rows]=\"10\" [totalRecords]=\"listaRegistro.length\" [paginator]=\"listaRegistro.length > 10\" >\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ col.header }}</th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-entrada>\r\n <tr>\r\n <td [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ entrada[col.field] }}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <p class=\"p-3 font-medium emptymessage\">\r\n {{'mensajetablavacia' | translate}}\r\n </p>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </div>\r\n\r\n</p-dialog>\r\n<app-popup-sentencia [reporte]=\"reporte\" [parametros]=\"parametros\" [mostrarPopup]=\"mostrarPopupSentencia\"\r\n (regresar)=\"regresarSentencia($event)\"></app-popup-sentencia>", styles: [":host ::ng-deep .p-button{width:auto}:host ::ng-deep .min-w-full2{min-height:150px;min-width:100%}h4{color:var(--color-500)}\n"] }]
|
|
12458
12460
|
}], ctorParameters: () => [{ type: GeneralService }, { type: EjecucionReporteService }, { type: i7.ConfirmationService }, { type: ToastService }, { type: AuthService }, { type: i7$2.TranslateService }, { type: CargarArchivosService }, { type: UtilsService }, { type: CargarControlFuncionalidadService }, { type: EncriptadoBasicoService }, { type: ReporteFuentePipe }, { type: GeneralPipe }, { type: CargarArchivosService }, { type: EncriptadoBasicoService }], propDecorators: { mostrar: [{
|
|
12459
12461
|
type: Input
|
|
12460
12462
|
}], aplicacion: [{
|
|
@@ -12747,11 +12749,11 @@ class DetallePuntoProcesoReporteComponent {
|
|
|
12747
12749
|
this.vistaVisualizar = null;
|
|
12748
12750
|
}
|
|
12749
12751
|
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 });
|
|
12750
|
-
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>-->\r\n<p-confirmPopup></p-confirmPopup>\r\n\r\n<div class=\"flex justify-content-between align-items-center mt-3 mb-3\">\r\n <h1 class=\"text-xl\">{{'punto' | translate }} {{'proceso' | translate }} </h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\" (click)=\"nuevoPuntoProceso()\"\r\n label=\"{{'link_nuevo' | translate}}\" *ngIf=\"vistaVisualizar !='detalle'\" >\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\r\n <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'punto' | translate}} {{'proceso' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n</div>\r\n\r\n<p-table [value]=\"listaRecursoPunto\" [scrollable]=\"true\" responsiveLayout=\"scroll\" selectionMode=\"single\" dataKey=\"puntoProceso\"\r\n (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\" *ngIf=\"vistaVisualizar != 'detalle'\"\r\n [paginator]=\"paginator.totalRecords > paginator.rows\" [lazy]=\"true\" (onLazyLoad)=\"cargar($event)\">\r\n <ng-template pTemplate=\"header\">\r\n \r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'punto' | translate }} {{'proceso' | translate }} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-punto>\r\n <tr [pSelectableRow]=\"punto\">\r\n <td>{{punto.puntoProcesoDescripcion}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n\r\n<div *ngIf=\"vistaVisualizar == 'detalle'\">\r\n <p-tabView class=\"mb-0\">\r\n <p-tabPanel [header]=\"'basica' | translate\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-3\">\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaPuntosProceso\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"label\" optionValue=\"key\" [(ngModel)]=\"recursoPuntoDTO.puntoProceso\"\r\n [class]=\"!utilsService.validarCampoObligatorio(recursoPuntoDTO.puntoProceso) && clickGuardar ? 'ng-invalid ng-dirty' : ''\" >\r\n </p-dropdown>\r\n <label htmlFor=\"puntoProceso\">{{'punto' | translate }} {{'proceso' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons {{!nuevo ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}} \" label =\"{{!nuevo ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"guardar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 mr-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"!nuevo\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel [header]=\"'cruce' | translate\" *ngIf=\"!nuevo\">\r\n <div class=\"flex justify-content-end align-items-center mb-2\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCruce()\" icon=\"pi pi-plus\" [disabled]=\"habilitaCampo\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table #tablaGeneral [value]=\"listaCruce\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCruce.length\"\r\n [paginator]=\"listaCruce.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llaveTabla\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 45%;\">{{'entrada' | translate}}</th>\r\n <th style=\"width: 45%;\">{{'valor' | translate}}</th>\r\n <th style=\"width: 10%;\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"vistaVisualizarDetalle === 'nuevoCruce'\">\r\n <td style=\"width: 45%;\">\r\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruceRecursoPunto.reporteEntrada\"></p-dropdown>\r\n </td>\r\n <td style=\"width: 45%;\">\r\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruceRecursoPunto.atributoPunto\" ></p-dropdown>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCruce(null,true)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"cancelarCruce()\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-cruce let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"cruce\" >\r\n <td style=\"width: 45%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruce.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruce.reporteEntrada\"></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{cruce.descripcionEntrada}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 45%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruce.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruce.atributoPunto\" ></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{cruce.atributoPuntoDescripcion}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCruce(cruce, false)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCruce($event,cruce)\" [disabled]=\"habilitaCampo\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-tabPanel>\r\n <p-tabPanel [header]=\"'filtro' | translate\" *ngIf=\"!nuevo\">\r\n <div class=\"card\">\r\n <p-table [value]=\"listaAtributoPunto\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" >\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\r\n <th class=\"w-6rem\">{{'codigo' | translate}}</th> \r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-element>\r\n <tr>\r\n <td class=\"w-6rem\">\r\n {{element.descripcion}}\r\n </td>\r\n <td class=\"w-6rem\">\r\n {{element.codigo}}\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"field col-12 md:col-12 lg:col-12 mt-3\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" rows=\"5\" cols=\"30\" pInputTextarea\r\n [(ngModel)]=\"recursoPuntoDTO.filtro\" autofocus [autoResize]=\"true\"> </textarea>\r\n <label class=\" w-full\" for=\"descripcion\">{{'filtro' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"flex justify-content-end align-content-center mt-3\">\r\n <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\r\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\" ></button>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n </p-tabView>\r\n\r\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" }] });
|
|
12752
|
+
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>-->\r\n<p-confirmPopup></p-confirmPopup>\r\n\r\n<div class=\"flex justify-content-between align-items-center mt-3 mb-3\">\r\n <h1 class=\"text-xl\">{{'punto' | translate }} {{'proceso' | translate }} </h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\" (click)=\"nuevoPuntoProceso()\"\r\n label=\"{{'link_nuevo' | translate}}\" *ngIf=\"vistaVisualizar !='detalle'\" >\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\r\n <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'punto' | translate}} {{'proceso' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n</div>\r\n\r\n<p-table [value]=\"listaRecursoPunto\" [scrollable]=\"true\" responsiveLayout=\"scroll\" selectionMode=\"single\" dataKey=\"puntoProceso\"\r\n (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\" *ngIf=\"vistaVisualizar != 'detalle'\"\r\n [paginator]=\"paginator.totalRecords > paginator.rows\" [lazy]=\"true\" (onLazyLoad)=\"cargar($event)\">\r\n <ng-template pTemplate=\"header\">\r\n \r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'punto' | translate }} {{'proceso' | translate }} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-punto>\r\n <tr [pSelectableRow]=\"punto\">\r\n <td>{{punto.puntoProcesoDescripcion}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n\r\n<div *ngIf=\"vistaVisualizar == 'detalle'\">\r\n <p-tabView class=\"mb-0\">\r\n <p-tabPanel [header]=\"'basica' | translate\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-3\">\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaPuntosProceso\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"label\" optionValue=\"key\" [(ngModel)]=\"recursoPuntoDTO.puntoProceso\"\r\n [class]=\"!utilsService.validarCampoObligatorio(recursoPuntoDTO.puntoProceso) && clickGuardar ? 'ng-invalid ng-dirty' : ''\" >\r\n </p-dropdown>\r\n <label htmlFor=\"puntoProceso\">{{'punto' | translate }} {{'proceso' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons {{!nuevo ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}} \" label =\"{{!nuevo ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"guardar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 mr-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"!nuevo\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel [header]=\"'cruce' | translate\" *ngIf=\"!nuevo\">\r\n <div class=\"flex justify-content-end align-items-center mb-2\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCruce()\" icon=\"pi pi-plus\" [disabled]=\"habilitaCampo\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table #tablaGeneral [value]=\"listaCruce\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCruce.length\"\r\n [paginator]=\"listaCruce.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llaveTabla\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 45%;\">{{'entrada' | translate}}</th>\r\n <th style=\"width: 45%;\">{{'valor' | translate}}</th>\r\n <th style=\"width: 10%;\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"vistaVisualizarDetalle === 'nuevoCruce'\">\r\n <td style=\"width: 45%;\">\r\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruceRecursoPunto.reporteEntrada\"></p-dropdown>\r\n </td>\r\n <td style=\"width: 45%;\">\r\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruceRecursoPunto.atributoPunto\" ></p-dropdown>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCruce(null,true)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"cancelarCruce()\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-cruce let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"cruce\" >\r\n <td style=\"width: 45%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruce.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruce.reporteEntrada\"></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{cruce.descripcionEntrada}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 45%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruce.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruce.atributoPunto\" ></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{cruce.atributoPuntoDescripcion}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCruce(cruce, false)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCruce($event,cruce)\" [disabled]=\"habilitaCampo\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-tabPanel>\r\n <p-tabPanel [header]=\"'filtro' | translate\" *ngIf=\"!nuevo\">\r\n <div class=\"card\">\r\n <p-table [value]=\"listaAtributoPunto\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" >\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\r\n <th class=\"w-6rem\">{{'codigo' | translate}}</th> \r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-element>\r\n <tr>\r\n <td class=\"w-6rem\">\r\n {{element.descripcion}}\r\n </td>\r\n <td class=\"w-6rem\">\r\n {{element.codigo}}\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"field col-12 md:col-12 lg:col-12 mt-3\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" rows=\"5\" cols=\"30\" pInputTextarea\r\n [(ngModel)]=\"recursoPuntoDTO.filtro\" autofocus [autoResize]=\"true\"> </textarea>\r\n <label class=\" w-full\" for=\"descripcion\">{{'filtro' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"flex justify-content-end align-content-center mt-3\">\r\n <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\r\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\" ></button>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n </p-tabView>\r\n\r\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" }] });
|
|
12751
12753
|
}
|
|
12752
12754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetallePuntoProcesoReporteComponent, decorators: [{
|
|
12753
12755
|
type: Component,
|
|
12754
|
-
args: [{ selector: 'detalle-punto-proceso-reporte', imports: [TranslateModule, CommonModule, ConfirmPopupModule, ButtonModule, TableModule, TabViewModule, DropdownModule, FormsModule, InputTextareaModule, FloatLabelModule], standalone: true, providers: [ConfirmationService, MessageService], template: "<!--<p-confirmDialog header=\"'confirmar')\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>-->\r\n<p-confirmPopup></p-confirmPopup>\r\n\r\n<div class=\"flex justify-content-between align-items-center mt-3 mb-3\">\r\n <h1 class=\"text-xl\">{{'punto' | translate }} {{'proceso' | translate }} </h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\" (click)=\"nuevoPuntoProceso()\"\r\n label=\"{{'link_nuevo' | translate}}\" *ngIf=\"vistaVisualizar !='detalle'\" >\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\r\n <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'punto' | translate}} {{'proceso' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n</div>\r\n\r\n<p-table [value]=\"listaRecursoPunto\" [scrollable]=\"true\" responsiveLayout=\"scroll\" selectionMode=\"single\" dataKey=\"puntoProceso\"\r\n (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\" *ngIf=\"vistaVisualizar != 'detalle'\"\r\n [paginator]=\"paginator.totalRecords > paginator.rows\" [lazy]=\"true\" (onLazyLoad)=\"cargar($event)\">\r\n <ng-template pTemplate=\"header\">\r\n \r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'punto' | translate }} {{'proceso' | translate }} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-punto>\r\n <tr [pSelectableRow]=\"punto\">\r\n <td>{{punto.puntoProcesoDescripcion}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n\r\n<div *ngIf=\"vistaVisualizar == 'detalle'\">\r\n <p-tabView class=\"mb-0\">\r\n <p-tabPanel [header]=\"'basica' | translate\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-3\">\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaPuntosProceso\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"label\" optionValue=\"key\" [(ngModel)]=\"recursoPuntoDTO.puntoProceso\"\r\n [class]=\"!utilsService.validarCampoObligatorio(recursoPuntoDTO.puntoProceso) && clickGuardar ? 'ng-invalid ng-dirty' : ''\" >\r\n </p-dropdown>\r\n <label htmlFor=\"puntoProceso\">{{'punto' | translate }} {{'proceso' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons {{!nuevo ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}} \" label =\"{{!nuevo ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"guardar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 mr-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"!nuevo\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel [header]=\"'cruce' | translate\" *ngIf=\"!nuevo\">\r\n <div class=\"flex justify-content-end align-items-center mb-2\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCruce()\" icon=\"pi pi-plus\" [disabled]=\"habilitaCampo\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table #tablaGeneral [value]=\"listaCruce\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCruce.length\"\r\n [paginator]=\"listaCruce.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llaveTabla\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 45%;\">{{'entrada' | translate}}</th>\r\n <th style=\"width: 45%;\">{{'valor' | translate}}</th>\r\n <th style=\"width: 10%;\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"vistaVisualizarDetalle === 'nuevoCruce'\">\r\n <td style=\"width: 45%;\">\r\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruceRecursoPunto.reporteEntrada\"></p-dropdown>\r\n </td>\r\n <td style=\"width: 45%;\">\r\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruceRecursoPunto.atributoPunto\" ></p-dropdown>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCruce(null,true)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"cancelarCruce()\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-cruce let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"cruce\" >\r\n <td style=\"width: 45%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruce.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruce.reporteEntrada\"></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{cruce.descripcionEntrada}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 45%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruce.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruce.atributoPunto\" ></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{cruce.atributoPuntoDescripcion}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCruce(cruce, false)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCruce($event,cruce)\" [disabled]=\"habilitaCampo\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-tabPanel>\r\n <p-tabPanel [header]=\"'filtro' | translate\" *ngIf=\"!nuevo\">\r\n <div class=\"card\">\r\n <p-table [value]=\"listaAtributoPunto\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" >\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\r\n <th class=\"w-6rem\">{{'codigo' | translate}}</th> \r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-element>\r\n <tr>\r\n <td class=\"w-6rem\">\r\n {{element.descripcion}}\r\n </td>\r\n <td class=\"w-6rem\">\r\n {{element.codigo}}\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"field col-12 md:col-12 lg:col-12 mt-3\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" rows=\"5\" cols=\"30\" pInputTextarea\r\n [(ngModel)]=\"recursoPuntoDTO.filtro\" autofocus [autoResize]=\"true\"> </textarea>\r\n <label class=\" w-full\" for=\"descripcion\">{{'filtro' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"flex justify-content-end align-content-center mt-3\">\r\n <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\r\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\" ></button>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n </p-tabView>\r\n\r\n</div>", styles: [":host ::ng-deep .p-button{width:auto}\n"] }]
|
|
12756
|
+
args: [{ selector: 'detalle-punto-proceso-reporte', imports: [TranslateModule, CommonModule, ConfirmPopupModule, ButtonModule, TableModule, TabViewModule, DropdownModule, FormsModule, InputTextareaModule, FloatLabelModule], standalone: true, providers: [ConfirmationService, MessageService], template: "<!--<p-confirmDialog header=\"'confirmar')\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>-->\r\n<p-confirmPopup></p-confirmPopup>\r\n\r\n<div class=\"flex justify-content-between align-items-center mt-3 mb-3\">\r\n <h1 class=\"text-xl\">{{'punto' | translate }} {{'proceso' | translate }} </h1>\r\n <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\" (click)=\"nuevoPuntoProceso()\"\r\n label=\"{{'link_nuevo' | translate}}\" *ngIf=\"vistaVisualizar !='detalle'\" >\r\n </button>\r\n <div class=\"flex justify-content-end mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\r\n <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'punto' | translate}} {{'proceso' | translate}}\" \r\n icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\r\n </div>\r\n</div>\r\n\r\n<p-table [value]=\"listaRecursoPunto\" [scrollable]=\"true\" responsiveLayout=\"scroll\" selectionMode=\"single\" dataKey=\"puntoProceso\"\r\n (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\" *ngIf=\"vistaVisualizar != 'detalle'\"\r\n [paginator]=\"paginator.totalRecords > paginator.rows\" [lazy]=\"true\" (onLazyLoad)=\"cargar($event)\">\r\n <ng-template pTemplate=\"header\">\r\n \r\n <tr class=\"fondoTablaPincipal\">\r\n <th>{{'punto' | translate }} {{'proceso' | translate }} </th>\r\n </tr>\r\n <th>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-punto>\r\n <tr [pSelectableRow]=\"punto\">\r\n <td>{{punto.puntoProcesoDescripcion}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n\r\n<div *ngIf=\"vistaVisualizar == 'detalle'\">\r\n <p-tabView class=\"mb-0\">\r\n <p-tabPanel [header]=\"'basica' | translate\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-3\">\r\n\r\n <div class=\"field col-12 md:col-12\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaPuntosProceso\" [autoDisplayFirst]=\"false\"\r\n optionLabel=\"label\" optionValue=\"key\" [(ngModel)]=\"recursoPuntoDTO.puntoProceso\"\r\n [class]=\"!utilsService.validarCampoObligatorio(recursoPuntoDTO.puntoProceso) && clickGuardar ? 'ng-invalid ng-dirty' : ''\" >\r\n </p-dropdown>\r\n <label htmlFor=\"puntoProceso\">{{'punto' | translate }} {{'proceso' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n\r\n <!--BOTONES-->\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\r\n icon=\"glyphicons {{!nuevo ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}} \" label =\"{{!nuevo ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"guardar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 mr-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"!nuevo\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </p-tabPanel>\r\n <p-tabPanel [header]=\"'cruce' | translate\" *ngIf=\"!nuevo\">\r\n <div class=\"flex justify-content-end align-items-center mb-2\">\r\n <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCruce()\" icon=\"pi pi-plus\" [disabled]=\"habilitaCampo\"\r\n class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\r\n </div>\r\n <p-table #tablaGeneral [value]=\"listaCruce\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\r\n [rows]=\"10\" [totalRecords]=\"listaCruce.length\"\r\n [paginator]=\"listaCruce.length > 10\" \r\n [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \r\n editMode=\"row\" dataKey=\"llaveTabla\">\r\n <ng-template pTemplate=\"header\">\r\n <tr class=\"fondoTablaPincipal\">\r\n <th style=\"width: 45%;\">{{'entrada' | translate}}</th>\r\n <th style=\"width: 45%;\">{{'valor' | translate}}</th>\r\n <th style=\"width: 10%;\"> </th>\r\n </tr>\r\n <tr class=\"TablaNuevoRegistro\" *ngIf=\"vistaVisualizarDetalle === 'nuevoCruce'\">\r\n <td style=\"width: 45%;\">\r\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruceRecursoPunto.reporteEntrada\"></p-dropdown>\r\n </td>\r\n <td style=\"width: 45%;\">\r\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruceRecursoPunto.atributoPunto\" ></p-dropdown>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCruce(null,true)\"\r\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>\r\n <button pButton pRipple type=\"button\" (click)=\"cancelarCruce()\" icon=\"pi pi-times\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-cruce let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr [pEditableRow]=\"cruce\" >\r\n <td style=\"width: 45%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruce.reporteEntrada) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruce.reporteEntrada\"></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{cruce.descripcionEntrada}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 45%;\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\r\n [class]=\"!utilsService.validarCampoObligatorio(cruce.atributoPunto) && clickGuardarCruce ? 'ng-invalid ng-dirty' : ''\"\r\n [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\r\n [(ngModel)]=\"cruce.atributoPunto\" ></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{cruce.atributoPuntoDescripcion}}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td style=\"width: 10%;\">\r\n <div class=\"flex justify-content-end\">\r\n <!-- CHECK GUARDAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\r\n icon=\"pi pi-check\" (click)=\"agregarCruce(cruce, false)\"\r\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>\r\n <!-- CANCELAR -->\r\n <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\r\n icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\r\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>\r\n <!-- EDITAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\r\n icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\r\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>\r\n <!-- ELIMINAR -->\r\n <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\r\n icon=\"pi pi-trash\" (click)=\"eliminarCruce($event,cruce)\" [disabled]=\"habilitaCampo\"\r\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>\r\n </div>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </p-tabPanel>\r\n <p-tabPanel [header]=\"'filtro' | translate\" *ngIf=\"!nuevo\">\r\n <div class=\"card\">\r\n <p-table [value]=\"listaAtributoPunto\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\r\n scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" >\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\r\n <th class=\"w-6rem\">{{'codigo' | translate}}</th> \r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-element>\r\n <tr>\r\n <td class=\"w-6rem\">\r\n {{element.descripcion}}\r\n </td>\r\n <td class=\"w-6rem\">\r\n {{element.codigo}}\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n\r\n <div class=\"field col-12 md:col-12 lg:col-12 mt-3\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-200\" rows=\"5\" cols=\"30\" pInputTextarea\r\n [(ngModel)]=\"recursoPuntoDTO.filtro\" autofocus [autoResize]=\"true\"> </textarea>\r\n <label class=\" w-full\" for=\"descripcion\">{{'filtro' | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"flex justify-content-end align-content-center mt-3\">\r\n <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\r\n icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\" ></button>\r\n </div>\r\n </div>\r\n </p-tabPanel>\r\n </p-tabView>\r\n\r\n</div>", styles: [":host ::ng-deep .p-button{width:auto}\n"] }]
|
|
12755
12757
|
}], ctorParameters: () => [{ type: GeneralService }, { type: cargarmapasGlobal }, { type: ToastService }, { type: GeneralPipe }, { type: UtilsService }, { type: ToastService }, { type: i7.ConfirmationService }], propDecorators: { modificarReporte: [{
|
|
12756
12758
|
type: Input
|
|
12757
12759
|
}], llaveReporte: [{
|
|
@@ -13056,11 +13058,11 @@ class DetalleEjecucionReportePage {
|
|
|
13056
13058
|
return this.isPermisoVerTodos() || this.permiteModificarReporte || (this.isPermisoCrear() && this.operacion == 'N');
|
|
13057
13059
|
}
|
|
13058
13060
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleEjecucionReportePage, deps: [{ token: i7$2.TranslateService }, { token: i2.ActivatedRoute }, { token: i1$1.FormBuilder }, { token: ToastService }, { token: GeneralService }, { token: i2.Router }, { token: UtilsService }, { token: AuthService }, { token: ReporteFuentePipe }, { token: CargarControlFuncionalidadService }, { token: i7.ConfirmationService }, { token: EjecucionReporteService }, { token: GeneralPipe }, { token: MenuService$1 }], target: i0.ɵɵFactoryTarget.Component });
|
|
13059
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleEjecucionReportePage, isStandalone: true, selector: "app-detalle-ejecucion-reporte", outputs: { regresar: "regresar" }, providers: [MessageService, ConfirmationService], ngImport: i0, template: "<div class=\"flex justify-content-between align-items-center ml-2 mt-2 mb-2\">\r\n <h1 class=\"mb-1\">Reportes</h1>\r\n <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\r\n (click)=\"regresarAction()\" label=\"{{'link_regresar' | translate}}\" >\r\n </button>\r\n</div>\r\n<p-confirmPopup></p-confirmPopup>\r\n <p-menubar [model]=\"items\" class=\"menu-accion-sara\"></p-menubar>\r\n <div class=\"card mt-3\" *ngIf=\"vistaVisualizar != 'reporte'\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'informacion' | translate}} {{'reporte' | translate}}</h5>\r\n <div class=\"Inputgroup p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-12 lg:col-12\">\r\n <p-floatLabel>\r\n <input pInputText [disabled]=\"true\" [(ngModel)]=\"reporte.descripcion\">\r\n <label >{{('descripcion') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-12 mt-2\" *ngIf=\"vistaVisualizar == 'reporte'\">\r\n <div id=\"reportesListado\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-4\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"descripcion\" type=\"text\" [(ngModel)]=\"reporte.descripcion\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\" />\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"titulo\" type=\"text\" [(ngModel)]=\"reporte.titulo\" />\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"procedimiento\" type=\"text\" [(ngModel)]=\"reporte.procedimiento\" [disabled]=\"!isModificarReporte()\" />\r\n <label>{{'procedimiento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div [ngClass]=\"isFuente() ? 'field col-12 md:col-6' : 'field col-12 md:col-2' \">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipo\" [autoDisplayFirst]=\"false\" id=\"origenFuente\" [disabled]=\"reporte.llave != null || !controlFuncionService.getControlFuncionalidad('reporte:tipo')\"\r\n [(ngModel)]=\"reporte.origenFuente\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'tipo' | translate }}*</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuente\" [autoDisplayFirst]=\"false\" id=\"fuenteDato\" [disabled]=\"!isModificarReporte()\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\" \r\n [(ngModel)]=\"reporte.fuenteDato\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaMomento\" [autoDisplayFirst]=\"false\" [(ngModel)]=\"reporte.momento\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\" [showClear]=\"true\">\r\n </p-dropdown>\r\n <label>{{'momento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-2\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" id=\"reporteExterno\" [(ngModel)]=\"reporte.reporteExterno\" [autoDisplayFirst]=\"false\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\" [disabled]=\"!isModificarReporte()\" >\r\n </p-dropdown>\r\n <label>{{'reporte' | translate }} {{'externo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isFijo()\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporte.jasperFijo ? reporte.jasperFijo: ''\" [mostrarX]=\"true\"\r\n [extensiones]=\"'jrxml'\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporte.jasperFijo) && clickGuardar)\" [labelrar]=\"'jasper' | translate\"\r\n (onSelected)=\"setJasperFijo($event)\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n <div class=\"field col-12 md:col-6\" *ngIf=\"isFijo()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporte.cifradoJasperFijo\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" *ngIf=\"isSql() || isFijo()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" rows=\"5\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.query\"></textarea>\r\n <label >{{'sql' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" rows=\"5\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSql\"></textarea>\r\n <label>{{'where' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" rows=\"5\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSqlReporte\"></textarea>\r\n <label>{{'where' | translate }} {{'reporte' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" *ngIf=\"isModificarReporte()\"\r\n icon=\"glyphicons {{reporte.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporte.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"actualizar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporte.llave != null && isModificarReporte()\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'entrada'\"> \r\n <detalle-entrada-reporte [modificarReporte]=\"isModificarReporte()\" [llaveReporte]=\"reporte.llave\"></detalle-entrada-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'campo'\">\r\n <detalle-campo-reporte [reporteFuente]=\"reporte\"> </detalle-campo-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'tipo'\">\r\n <detalle-tipo-reporte [listaFuentes]=\"listaFuente\" [llaveReporte]=\"reporte.llave\"></detalle-tipo-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'distribucion'\">\r\n <detalle-distribucion-reporte [llaveReporte]=\"reporte.llave\"></detalle-distribucion-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'puntoproceso'\">\r\n <detalle-punto-proceso-reporte [llaveReporte]=\"reporte.llave\" [tipoRecurso]=\"'R'\"></detalle-punto-proceso-reporte>\r\n </div>\r\n\r\n <app-popup-reporte [mostrar]=\"mostrarPopupReporte\" [reporte]=\"reporte\" [aplicacion]=\"\"\r\n (regresar)=\"regresarPopupReporte($event)\"></app-popup-reporte>", styles: [":host ::ng-deep .min-w-full{min-height:230px!important;width:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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: 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: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i11.Menubar, selector: "p-menubar", inputs: ["model", "style", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { 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: "component", type: DetalleEntradaReporteComponent, selector: "detalle-entrada-reporte", inputs: ["llaveReporte", "modificarReporte"], outputs: ["regresar"] }, { kind: "component", type: DetalleCampoReporteComponent, selector: "detalle-campo-reporte", inputs: ["reporteFuente"] }, { kind: "component", type: DetalleTipoReporteComponent, selector: "detalle-tipo-reporte", inputs: ["llaveReporte", "aplicacion", "listaFuentes"] }, { kind: "component", type: DetalleDistribucionReporteComponent, selector: "detalle-distribucion-reporte", inputs: ["modificarReporte", "llaveReporte"] }, { kind: "component", type: PopupReporteComponent, selector: "app-popup-reporte", inputs: ["mostrar", "aplicacion", "reporte", "entradasPuntoProceso"], outputs: ["regresar"] }, { kind: "component", type: DetallePuntoProcesoReporteComponent, selector: "detalle-punto-proceso-reporte", inputs: ["modificarReporte", "llaveReporte", "llaveFuente", "tipoRecurso"] }, { 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: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$4.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i15$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }] });
|
|
13061
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleEjecucionReportePage, isStandalone: true, selector: "app-detalle-ejecucion-reporte", outputs: { regresar: "regresar" }, providers: [MessageService, ConfirmationService], ngImport: i0, template: "<div class=\"flex justify-content-between align-items-center ml-2 mt-2 mb-2\">\r\n <h1 class=\"mb-1\">Reportes</h1>\r\n <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\r\n (click)=\"regresarAction()\" label=\"{{'link_regresar' | translate}}\" >\r\n </button>\r\n</div>\r\n<p-confirmPopup></p-confirmPopup>\r\n <p-menubar [model]=\"items\" class=\"menu-accion-sara\"></p-menubar>\r\n <div class=\"card mt-3\" *ngIf=\"vistaVisualizar != 'reporte'\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'informacion' | translate}} {{'reporte' | translate}}</h5>\r\n <div class=\"Inputgroup p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-12 lg:col-12\">\r\n <p-floatLabel>\r\n <input pInputText [disabled]=\"true\" [(ngModel)]=\"reporte.descripcion\">\r\n <label >{{('descripcion') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-12 mt-2\" *ngIf=\"vistaVisualizar == 'reporte'\">\r\n <div id=\"reportesListado\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-4\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"descripcion\" type=\"text\" [(ngModel)]=\"reporte.descripcion\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\" />\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"titulo\" type=\"text\" [(ngModel)]=\"reporte.titulo\" />\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"procedimiento\" type=\"text\" [(ngModel)]=\"reporte.procedimiento\" [disabled]=\"!isModificarReporte()\" />\r\n <label>{{'procedimiento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div [ngClass]=\"isFuente() ? 'field col-12 md:col-6' : 'field col-12 md:col-2' \">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipo\" [autoDisplayFirst]=\"false\" id=\"origenFuente\" [disabled]=\"reporte.llave != null || !controlFuncionService.getControlFuncionalidad('reporte:tipo')\"\r\n [(ngModel)]=\"reporte.origenFuente\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'tipo' | translate }}*</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuente\" [autoDisplayFirst]=\"false\" id=\"fuenteDato\" [disabled]=\"!isModificarReporte()\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\" \r\n [(ngModel)]=\"reporte.fuenteDato\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaMomento\" [autoDisplayFirst]=\"false\" [(ngModel)]=\"reporte.momento\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\" [showClear]=\"true\">\r\n </p-dropdown>\r\n <label>{{'momento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-2\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" id=\"reporteExterno\" [(ngModel)]=\"reporte.reporteExterno\" [autoDisplayFirst]=\"false\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\" [disabled]=\"!isModificarReporte()\" >\r\n </p-dropdown>\r\n <label>{{'reporte' | translate }} {{'externo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isFijo()\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporte.jasperFijo ? reporte.jasperFijo: ''\" [mostrarX]=\"true\"\r\n [extensiones]=\"'jrxml'\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporte.jasperFijo) && clickGuardar)\" [labelrar]=\"'jasper' | translate\"\r\n (onSelected)=\"setJasperFijo($event)\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n <div class=\"field col-12 md:col-6\" *ngIf=\"isFijo()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporte.cifradoJasperFijo\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" *ngIf=\"isSql() || isFijo()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.query\"></textarea>\r\n <label >{{'sql' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSql\"></textarea>\r\n <label>{{'where' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSqlReporte\"></textarea>\r\n <label>{{'where' | translate }} {{'reporte' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" *ngIf=\"isModificarReporte()\"\r\n icon=\"glyphicons {{reporte.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporte.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"actualizar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporte.llave != null && isModificarReporte()\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'entrada'\"> \r\n <detalle-entrada-reporte [modificarReporte]=\"isModificarReporte()\" [llaveReporte]=\"reporte.llave\"></detalle-entrada-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'campo'\">\r\n <detalle-campo-reporte [reporteFuente]=\"reporte\"> </detalle-campo-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'tipo'\">\r\n <detalle-tipo-reporte [listaFuentes]=\"listaFuente\" [llaveReporte]=\"reporte.llave\"></detalle-tipo-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'distribucion'\">\r\n <detalle-distribucion-reporte [llaveReporte]=\"reporte.llave\"></detalle-distribucion-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'puntoproceso'\">\r\n <detalle-punto-proceso-reporte [llaveReporte]=\"reporte.llave\" [tipoRecurso]=\"'R'\"></detalle-punto-proceso-reporte>\r\n </div>\r\n\r\n <app-popup-reporte [mostrar]=\"mostrarPopupReporte\" [reporte]=\"reporte\" [aplicacion]=\"\"\r\n (regresar)=\"regresarPopupReporte($event)\"></app-popup-reporte>", styles: [":host ::ng-deep .min-w-full{min-height:230px!important;width:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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: 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: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i11.Menubar, selector: "p-menubar", inputs: ["model", "style", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { 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: "component", type: DetalleEntradaReporteComponent, selector: "detalle-entrada-reporte", inputs: ["llaveReporte", "modificarReporte"], outputs: ["regresar"] }, { kind: "component", type: DetalleCampoReporteComponent, selector: "detalle-campo-reporte", inputs: ["reporteFuente"] }, { kind: "component", type: DetalleTipoReporteComponent, selector: "detalle-tipo-reporte", inputs: ["llaveReporte", "aplicacion", "listaFuentes"] }, { kind: "component", type: DetalleDistribucionReporteComponent, selector: "detalle-distribucion-reporte", inputs: ["modificarReporte", "llaveReporte"] }, { kind: "component", type: PopupReporteComponent, selector: "app-popup-reporte", inputs: ["mostrar", "aplicacion", "reporte", "entradasPuntoProceso"], outputs: ["regresar"] }, { kind: "component", type: DetallePuntoProcesoReporteComponent, selector: "detalle-punto-proceso-reporte", inputs: ["modificarReporte", "llaveReporte", "llaveFuente", "tipoRecurso"] }, { 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: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$4.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i15$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }] });
|
|
13060
13062
|
}
|
|
13061
13063
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleEjecucionReportePage, decorators: [{
|
|
13062
13064
|
type: Component,
|
|
13063
|
-
args: [{ standalone: true, imports: [CommonModule, TranslateModule, InputTextModule, FormsModule, ButtonModule, ConfirmPopupModule, MenubarModule, DropdownModule, DetalleEntradaReporteComponent, DetalleCampoReporteComponent, DetalleTipoReporteComponent, DetalleDistribucionReporteComponent, PopupReporteComponent, DetallePuntoProcesoReporteComponent, InputHelperSeleccionPlantillaComponent, FloatLabelModule, InputTextareaModule], selector: 'app-detalle-ejecucion-reporte', providers: [MessageService, ConfirmationService], template: "<div class=\"flex justify-content-between align-items-center ml-2 mt-2 mb-2\">\r\n <h1 class=\"mb-1\">Reportes</h1>\r\n <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\r\n (click)=\"regresarAction()\" label=\"{{'link_regresar' | translate}}\" >\r\n </button>\r\n</div>\r\n<p-confirmPopup></p-confirmPopup>\r\n <p-menubar [model]=\"items\" class=\"menu-accion-sara\"></p-menubar>\r\n <div class=\"card mt-3\" *ngIf=\"vistaVisualizar != 'reporte'\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'informacion' | translate}} {{'reporte' | translate}}</h5>\r\n <div class=\"Inputgroup p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-12 lg:col-12\">\r\n <p-floatLabel>\r\n <input pInputText [disabled]=\"true\" [(ngModel)]=\"reporte.descripcion\">\r\n <label >{{('descripcion') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-12 mt-2\" *ngIf=\"vistaVisualizar == 'reporte'\">\r\n <div id=\"reportesListado\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-4\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"descripcion\" type=\"text\" [(ngModel)]=\"reporte.descripcion\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\" />\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"titulo\" type=\"text\" [(ngModel)]=\"reporte.titulo\" />\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"procedimiento\" type=\"text\" [(ngModel)]=\"reporte.procedimiento\" [disabled]=\"!isModificarReporte()\" />\r\n <label>{{'procedimiento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div [ngClass]=\"isFuente() ? 'field col-12 md:col-6' : 'field col-12 md:col-2' \">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipo\" [autoDisplayFirst]=\"false\" id=\"origenFuente\" [disabled]=\"reporte.llave != null || !controlFuncionService.getControlFuncionalidad('reporte:tipo')\"\r\n [(ngModel)]=\"reporte.origenFuente\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'tipo' | translate }}*</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuente\" [autoDisplayFirst]=\"false\" id=\"fuenteDato\" [disabled]=\"!isModificarReporte()\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\" \r\n [(ngModel)]=\"reporte.fuenteDato\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaMomento\" [autoDisplayFirst]=\"false\" [(ngModel)]=\"reporte.momento\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\" [showClear]=\"true\">\r\n </p-dropdown>\r\n <label>{{'momento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-2\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" id=\"reporteExterno\" [(ngModel)]=\"reporte.reporteExterno\" [autoDisplayFirst]=\"false\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\" [disabled]=\"!isModificarReporte()\" >\r\n </p-dropdown>\r\n <label>{{'reporte' | translate }} {{'externo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isFijo()\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporte.jasperFijo ? reporte.jasperFijo: ''\" [mostrarX]=\"true\"\r\n [extensiones]=\"'jrxml'\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporte.jasperFijo) && clickGuardar)\" [labelrar]=\"'jasper' | translate\"\r\n (onSelected)=\"setJasperFijo($event)\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n <div class=\"field col-12 md:col-6\" *ngIf=\"isFijo()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporte.cifradoJasperFijo\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" *ngIf=\"isSql() || isFijo()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" rows=\"5\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.query\"></textarea>\r\n <label >{{'sql' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" rows=\"5\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSql\"></textarea>\r\n <label>{{'where' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150\" rows=\"5\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSqlReporte\"></textarea>\r\n <label>{{'where' | translate }} {{'reporte' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" *ngIf=\"isModificarReporte()\"\r\n icon=\"glyphicons {{reporte.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporte.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"actualizar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporte.llave != null && isModificarReporte()\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'entrada'\"> \r\n <detalle-entrada-reporte [modificarReporte]=\"isModificarReporte()\" [llaveReporte]=\"reporte.llave\"></detalle-entrada-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'campo'\">\r\n <detalle-campo-reporte [reporteFuente]=\"reporte\"> </detalle-campo-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'tipo'\">\r\n <detalle-tipo-reporte [listaFuentes]=\"listaFuente\" [llaveReporte]=\"reporte.llave\"></detalle-tipo-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'distribucion'\">\r\n <detalle-distribucion-reporte [llaveReporte]=\"reporte.llave\"></detalle-distribucion-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'puntoproceso'\">\r\n <detalle-punto-proceso-reporte [llaveReporte]=\"reporte.llave\" [tipoRecurso]=\"'R'\"></detalle-punto-proceso-reporte>\r\n </div>\r\n\r\n <app-popup-reporte [mostrar]=\"mostrarPopupReporte\" [reporte]=\"reporte\" [aplicacion]=\"\"\r\n (regresar)=\"regresarPopupReporte($event)\"></app-popup-reporte>", styles: [":host ::ng-deep .min-w-full{min-height:230px!important;width:100%!important}\n"] }]
|
|
13065
|
+
args: [{ standalone: true, imports: [CommonModule, TranslateModule, InputTextModule, FormsModule, ButtonModule, ConfirmPopupModule, MenubarModule, DropdownModule, DetalleEntradaReporteComponent, DetalleCampoReporteComponent, DetalleTipoReporteComponent, DetalleDistribucionReporteComponent, PopupReporteComponent, DetallePuntoProcesoReporteComponent, InputHelperSeleccionPlantillaComponent, FloatLabelModule, InputTextareaModule], selector: 'app-detalle-ejecucion-reporte', providers: [MessageService, ConfirmationService], template: "<div class=\"flex justify-content-between align-items-center ml-2 mt-2 mb-2\">\r\n <h1 class=\"mb-1\">Reportes</h1>\r\n <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\r\n (click)=\"regresarAction()\" label=\"{{'link_regresar' | translate}}\" >\r\n </button>\r\n</div>\r\n<p-confirmPopup></p-confirmPopup>\r\n <p-menubar [model]=\"items\" class=\"menu-accion-sara\"></p-menubar>\r\n <div class=\"card mt-3\" *ngIf=\"vistaVisualizar != 'reporte'\">\r\n <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'informacion' | translate}} {{'reporte' | translate}}</h5>\r\n <div class=\"Inputgroup p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-12 lg:col-12\">\r\n <p-floatLabel>\r\n <input pInputText [disabled]=\"true\" [(ngModel)]=\"reporte.descripcion\">\r\n <label >{{('descripcion') | translate}}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-12 mt-2\" *ngIf=\"vistaVisualizar == 'reporte'\">\r\n <div id=\"reportesListado\">\r\n <div class=\"card col-md-12\">\r\n <div class=\"Detallereporte mt-4\">\r\n <div class=\"p-fluid p-formgrid grid\">\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"descripcion\" type=\"text\" [(ngModel)]=\"reporte.descripcion\" \r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\" />\r\n <label>{{'descripcion' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"titulo\" type=\"text\" [(ngModel)]=\"reporte.titulo\" />\r\n <label>{{'titulo' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-6\">\r\n <p-floatLabel>\r\n <input pInputText id=\"procedimiento\" type=\"text\" [(ngModel)]=\"reporte.procedimiento\" [disabled]=\"!isModificarReporte()\" />\r\n <label>{{'procedimiento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div [ngClass]=\"isFuente() ? 'field col-12 md:col-6' : 'field col-12 md:col-2' \">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaTipo\" [autoDisplayFirst]=\"false\" id=\"origenFuente\" [disabled]=\"reporte.llave != null || !controlFuncionService.getControlFuncionalidad('reporte:tipo')\"\r\n [(ngModel)]=\"reporte.origenFuente\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\r\n <label>{{'tipo' | translate }}*</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-6\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaFuente\" [autoDisplayFirst]=\"false\" id=\"fuenteDato\" [disabled]=\"!isModificarReporte()\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\" \r\n [(ngModel)]=\"reporte.fuenteDato\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\r\n <label>{{'fuente' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-4\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaMomento\" [autoDisplayFirst]=\"false\" [(ngModel)]=\"reporte.momento\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\" [showClear]=\"true\">\r\n </p-dropdown>\r\n <label>{{'momento' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-2\">\r\n <p-floatLabel>\r\n <p-dropdown [options]=\"listaSiNo\" id=\"reporteExterno\" [(ngModel)]=\"reporte.reporteExterno\" [autoDisplayFirst]=\"false\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\r\n optionLabel=\"nombre\" optionValue=\"codigo\" [disabled]=\"!isModificarReporte()\" >\r\n </p-dropdown>\r\n <label>{{'reporte' | translate }} {{'externo' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-12 md:col-4\" *ngIf=\"isFijo()\">\r\n <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\r\n [label]=\"reporte.jasperFijo ? reporte.jasperFijo: ''\" [mostrarX]=\"true\"\r\n [extensiones]=\"'jrxml'\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporte.jasperFijo) && clickGuardar)\" [labelrar]=\"'jasper' | translate\"\r\n (onSelected)=\"setJasperFijo($event)\"></app-input-helper-seleccion-plantilla>\r\n </div>\r\n <div class=\"field col-12 md:col-6\" *ngIf=\"isFijo()\">\r\n <p-floatLabel> \r\n <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\r\n [(ngModel)]=\"reporte.cifradoJasperFijo\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\r\n <label>{{'tipocifrado' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n\r\n <div class=\"field col-12 md:col-12\" *ngIf=\"isSql() || isFijo()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\r\n [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\r\n [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.query\"></textarea>\r\n <label >{{'sql' | translate }} *</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSql\"></textarea>\r\n <label>{{'where' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\r\n <p-floatLabel>\r\n <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\r\n cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSqlReporte\"></textarea>\r\n <label>{{'where' | translate }} {{'reporte' | translate }}</label>\r\n </p-floatLabel>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex justify-content-end mb-3\">\r\n <button pButton pRipple class=\"ml-2 p-button p-button-raised\" *ngIf=\"isModificarReporte()\"\r\n icon=\"glyphicons {{reporte.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporte.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\r\n (click)=\"actualizar()\">\r\n </button>\r\n <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporte.llave != null && isModificarReporte()\"\r\n label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'entrada'\"> \r\n <detalle-entrada-reporte [modificarReporte]=\"isModificarReporte()\" [llaveReporte]=\"reporte.llave\"></detalle-entrada-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'campo'\">\r\n <detalle-campo-reporte [reporteFuente]=\"reporte\"> </detalle-campo-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'tipo'\">\r\n <detalle-tipo-reporte [listaFuentes]=\"listaFuente\" [llaveReporte]=\"reporte.llave\"></detalle-tipo-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'distribucion'\">\r\n <detalle-distribucion-reporte [llaveReporte]=\"reporte.llave\"></detalle-distribucion-reporte>\r\n </div>\r\n\r\n <div *ngIf=\"vistaVisualizar == 'puntoproceso'\">\r\n <detalle-punto-proceso-reporte [llaveReporte]=\"reporte.llave\" [tipoRecurso]=\"'R'\"></detalle-punto-proceso-reporte>\r\n </div>\r\n\r\n <app-popup-reporte [mostrar]=\"mostrarPopupReporte\" [reporte]=\"reporte\" [aplicacion]=\"\"\r\n (regresar)=\"regresarPopupReporte($event)\"></app-popup-reporte>", styles: [":host ::ng-deep .min-w-full{min-height:230px!important;width:100%!important}\n"] }]
|
|
13064
13066
|
}], ctorParameters: () => [{ type: i7$2.TranslateService }, { type: i2.ActivatedRoute }, { type: i1$1.FormBuilder }, { type: ToastService }, { type: GeneralService }, { type: i2.Router }, { type: UtilsService }, { type: AuthService }, { type: ReporteFuentePipe }, { type: CargarControlFuncionalidadService }, { type: i7.ConfirmationService }, { type: EjecucionReporteService }, { type: GeneralPipe }, { type: MenuService$1 }], propDecorators: { regresar: [{
|
|
13065
13067
|
type: Output
|
|
13066
13068
|
}] } });
|