92 lines
3.9 KiB
HTML
92 lines
3.9 KiB
HTML
<div class="p-3 text-white">
|
|
<!-- Tabla1 -->
|
|
<div class="font-bold tituloTabla my-2">Cronogramas solicitados y pendientes de carga:</div>
|
|
<p-table class="mi-tabla-redondeada"
|
|
[value]="products" stripedRows
|
|
showGridlines
|
|
[paginator]="true"
|
|
[rows]="5"
|
|
[showCurrentPageReport]="true"
|
|
currentPageReportTemplate="Mostrando del {first} al {last} de un total de {totalRecords} registros"
|
|
[rowsPerPageOptions]="[5, 10, 20]">
|
|
<ng-template #header>
|
|
<tr>
|
|
<th class="bg-blue-400 text-white font-bold">Empresa</th>
|
|
<th class="bg-blue-400 text-white font-bold">Código de cronograma SINAR</th>
|
|
<th class="bg-blue-400 text-white font-bold">Contiene obras del año</th>
|
|
<th class="bg-blue-400 text-white font-bold">N° Oficio que aprueba</th>
|
|
<th class="bg-blue-400 text-white font-bold">Tipo de carga</th>
|
|
<th class="bg-blue-400 text-white font-bold">Fecha de solicitud</th>
|
|
</tr>
|
|
</ng-template>
|
|
<ng-template #body let-product>
|
|
<tr>
|
|
<td>{{ product.empresa }}</td>
|
|
<td>{{ product.codigoCronograma }}</td>
|
|
<td>{{ product.codigoCronogramaAjuste }}</td>
|
|
<td>{{ product.tipoCarga }}</td>
|
|
<td>{{ product.dato5 }}</td>
|
|
<td>{{ product.dato6 }}</td>
|
|
</tr>
|
|
</ng-template>
|
|
</p-table>
|
|
<!-- Tabla2 -->
|
|
<div class="font-bold tituloTabla my-2">Cronogramas aprobados:</div>
|
|
<p-table class="mi-tabla-redondeada"
|
|
[value]="products" stripedRows
|
|
showGridlines
|
|
[paginator]="true"
|
|
[rows]="5"
|
|
[showCurrentPageReport]="true"
|
|
currentPageReportTemplate="Mostrando del {first} al {last} de un total de {totalRecords} registros"
|
|
[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ó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>
|
|
</tr>
|
|
</ng-template>
|
|
<ng-template #body let-product>
|
|
<tr>
|
|
<td>{{ product.empresa }}</td>
|
|
<td>{{ product.codigoCronograma }}</td>
|
|
<td>{{ product.codigoCronogramaAjuste }}</td>
|
|
<td>{{ product.tipoCarga }}</td>
|
|
<td>{{ product.dato5 }}</td>
|
|
</tr>
|
|
</ng-template>
|
|
</p-table>
|
|
<!-- Tabla3 -->
|
|
<div class="font-bold tituloTabla my-2">Cronogramas rechazados:</div>
|
|
<p-table class="mi-tabla-redondeada"
|
|
[value]="products" stripedRows
|
|
showGridlines
|
|
[paginator]="true"
|
|
[rows]="5"
|
|
[showCurrentPageReport]="true"
|
|
currentPageReportTemplate="Mostrando del {first} al {last} de un total de {totalRecords} registros"
|
|
[rowsPerPageOptions]="[5, 10, 20]">
|
|
<ng-template #header>
|
|
<tr>
|
|
<th class="surface-400 text-white font-bold">Empresa</th>
|
|
<th class="surface-400 text-white font-bold">Código de cronograma</th>
|
|
<th class="surface-400 text-white font-bold">Nombre sistema</th>
|
|
<th class="surface-400 text-white font-bold">Tipo</th>
|
|
<th class="surface-400 text-white font-bold">Fecha rechazo</th>
|
|
</tr>
|
|
</ng-template>
|
|
<ng-template #body let-product>
|
|
<tr>
|
|
<td>{{ product.empresa }}</td>
|
|
<td>{{ product.codigoCronograma }}</td>
|
|
<td>{{ product.codigoCronogramaAjuste }}</td>
|
|
<td>{{ product.tipoCarga }}</td>
|
|
<td>{{ product.dato5 }}</td>
|
|
</tr>
|
|
</ng-template>
|
|
</p-table>
|
|
</div>
|