lxluxo23/sacg-cronogramas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

caracteres tilde, ñ

Browse Source
This commit is contained in:
JuanSanhueza 2025-05-05 12:45:17 -04:00
parent fb26d54079
commit f21b4a3728
8 changed files with 56 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/footer/footer.component.html
View File

@ -5,14 +5,14 @@
<!-- <i class="pi pi-building"></i> -->
<div class="footer-text">
<div>Superintendencia de Servicios Sanitarios</div>
<div>Área de Información y Tecnologías</div>
<div>&aacute;rea de Informaci&oacute;n y Tecnolog&iacute;as</div>
</div>
</div>
<div class="footer-center">
<img src="img/footer-logo.jpg" alt="SISS Logo" class="footer-logo">
</div>
<div class="footer-right">
<div>Dirección: Moneda 673 Piso 9 - Metro Santa Lucía</div>
<div>Direcci&oacute;n: Moneda 673 Piso 9 - Metro Santa Luc&iacute;a</div>
<div>Mesa Central: 2 2382 4000</div>
</div>
</div>

40
src/app/pages/actualizacion-pd/actualizacion-pd.component.html
View File

@ -1,12 +1,4 @@
<div class="p-3 text-white">
<div class="flex justify-content-center flex-wrap">
<div class="flex align-items-center justify-content-center px-5 py-3 bg-blue-700 font-bold border-round my-1 mr-2">Resumen</div>
<div class="flex align-items-center justify-content-center px-5 py-3 tablaAzul font-bold border-round my-1 mr-2">Revisión de actualizaciones de PD</div>
<div class="flex align-items-center justify-content-center px-5 py-3 bg-blue-700 font-bold border-round my-1 mr-2">Revision de ajustes de PD</div>
</div>
<div class="flex align-content-start flex-wrap gap-2 border-round border-blue-400 my-2 lg:px-0 py-3 my-1">
<div class="col-12 md:col-3 lg:col-2 tablaAzul border-round ">
<div class="border-round font-bold ">
@ -16,13 +8,13 @@
</div>
<div class="col-12 md:col-3 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold">
<div class="h-4rem">Filtro Código Cronograma</div>
<div class="h-4rem">Filtro C&oacute;digo Cronograma</div>
<p-select [options]="empresas" [(ngModel)]="selectedCity" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
</div>
</div>
</div>
<!-- Tabla1 -->
<div class="font-bold my-2 tituloTabla">Título de la tabla:</div>
<div class="font-bold my-2 tituloTabla">T&iacute;tulo de la tabla:</div>
<p-table id="azul"
[value]="products" stripedRows
showGridlines
@ -34,19 +26,19 @@
<ng-template #header>
<tr>
<th class="tablaAzul font-bold text-white">Empresa</th>
<th class="tablaAzul font-bold text-white">Código de cronograma</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ón</th>
<th class="tablaAzul font-bold text-white">Código de glosa PD</th>
<th class="tablaAzul font-bold text-white">Descripción glosa</th>
<th class="tablaAzul font-bold text-white">Monto Inversión Total (UF)</th>
<th class="tablaAzul font-bold text-white">Año de Inicio</th>
<th class="tablaAzul font-bold text-white">Año de Término</th>
<th class="tablaAzul font-bold text-white">Mes de Término</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ón</th>
<th class="bg-green-400 font-bold text-white">Observación</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>
</ng-template>
<ng-template #body let-product>
@ -58,14 +50,18 @@
<td>{{ product.estadoRevision }}</td>
<td>{{ product.estadoRevision }}</td>
<td>{{ product.fechaIngreso }}</td>
<td>{{ product.estadoRevision }}</td>
<td>
<div class="border-round font-bold">
<p-select [options]="estadoAprobacion" [(ngModel)]="product.dato13" optionLabel="name" placeholder="Seleccione..." class="selectTabla"/>
</div>
</td>
<td>{{ product.dato9 }}</td>
<td>{{ product.dato10 }}</td>
<td>{{ product.dato11 }}</td>
<td>{{ product.dato12 }}</td>
<td class="bg-verde">
<div class="border-round font-bold">
<p-select [options]="estadoAprobacion" [(ngModel)]="select1" optionLabel="name" placeholder="Seleccione..." class="selectTabla"/>
<p-select [options]="estadoAprobacion" [(ngModel)]="product.dato13" optionLabel="name" placeholder="Seleccione..." class="selectTabla"/>
</div>
</td>
<td class="bg-verde">

