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

Resumen

Browse Source
This commit is contained in:
JuanSanhueza 2025-04-30 14:23:55 -04:00
parent e9c7972449
commit 7f1cbfe90c
3 changed files with 93 additions and 4 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

@ -1,5 +1,5 @@
<!-- FOOTER --> <!-- FOOTER -->
<footer class="footer"> <footer class="footer mt-5">
<div class="footer-content"> <div class="footer-content">
<div class="footer-left"> <div class="footer-left">
<i class="pi pi-building"></i> <i class="pi pi-building"></i>
@ -16,4 +16,4 @@
<div>Mesa Central: 2 2382 4000</div> <div>Mesa Central: 2 2382 4000</div>
</div> </div>
</div> </div>
</footer> </footer>

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

@ -1 +1,61 @@
<p>resumen works!</p> <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-400 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 text-black-alpha-90 my-2">Cronogramas aprobados:</div>
<p-table class="mi-tabla-redondeada"
[value]="products"
showGridlines>
<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">Nombre sistema</th>
<th class="bg-green-400 text-white font-bold">Tipo</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 style="background-color: #F8F9FA;border: none;">
<button style="background: transparent; border: none; cursor: pointer;">
<i class="pi pi-pen-to-square" style="font-size: 24px;"></i>
</button>
</td>
</tr>
</ng-template>
</p-table>
<div class="font-bold text-black-alpha-90 my-2">Cronogramas aprobados:</div>
<p-table class="mi-tabla-redondeada"
[value]="products"
showGridlines>
<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>
</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 style="background-color: #F8F9FA;border: none;">
<button style="background: transparent; border: none; cursor: pointer;">
<i class="pi pi-arrow-circle-right" style="font-size: 24px;"></i>
</button>
</td>
</tr>
</ng-template>
</p-table>
</div>

31
src/app/pages/resumen/resumen.component.ts
View File

@ -1,11 +1,40 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { TableModule } from 'primeng/table';
import { InputTextModule } from 'primeng/inputtext';
@Component({ @Component({
selector: 'app-resumen', selector: 'app-resumen',
imports: [], imports: [FormsModule, TableModule, InputTextModule],
templateUrl: './resumen.component.html', templateUrl: './resumen.component.html',
styleUrl: './resumen.component.scss' styleUrl: './resumen.component.scss'
}) })
export class ResumenComponent { export class ResumenComponent {
products: any[] = [
{
empresa: 'Empresa A',
codigoCronograma: '123',
codigoCronogramaAjuste: '456',
tipoCarga: 'Inicial',
},
{
empresa: 'Empresa A',
codigoCronograma: '123',
codigoCronogramaAjuste: '456',
tipoCarga: 'Inicial',
},
{
empresa: 'Empresa A',
codigoCronograma: '123',
codigoCronogramaAjuste: '456',
tipoCarga: 'Inicial',
},
{
empresa: 'Empresa A',
codigoCronograma: '123',
codigoCronogramaAjuste: '456',
tipoCarga: 'Inicial',
},
];
} }