ajustes sonar

This commit is contained in:
luis cespedes 2025-05-09 09:32:37 -04:00
parent 73902f0329
commit fdf24c3a62
7 changed files with 87 additions and 100 deletions

View File

@ -1,6 +1,9 @@
{
"name": "cronogramas",
"version": "0.1.0",
"engines": {
"node": ">=18.x"
},
"scripts": {
"ng": "ng",
"start": "ng serve",

View File

@ -1,6 +1,6 @@
<div class="pdf-container">
<div class="pdf-viewer">
<iframe [src]="pdfSrc | safe" width="100%" height="100%"></iframe>
<iframe [src]="pdfSrc | safe" width="100%" title="visorPdf" height="100%"></iframe>
</div>
<div class="toolbar">
<button pButton type="button" class="p-button p-button-danger" (click)="descargarPDF()">

View File

@ -56,21 +56,21 @@
>
<ng-template pTemplate="header">
<tr>
<th class="tablaAzul font-bold text-white">Empresa</th>
<th class="tablaAzul font-bold text-white">C&oacute;digo de cronograma</th>
<th class="tablaAzul font-bold text-white">Etapa del Servicio</th>
<th class="tablaAzul font-bold text-white">Nombre sistema</th>
<th class="tablaAzul font-bold text-white">Tipo de inversi&oacute;n</th>
<th class="tablaAzul font-bold text-white">C&oacute;digo de glosa PD</th>
<th class="tablaAzul font-bold text-white">Descripci&oacute;n glosa</th>
<th class="tablaAzul font-bold text-white">Monto Inversi&oacute;n Total (UF)</th>
<th class="tablaAzul font-bold text-white">A&ntilde;o de Inicio</th>
<th class="tablaAzul font-bold text-white">A&ntilde;o de T&eacute;rmino</th>
<th class="tablaAzul font-bold text-white">Mes de T&eacute;rmino</th>
<th class="tablaAzul font-bold text-white">Nota</th>
<th class="bg-green-400 font-bold text-white">Estado aprobaci&oacute;n</th>
<th class="bg-green-400 font-bold text-white">Observaci&oacute;n</th>
</tr>
<th id="col-empresa" class="tablaAzul font-bold text-white">Empresa</th>
<th id="col-codigo-cronograma" class="tablaAzul font-bold text-white">C&oacute;digo de cronograma</th>
<th id="col-etapa-servicio" class="tablaAzul font-bold text-white">Etapa del Servicio</th>
<th id="col-nombre-sistema" class="tablaAzul font-bold text-white">Nombre sistema</th>
<th id="col-tipo-inversion" class="tablaAzul font-bold text-white">Tipo de inversi&oacute;n</th>
<th id="col-codigo-glosa" class="tablaAzul font-bold text-white">C&oacute;digo de glosa PD</th>
<th id="col-descripcion-glosa" class="tablaAzul font-bold text-white">Descripci&oacute;n glosa</th>
<th id="col-monto-inversion" class="tablaAzul font-bold text-white">Monto Inversi&oacute;n Total (UF)</th>
<th id="col-anio-inicio" class="tablaAzul font-bold text-white">A&ntilde;o de Inicio</th>
<th id="col-anio-termino" class="tablaAzul font-bold text-white">A&ntilde;o de T&eacute;rmino</th>
<th id="col-mes-termino" class="tablaAzul font-bold text-white">Mes de T&eacute;rmino</th>
<th id="col-nota" class="tablaAzul font-bold text-white">Nota</th>
<th id="col-estado-aprobacion" class="bg-green-400 font-bold text-white">Estado aprobaci&oacute;n</th>
<th id="col-observacion" class="bg-green-400 font-bold text-white">Observaci&oacute;n</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-product>
<tr>

View File

@ -59,30 +59,30 @@
>
<ng-template #header>
<tr>
<th colspan="9" style="background-color: #f8f9fa; border: none"></th>
<th colspan="3" class="tablaAzul text-white font-bold text-center">Cronograma base vigente</th>
<th colspan="4" class="bg-blue-700 text-white font-bold text-center">Cronograma base ajustado</th>
<th id="header-empty" colspan="9" style="background-color: #f8f9fa; border: none"></th>
<th id="header-crono-vigente" colspan="3" class="tablaAzul text-white font-bold text-center">Cronograma base vigente</th>
<th id="header-crono-ajustado" colspan="4" class="bg-blue-700 text-white font-bold text-center">Cronograma base ajustado</th>
</tr>
<tr>
<th class="tablaAzul text-white font-bold">Empresa</th>
<th class="tablaAzul text-white font-bold">C&oacute;digo de cronograma</th>
<th class="tablaAzul text-white font-bold">Etapa del Servicio</th>
<th class="tablaAzul text-white font-bold">Nombre sistema</th>
<th class="tablaAzul text-white font-bold">Nombre localidad</th>
<th class="tablaAzul text-white font-bold">Tipo de inversi&oacute;n</th>
<th class="tablaAzul text-white font-bold">C&oacute;digo de glosa PD</th>
<th class="tablaAzul text-white font-bold">Descripci&oacute;n glosa</th>
<th class="tablaAzul text-white font-bold">Monto Inversi&oacute;n Total (UF)</th>
<th class="tablaAzul text-white font-bold">A&ntilde;o de Inicio</th>
<th class="tablaAzul text-white font-bold">A&ntilde;o de T&eacute;rmino</th>
<th class="tablaAzul text-white font-bold">Mes de T&eacute;rmino</th>
<th class="bg-blue-700 text-white font-bold">Tipo de ajuste</th>
<th class="bg-blue-700 text-white font-bold">A&ntilde;o de Inicio</th>
<th class="bg-blue-700 text-white font-bold">A&ntilde;o de T&eacute;rmino</th>
<th class="bg-blue-700 text-white font-bold">Mes de T&eacute;rmino</th>
<th class="tablaAzul text-white font-bold">Nota</th>
<th class="bg-green-400 text-white font-bold">Estado aprobaci&oacute;n</th>
<th class="bg-green-400 text-white font-bold">Observaci&oacute;n</th>
<th id="col-empresa" class="tablaAzul text-white font-bold">Empresa</th>
<th id="col-codigo-cronograma" class="tablaAzul text-white font-bold">C&oacute;digo de cronograma</th>
<th id="col-etapa-servicio" class="tablaAzul text-white font-bold">Etapa del Servicio</th>
<th id="col-nombre-sistema" class="tablaAzul text-white font-bold">Nombre sistema</th>
<th id="col-nombre-localidad" class="tablaAzul text-white font-bold">Nombre localidad</th>
<th id="col-tipo-inversion" class="tablaAzul text-white font-bold">Tipo de inversi&oacute;n</th>
<th id="col-codigo-glosa" class="tablaAzul text-white font-bold">C&oacute;digo de glosa PD</th>
<th id="col-descripcion-glosa" class="tablaAzul text-white font-bold">Descripci&oacute;n glosa</th>
<th id="col-monto-inversion" class="tablaAzul text-white font-bold">Monto Inversi&oacute;n Total (UF)</th>
<th id="col-anio-inicio" class="tablaAzul text-white font-bold">A&ntilde;o de Inicio</th>
<th id="col-anio-termino" class="tablaAzul text-white font-bold">A&ntilde;o de T&eacute;rmino</th>
<th id="col-mes-termino" class="tablaAzul text-white font-bold">Mes de T&eacute;rmino</th>
<th id="col-tipo-ajuste" class="bg-blue-700 text-white font-bold">Tipo de ajuste</th>
<th id="col-anio-inicio-ajustado" class="bg-blue-700 text-white font-bold">A&ntilde;o de Inicio</th>
<th id="col-anio-termino-ajustado" class="bg-blue-700 text-white font-bold">A&ntilde;o de T&eacute;rmino</th>
<th id="col-mes-termino-ajustado" class="bg-blue-700 text-white font-bold">Mes de T&eacute;rmino</th>
<th id="col-nota" class="tablaAzul text-white font-bold">Nota</th>
<th id="col-estado-aprobacion" class="bg-green-400 text-white font-bold">Estado aprobaci&oacute;n</th>
<th id="col-observacion" class="bg-green-400 text-white font-bold">Observaci&oacute;n</th>
</tr>
</ng-template>
<ng-template #body let-product>
@ -136,5 +136,4 @@
</tr>
</ng-template>
</p-table>
<!-- Se eliminó el botón que estaba aquí abajo -->
</div>
</div>

View File

@ -10,16 +10,16 @@
currentPageReportTemplate="Mostrando del {first} al {last} de un total de {totalRecords} registros"
[rowsPerPageOptions]="[5, 10, 20]">
<ng-template #header>
<tr>
<th class="tablaAzul font-bold">Empresa</th>
<th class="tablaAzul font-bold">C&oacute;digo de cronograma</th>
<th class="tablaAzul font-bold">C&oacute;digo cronograma de ajuste</th>
<th class="tablaAzul font-bold">Tipo de carga</th>
<th class="bg-green-400 font-bold text-white font-bold">Estado de revisi&oacute;n</th>
<th class="bg-green-400 font-bold text-white font-bold">Analista</th>
<th class="bg-green-400 font-bold text-white font-bold">Fecha ingreso</th>
<th class="bg-green-400 font-bold text-white font-bold">Sem&aacute;foro</th>
</tr>
<tr>
<th id="col-empresa-sem" class="tablaAzul font-bold">Empresa</th>
<th id="col-codigo-cronograma-sem" class="tablaAzul font-bold">C&oacute;digo de cronograma</th>
<th id="col-codigo-cronograma-ajuste" class="tablaAzul font-bold">C&oacute;digo cronograma de ajuste</th>
<th id="col-tipo-carga" class="tablaAzul font-bold">Tipo de carga</th>
<th id="col-estado-revision" class="bg-green-400 font-bold text-white font-bold">Estado de revisi&oacute;n</th>
<th id="col-analista" class="bg-green-400 font-bold text-white font-bold">Analista</th>
<th id="col-fecha-ingreso" class="bg-green-400 font-bold text-white font-bold">Fecha ingreso</th>
<th id="col-semaforo" class="bg-green-400 font-bold text-white font-bold">Sem&aacute;foro</th>
</tr>
</ng-template>
<ng-template #body let-product>
<tr>
@ -107,26 +107,15 @@
currentPageReportTemplate="Mostrando del {first} al {last} de un total de {totalRecords} registros"
[rowsPerPageOptions]="[5, 10, 20]">
<ng-template #header>
<tr>
<th pSortableColumn="empresa" class="tablaAzul font-bold">
Empresa <p-sortIcon field="empresa" />
</th>
<th pSortableColumn="codigoCronograma" class="tablaAzul font-bold">
C&oacute;digo de cronograma SINAR <p-sortIcon field="codigoCronograma" />
</th>
<th pSortableColumn="codigoCronogramaAjuste" class="tablaAzul font-bold">
Contiene obras del a&ntilde;o <p-sortIcon field="codigoCronogramaAjuste" />
</th>
<th pSortableColumn="tipoCarga" class="tablaAzul font-bold">
N° Oficio que aprueba <p-sortIcon field="tipoCarga" />
</th>
<th pSortableColumn="estadoRevision" class="tablaAzul font-bold">
Tipo de carga <p-sortIcon field="estadoRevision" />
</th>
<th pSortableColumn="fechaIngreso" class="tablaAzul font-bold">
Fecha de solicitud <p-sortIcon field="fechaIngreso" />
</th>
</tr>
<tr>
<th id="col-empresa-sort" pSortableColumn="empresa" class="tablaAzul font-bold">Empresa <p-sortIcon field="empresa" /></th>
<th id="col-codigo-cronograma-sinar" pSortableColumn="codigoCronograma" class="tablaAzul font-bold">C&oacute;digo de cronograma SINAR <p-sortIcon field="codigoCronograma" /></th>
<th id="col-contiene-obras-anio" pSortableColumn="codigoCronogramaAjuste" class="tablaAzul font-bold">Contiene obras del a&ntilde;o <p-sortIcon field="codigoCronogramaAjuste" /></th>
<th id="col-oficio-aprueba" pSortableColumn="tipoCarga" class="tablaAzul font-bold">N° Oficio que aprueba <p-sortIcon field="tipoCarga" /></th>
<th id="col-tipo-carga-sort" pSortableColumn="estadoRevision" class="tablaAzul font-bold">Tipo de carga <p-sortIcon field="estadoRevision" /></th>
<th id="col-fecha-solicitud" pSortableColumn="fechaIngreso" class="tablaAzul font-bold">Fecha de solicitud <p-sortIcon field="fechaIngreso" />
</th>
</tr>
</ng-template>
<ng-template #body let-product>
<tr>

View File

@ -14,13 +14,11 @@
>
<ng-template #header>
<tr>
<th class="bg-green-400 text-white font-bold">Empresa</th>
<th class="bg-green-400 text-white font-bold">
C&oacute;digo de cronograma
</th>
<th class="bg-green-400 text-white font-bold">Nombre sistema</th>
<th class="bg-green-400 text-white font-bold">Tipo</th>
</tr>
<th id="col-empresa-verde" class="bg-green-400 text-white font-bold">Empresa</th>
<th id="col-codigo-cronograma-verde" class="bg-green-400 text-white font-bold">C&oacute;digo de cronograma</th>
<th id="col-nombre-sistema-verde" class="bg-green-400 text-white font-bold">Nombre sistema</th>
<th id="col-tipo-verde" class="bg-green-400 text-white font-bold">Tipo</th>
</tr>
</ng-template>
<ng-template #body let-product>
<tr>
@ -57,12 +55,10 @@
>
<ng-template #header>
<tr>
<th class="tablaPloma text-white font-bold">Empresa</th>
<th class="tablaPloma text-white font-bold">
C&oacute;digo de cronograma
</th>
<th class="tablaPloma text-white font-bold">Nombre sistema</th>
<th class="tablaPloma text-white font-bold">Tipo</th>
<th id="col-empresa-ploma" class="tablaPloma text-white font-bold">Empresa</th>
<th id="col-codigo-cronograma-ploma" class="tablaPloma text-white font-bold">C&oacute;digo de cronograma</th>
<th id="col-nombre-sistema-ploma" class="tablaPloma text-white font-bold">Nombre sistema</th>
<th id="col-tipo-ploma" class="tablaPloma text-white font-bold">Tipo</th>
</tr>
</ng-template>
<ng-template #body let-product>

View File

@ -11,12 +11,12 @@
[rowsPerPageOptions]="[5, 10, 20]">
<ng-template #header>
<tr>
<th class="tablaAzul text-white font-bold">Empresa</th>
<th class="tablaAzul text-white font-bold">C&oacute;digo de cronograma SINAR</th>
<th class="tablaAzul text-white font-bold">Contiene obras del a&ntilde;o</th>
<th class="tablaAzul text-white font-bold">N° Oficio que aprueba</th>
<th class="tablaAzul text-white font-bold">Tipo de carga</th>
<th class="tablaAzul text-white font-bold">Fecha de solicitud</th>
<th id="col-empresa-sinar" class="tablaAzul text-white font-bold">Empresa</th>
<th id="col-codigo-cronograma-sinar-2" class="tablaAzul text-white font-bold">C&oacute;digo de cronograma SINAR</th>
<th id="col-obras-anio" class="tablaAzul text-white font-bold">Contiene obras del a&ntilde;o</th>
<th id="col-num-oficio" class="tablaAzul text-white font-bold">N° Oficio que aprueba</th>
<th id="col-tipo-carga-sinar" class="tablaAzul text-white font-bold">Tipo de carga</th>
<th id="col-fecha-solicitud-sinar" class="tablaAzul text-white font-bold">Fecha de solicitud</th>
</tr>
</ng-template>
<ng-template #body let-product>
@ -42,11 +42,11 @@
[rowsPerPageOptions]="[5, 10, 20]">
<ng-template #header>
<tr>
<th class="bg-green-400 text-white font-bold">Empresa</th>
<th class="bg-green-400 text-white font-bold">C&oacute;digo cronograma</th>
<th class="bg-green-400 text-white font-bold">Nombre sistema</th>
<th class="bg-green-400 text-white font-bold">Tipo</th>
<th class="bg-green-400 text-white font-bold">Fecha aprobaci&oacute;n</th>
<th id="col-empresa-verde-aprobacion" class="bg-green-400 text-white font-bold">Empresa</th>
<th id="col-codigo-cronograma-verde-aprobacion" class="bg-green-400 text-white font-bold">C&oacute;digo cronograma</th>
<th id="col-nombre-sistema-verde-aprobacion" class="bg-green-400 text-white font-bold">Nombre sistema</th>
<th id="col-tipo-verde-aprobacion" class="bg-green-400 text-white font-bold">Tipo</th>
<th id="col-fecha-aprobacion" class="bg-green-400 text-white font-bold">Fecha aprobaci&oacute;n</th>
</tr>
</ng-template>
<ng-template #body let-product>
@ -71,12 +71,12 @@
[rowsPerPageOptions]="[5, 10, 20]">
<ng-template #header>
<tr>
<th class="tablaPloma text-white font-bold">Empresa</th>
<th class="tablaPloma text-white font-bold">C&oacute;digo de cronograma</th>
<th class="tablaPloma text-white font-bold">Nombre sistema</th>
<th class="tablaPloma text-white font-bold">Tipo</th>
<th class="tablaPloma text-white font-bold">Fecha rechazo</th>
</tr>
<th id="col-empresa-ploma-rechazo" class="tablaPloma text-white font-bold">Empresa</th>
<th id="col-codigo-cronograma-ploma-rechazo" class="tablaPloma text-white font-bold">C&oacute;digo de cronograma</th>
<th id="col-nombre-sistema-ploma-rechazo" class="tablaPloma text-white font-bold">Nombre sistema</th>
<th id="col-tipo-ploma-rechazo" class="tablaPloma text-white font-bold">Tipo</th>
<th id="col-fecha-rechazo" class="tablaPloma text-white font-bold">Fecha rechazo</th>
</tr>
</ng-template>
<ng-template #body let-product>
<tr>