5
src/app/pages/actualizacion-pd/actualizacion-pd.component.ts
View File

@ -15,7 +15,10 @@ export class ActualizacionPdComponent {
select1: any = '';
selectedCity: any = '';
empresas: any[] = [{name: 'Empresa A'}, {name: 'Empresa B'}, {name: 'Empresa C'}];
estadoAprobacion: any[] = [{name:'Rechazado'}, {name:'Aprobado'}];
estadoAprobacion = [
{ name: 'Aprobado', value: 'Aprobado' },
{ name: 'Rechazado', value: 'Rechazado' },
];
products: any[] = [
{

40
src/app/pages/ajuste-pd/ajuste-pd.component.html
View File

@ -1,12 +1,4 @@
<div class="p-3 text-white">
<div class="flex justify-content-center flex-wrap">
<div class="flex align-items-center justify-content-center px-5 py-3 bg-blue-700 font-bold border-round my-1 mr-2">Resumen</div>
<div class="flex align-items-center justify-content-center px-5 py-3 bg-blue-700 font-bold border-round my-1 mr-2">Revisión de actualizaciones de PD</div>
<div class="flex align-items-center justify-content-center px-5 py-3 tablaAzul font-bold border-round my-1 mr-2">Revision de ajustes de PD</div>
</div>
<div class="flex align-content-start flex-wrap gap-2 border-round border-blue-400 my-2 lg:px-0 py-3 my-1">
<div class="col-6 md:col-3 lg:col-2 tablaAzul border-round ">
<div class="border-round font-bold ">
@ -16,13 +8,13 @@
</div>
<div class="col-6 md:col-3 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold">
<div class="h-4rem">Filtro Código Cronograma</div>
<div class="h-4rem">Filtro C&oacute;digo Cronograma</div>
<p-select [options]="empresas" [(ngModel)]="selectedCity" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
</div>
</div>
</div>
<!-- Tabla1 -->
<!-- <div class="font-bold text-black-alpha-90 my-2">Título de la tabla:</div> -->
<!-- <div class="font-bold text-black-alpha-90 my-2">T&iacute;tulo de la tabla:</div> -->
<p-table id="azul"
[value]="products" stripedRows
showGridlines
@ -36,28 +28,28 @@
<th colspan="10" 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>
</tr>
</tr>
<tr>
<th class="tablaAzul text-white font-bold">Empresa</th>
<th class="tablaAzul text-white font-bold">Código de cronograma</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 sistema</th>
<th class="tablaAzul text-white font-bold">Nombre localidad</th>
<th class="tablaAzul text-white font-bold">Tipo de inversión</th>
<th class="tablaAzul text-white font-bold">Código de glosa PD</th>
<th class="tablaAzul text-white font-bold">Descripción glosa</th>
<th class="tablaAzul text-white font-bold">Monto Inversión Total (UF)</th>
<th class="tablaAzul text-white font-bold">Año de Inicio</th>
<th class="tablaAzul text-white font-bold">Año de Término</th>
<th class="tablaAzul text-white font-bold">Mes de Término</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ño de Inicio</th>
<th class="bg-blue-700 text-white font-bold">Año de Término</th>
<th class="bg-blue-700 text-white font-bold">Mes de Término</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ón</th>
<th class="bg-green-400 text-white font-bold">Observación</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>
</tr>
</ng-template>
<ng-template #body let-product>

16
src/app/pages/concesiones/concesiones.component.html
View File

@ -12,13 +12,13 @@
<ng-template #header>
<tr>
<th class="tablaAzul font-bold">Empresa</th>
<th class="tablaAzul font-bold">Código de cronograma</th>
<th class="tablaAzul font-bold">Código cronograma de ajuste</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ón</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áforo</th>
<th class="bg-green-400 font-bold text-white font-bold">Sem&aacute;foro</th>
</tr>
</ng-template>
<ng-template #body let-product>
@ -61,7 +61,7 @@
</div>
<div class="col-12 md:col-5 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold">
<div class="h-4rem">Filtro Código Cronograma SINAR</div>
<div class="h-4rem">Filtro C&oacute;digo Cronograma SINAR</div>
<p-select [options]="empresas" [(ngModel)]="select2" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
</div>
</div>
@ -73,7 +73,7 @@
</div>
<div class="col-12 md:col-5 lg:col-2 tablaAzul border-round">
<div class="border-round font-bold">
<div class="h-4rem">¿Contiene obras del año?</div>
<div class="h-4rem">¿Contiene obras del a&ntilde;o?</div>
<p-select [options]="contieneObras" [(ngModel)]="select4" optionLabel="name" placeholder="Seleccione..." class="w-full md:w-56" />
</div>
</div>
@ -112,10 +112,10 @@
Empresa <p-sortIcon field="empresa" />
</th>
<th pSortableColumn="codigoCronograma" class="tablaAzul font-bold">
Código de cronograma SINAR <p-sortIcon field="codigoCronograma" />
C&oacute;digo de cronograma SINAR <p-sortIcon field="codigoCronograma" />
</th>
<th pSortableColumn="codigoCronogramaAjuste" class="tablaAzul font-bold">
Contiene obras del año <p-sortIcon field="codigoCronogramaAjuste" />
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" />

9
src/app/pages/resumen/resumen.component.html
View File

@ -1,9 +1,4 @@
<div class="p-3 text-white">
<div class="flex justify-content-center flex-wrap">
<div class="flex align-items-center justify-content-center px-5 py-3 tablaAzul font-bold border-round my-1 mr-2">Resumen</div>
<div class="flex align-items-center justify-content-center px-5 py-3 bg-blue-700 font-bold border-round my-1 mr-2">Revisión de actualizaciones de PD</div>
<div class="flex align-items-center justify-content-center px-5 py-3 bg-blue-700 font-bold border-round my-1 mr-2">Revision de ajustes de PD</div>
</div>
<!-- Tabla1 -->
<div class="font-bold tituloTabla my-2">Cronogramas aprobados:</div>
<p-table id="verde"
@ -17,7 +12,7 @@
<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ódigo de cronograma</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>
@ -49,7 +44,7 @@
<ng-template #header>
<tr>
<th class="tablaPloma text-white font-bold">Empresa</th>
<th class="tablaPloma text-white font-bold">Código de cronograma</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>
</tr>

10
src/app/pages/unidad-informacion/unidad-informacion.component.html
View File

@ -12,8 +12,8 @@
<ng-template #header>
<tr>
<th class="tablaAzul text-white font-bold">Empresa</th>
<th class="tablaAzul text-white font-bold">Código de cronograma SINAR</th>
<th class="tablaAzul text-white font-bold">Contiene obras del año</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>
@ -43,10 +43,10 @@
<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ódigo cronograma</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ón</th>
<th class="bg-green-400 text-white font-bold">Fecha aprobaci&oacute;n</th>
</tr>
</ng-template>
<ng-template #body let-product>
@ -72,7 +72,7 @@
<ng-template #header>
<tr>
<th class="tablaPloma text-white font-bold">Empresa</th>
<th class="tablaPloma text-white font-bold">Código de cronograma</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>

2
src/styles.scss
View File

@ -47,7 +47,7 @@
}
}
.tituloTabla, .tituloNavbar {
.tituloTabla {
color: #002147 !important;
}