+
+
+
+
+
+
+{{ title }}
+ {{ message }}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/components/layout/layout.component.scss b/src/app/components/layout/layout.component.scss
new file mode 100644
index 0000000..21f63cf
--- /dev/null
+++ b/src/app/components/layout/layout.component.scss
@@ -0,0 +1,115 @@
+/* src/app/components/layout/layout.component.scss */
+.layout-wrapper {
+ display: flex;
+ min-height: 100vh;
+}
+
+.sidebar-wrapper {
+ flex: 0 0 250px;
+ width: 250px;
+ position: fixed;
+ height: 100vh;
+ z-index: 100;
+ box-shadow: 0 0 10px rgba(0,0,0,0.1);
+ background-color: #0088cc;
+ transition: transform 0.3s ease;
+
+ @media (max-width: 768px) {
+ /* En pantallas pequeñas, asegurarse que esté fuera de la vista cuando no es visible */
+ &:not(.sidebar-visible) {
+ transform: translateX(-100%);
+ width: 0;
+ }
+ }
+}
+
+/* Para todas las pantallas cuando el sidebar está oculto */
+.sidebar-wrapper:not(.sidebar-visible) {
+ transform: translateX(-250px);
+}
+
+.main-content-wrapper {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+ background-color: #f8f9fa;
+ transition: margin-left 0.3s ease;
+ margin-left: 0;
+ width: 100%;
+}
+
+/* Solo en pantallas grandes (>992px) ajustar el margen cuando el sidebar está visible */
+@media (min-width: 993px) {
+ .main-content-wrapper.with-sidebar {
+ margin-left: 250px;
+ width: calc(100% - 250px);
+ }
+}
+
+/* Cuando el sidebar está oculto, ajustar el margen */
+.sidebar-wrapper:not(.sidebar-visible) ~ .main-content-wrapper {
+ margin-left: 0;
+ width: 100%;
+}
+
+.page-content {
+ flex: 1;
+ padding: 0;
+ background-color: #f8f9fa;
+}
+
+.footer {
+ display: flex;
+ justify-content: space-between;
+ background-color: #0088cc;
+ color: white;
+ padding: 0.75rem 1rem;
+ font-size: 0.8rem;
+}
+
+.footer-left, .footer-right {
+ display: flex;
+ flex-direction: column;
+}
+
+/* Ajustes para pantallas pequeñas y tablets */
+@media (max-width: 992px) {
+ .sidebar-wrapper {
+ transform: translateX(-100%);
+ width: 250px;
+ z-index: 1030; /* Z-index mayor para asegurar que esté sobre el contenido */
+ position: fixed;
+ }
+
+ .main-content-wrapper {
+ margin-left: 0;
+ width: 100%;
+ }
+
+ .sidebar-wrapper.sidebar-visible {
+ transform: translateX(0);
+ }
+
+ /* Overlay para cuando el sidebar está visible en pantallas pequeñas */
+ body.sidebar-visible::before {
+ content: '';
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 1020;
+ }
+
+ .sidebar-overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 1025;
+ background-color: rgba(0, 0, 0, 0.5);
+ }
+}
\ No newline at end of file
diff --git a/src/app/components/layout/layout.component.spec.ts b/src/app/components/layout/layout.component.spec.ts
new file mode 100644
index 0000000..09aa9fc
--- /dev/null
+++ b/src/app/components/layout/layout.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LayoutComponent } from './layout.component';
+
+describe('LayoutComponent', () => {
+ let component: LayoutComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+-
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ `,
+ styles: [`
+ .content-container {
+ width: 100%;
+ height: 100%;
+ }
+
+ .animate__animated {
+ animation-duration: 1.2s;
+ }
+ `]
+})
+export class RouteAnimationsComponent implements OnDestroy {
+ // Clase de animación actual
+ animationClass: string = 'animate__animated animate__fadeIn ';
+
+ // Animaciones disponibles
+ private animations: string[] = [
+ 'animate__fadeIn',
+ ];
+
+ private routerSub: Subscription;
+
+ constructor(private router: Router) {
+ // Suscribirse a los eventos de navegación
+ this.routerSub = this.router.events
+ .pipe(filter((event: Event) => event instanceof NavigationEnd))
+ .subscribe(() => {
+ // Resetear la animación primero
+ this.animationClass = '';
+
+ // Aplicar una nueva animación después de un breve retraso
+ setTimeout(() => {
+ const randomIndex = Math.floor(Math.random() * this.animations.length);
+ this.animationClass = `animate__animated ${this.animations[randomIndex]} `;
+ }, 50);
+ });
+ }
+
+ ngOnDestroy(): void {
+ // Cancelar suscripción para evitar memory leaks
+ if (this.routerSub) {
+ this.routerSub.unsubscribe();
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
new file mode 100644
index 0000000..8811b3e
--- /dev/null
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -0,0 +1,68 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/components/sidebar/sidebar.component.scss b/src/app/components/sidebar/sidebar.component.scss
new file mode 100644
index 0000000..cd8a21a
--- /dev/null
+++ b/src/app/components/sidebar/sidebar.component.scss
@@ -0,0 +1,218 @@
+.sidebar {
+ width: 250px;
+ height: 100%;
+ background-color: #bcdaef;
+ display: flex;
+ flex-direction: column;
+}
+
+.logo-container {
+ text-align: center;
+}
+
+.logo-image-container {
+ position: relative;
+ display: inline-block;
+ margin-bottom: 0.5rem;
+}
+
+.logo-image {
+ width: 100%;
+ height: auto;
+ display: block;
+ margin: 0 auto;
+}
+
+.version-badge {
+ position: absolute;
+ top: 0;
+ right: 20px;
+ background-color: #0088cc;
+ color: white;
+ border-radius: 50%;
+ width: 24px;
+ height: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 0.7rem;
+ font-weight: bold;
+}
+
+.logo-text {
+ font-size: 1.5rem;
+ font-weight: bold;
+ color: #0a2847;
+ margin-bottom: 0.25rem;
+}
+
+.logo-subtitle {
+ font-size: 0.7rem;
+ color: #0a2847;
+ max-width: 180px;
+ margin: 0 auto;
+ line-height: 1.2;
+}
+
+.separator {
+ height: 1px;
+ background-color: #a3c5e6;
+ margin: 0 0.5rem;
+}
+
+.menu-container {
+ padding: 0.5rem 0;
+ flex: 1;
+ overflow-y: auto;
+ height: 100%;
+}
+
+.sidebar-menu {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.menu-item {
+ margin: 2px 0;
+ padding: 0 0.5rem; /* Añadimos padding lateral al ítem */
+ transition: all 0.3s ease-in-out; /* Suaviza todas las transiciones */
+}
+
+.menu-link {
+ display: flex;
+ align-items: center;
+ padding: 0.75rem 1rem;
+ color: #0a2847;
+ text-decoration: none;
+ transition: all 0.3s ease-in-out; /* Transición para todos los cambios */
+ border-left: 3px solid transparent;
+ border-radius: .25rem;
+ width: calc(100% - 1rem); /* Reducimos el ancho para crear margen */
+ position: relative; /* Para los efectos de pseudo-elementos */
+}
+
+.menu-link:hover {
+ background-color: #a2c9ec !important;
+ transform: translateX(2px); /* Pequeño movimiento al hacer hover */
+}
+
+.menu-icon {
+ margin-right: 0.75rem;
+ width: 1.25rem;
+ text-align: center;
+ color: #0a2847;
+ transition: transform 0.3s ease-in-out; /* Transición para el icono */
+}
+
+.menu-text {
+ font-size: 0.9rem;
+ transition: font-weight 0.3s ease-in-out, color 0.3s ease-in-out; /* Transición para el texto */
+}
+
+/* Efectos especiales para los ítems activos */
+.menu-item.active {
+ padding-left: 0.75rem; /* Añade un poco más de padding a la izquierda */
+}
+
+.menu-item.active .menu-icon {
+ transform: scale(1.2); /* Hace el icono ligeramente más grande */
+ color: #0066cc; /* Color más brillante para el icono */
+}
+
+/* Indicador de elemento activo */
+.active-indicator {
+ position: absolute;
+ right: 10px;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 6px;
+ height: 6px;
+ border-radius: 50%;
+ opacity: 0;
+ transition: all 0.3s ease-in-out;
+}
+
+.menu-item.active .active-indicator {
+ opacity: 1;
+ background-color: #0066cc;
+ box-shadow: 0 0 8px 1px rgba(0, 102, 204, 0.8);
+ animation: pulse 1.5s infinite ease-in-out;
+}
+
+@keyframes pulse {
+ 0% {
+ transform: translateY(-50%) scale(0.8);
+ opacity: 0.7;
+ }
+ 50% {
+ transform: translateY(-50%) scale(1.2);
+ opacity: 1;
+ }
+ 100% {
+ transform: translateY(-50%) scale(0.8);
+ opacity: 0.7;
+ }
+}
+
+.menu-item.active .menu-link {
+ background: linear-gradient(90deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%) !important;
+ border-left: 3px solid white !important;
+ color: #706f6f !important;
+ font-weight: 600;
+ box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24) !important;
+ margin: 0 auto; /* Centra el elemento */
+ /* Añadir animación de entrada */
+ animation: activeItemEffect 0.4s ease-in-out, glowEffect 2s ease-in-out infinite alternate;
+ position: relative; /* Para el efecto de resplandor */
+}
+
+/* Definir la animación para el elemento activo - movimiento lateral */
+@keyframes activeItemEffect {
+ 0% {
+ transform: translateX(-10px);
+ opacity: 0.5;
+ }
+ 50% {
+ transform: translateX(5px);
+ opacity: 0.8;
+ }
+ 100% {
+ transform: translateX(0);
+ opacity: 1;
+ }
+}
+
+/* Efecto de resplandor suave */
+@keyframes glowEffect {
+ 0% {
+ box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
+ }
+ 100% {
+ box-shadow: 0 0 5px rgba(255,255,255,0.8), 0 0 10px rgba(10, 40, 71, 0.3);
+ }
+}
+
+/* Añadir pseudo-elemento para un brillo en el borde izquierdo */
+.menu-item.active .menu-link::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 3px;
+ background-color: white;
+ animation: borderPulse 1.5s ease-in-out infinite;
+}
+
+@keyframes borderPulse {
+ 0% {
+ opacity: 0.6;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0.6;
+ }
+}
\ No newline at end of file
diff --git a/src/app/components/sidebar/sidebar.component.spec.ts b/src/app/components/sidebar/sidebar.component.spec.ts
new file mode 100644
index 0000000..5445f3c
--- /dev/null
+++ b/src/app/components/sidebar/sidebar.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SidebarComponent } from './sidebar.component';
+
+describe('SidebarComponent', () => {
+ let component: SidebarComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ 1.0
+
+
\ No newline at end of file
diff --git a/src/app/components/visor-pdf/visor-pdf.component.scss b/src/app/components/visor-pdf/visor-pdf.component.scss
new file mode 100644
index 0000000..5e1956f
--- /dev/null
+++ b/src/app/components/visor-pdf/visor-pdf.component.scss
@@ -0,0 +1,22 @@
+.pdf-container {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ }
+
+ .toolbar {
+ display: flex;
+ justify-content: flex-end;
+ margin-top: 10px;
+ gap: 10px;
+ }
+
+ .pdf-viewer {
+ flex: 1;
+ border: 1px solid #ccc;
+ background-color: #f5f5f5;
+ }
+
+ iframe {
+ border: none;
+ }
\ No newline at end of file
diff --git a/src/app/components/visor-pdf/visor-pdf.component.spec.ts b/src/app/components/visor-pdf/visor-pdf.component.spec.ts
new file mode 100644
index 0000000..254e7bc
--- /dev/null
+++ b/src/app/components/visor-pdf/visor-pdf.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { VisorPdfComponent } from './visor-pdf.component';
+
+describe('VisorPdfComponent', () => {
+ let component: VisorPdfComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+ Empresa
+ Código de cronograma
+ Etapa del Servicio
+ Nombre sistema
+ Tipo de inversión
+ Código de glosa PD
+ Descripción glosa
+ Monto Inversión Total (UF)
+ Año de Inicio
+ Año de Término
+ Mes de Término
+ Nota
+ Estado aprobación
+ Observación
+
+
+
+
+ {{ product.empresa }}
+ {{ product.codigoCronograma }}
+ {{ product.codigoCronogramaAjuste }}
+ {{ product.tipoCarga }}
+ {{ product.estadoRevision }}
+ {{ product.estadoRevision }}
+ {{ product.fechaIngreso }}
+ {{ product.estadoRevision }}
+ {{ product.dato9 }}
+ {{ product.dato10 }}
+ {{ product.dato11 }}
+ {{ product.dato12 }}
+
+
+
+
+
+
+
+
+
diff --git a/src/app/pages/actualizacion-pd/actualizacion-pd.component.scss b/src/app/pages/actualizacion-pd/actualizacion-pd.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/actualizacion-pd/actualizacion-pd.component.spec.ts b/src/app/pages/actualizacion-pd/actualizacion-pd.component.spec.ts
new file mode 100644
index 0000000..c9daf23
--- /dev/null
+++ b/src/app/pages/actualizacion-pd/actualizacion-pd.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ActualizacionPdComponent } from './actualizacion-pd.component';
+
+describe('ActualizacionPdComponent', () => {
+ let component: ActualizacionPdComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+ Filtro Empresa
+
+
+
+
+ Filtro Código Cronograma
+
+
+
+
+
+
+
+
+
+
+
+ Cronograma base vigente
+ Cronograma base ajustado
+
+
+ Empresa
+ Código de cronograma
+ Etapa del Servicio
+ Nombre sistema
+ Nombre localidad
+ Tipo de inversión
+ Código de glosa PD
+ Descripción glosa
+ Monto Inversión Total (UF)
+ Año de Inicio
+ Año de Término
+ Mes de Término
+ Tipo de ajuste
+ Año de Inicio
+ Año de Término
+ Mes de Término
+ Nota
+ Estado aprobación
+ Observación
+
+
+
+
+ {{ product.empresa }}
+ {{ product.codigoCronograma }}
+ {{ product.codigoCronogramaAjuste }}
+ {{ product.tipoCarga }}
+ {{ product.estadoRevision }}
+ {{ product.fechaIngreso }}
+ {{ product.estadoRevision }}
+ {{ product.dato9 }}
+ {{ product.dato10 }}
+ {{ product.dato13 }}
+ {{ product.dato14 }}
+ {{ product.dato15 }}
+ {{ product.dato16 }}
+ {{ product.dato17 }}
+ {{ product.dato18 }}
+ {{ product.dato11 }}
+ {{ product.dato12 }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/pages/ajuste-pd/ajuste-pd.component.scss b/src/app/pages/ajuste-pd/ajuste-pd.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/ajuste-pd/ajuste-pd.component.spec.ts b/src/app/pages/ajuste-pd/ajuste-pd.component.spec.ts
new file mode 100644
index 0000000..520d088
--- /dev/null
+++ b/src/app/pages/ajuste-pd/ajuste-pd.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AjustePdComponent } from './ajuste-pd.component';
+
+describe('AjustePdComponent', () => {
+ let component: AjustePdComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+ Filtro Empresa
+
+
+
+
+ Filtro Código Cronograma
+
+
+
+
+
+
+
+
+
+
+
+ Empresa
+ Código de cronograma
+ Código cronograma de ajuste
+ Tipo de carga
+ Estado de revisión
+ Analista
+ Fecha ingreso
+ Semáforo
+
+
+
+
+ {{ product.empresa }}
+ {{ product.codigoCronograma }}
+ {{ product.codigoCronogramaAjuste }}
+ {{ product.tipoCarga }}
+ {{ product.estadoRevision }}
+
+
+
+
+ {{ product.fechaIngreso }}
+
+
+
+
+
+
+
+
+
+
+
+ Empresa
+
+ Código de cronograma SINAR
+
+ Contiene obras del año
+
+ N° Oficio que aprueba
+
+ Tipo de carga
+
+ Fecha de solicitud
+
+
+
+
+ {{ product.empresa }}
+ {{ product.codigoCronograma }}
+ {{ product.codigoCronogramaAjuste }}
+ {{ product.tipoCarga }}
+ {{ product.estadoRevision }}
+ {{ product.fechaIngreso }}
+
+
+
+
+
diff --git a/src/app/pages/concesiones/concesiones.component.scss b/src/app/pages/concesiones/concesiones.component.scss
new file mode 100644
index 0000000..d9d21e7
--- /dev/null
+++ b/src/app/pages/concesiones/concesiones.component.scss
@@ -0,0 +1,12 @@
+.input-with-icon {
+ background-size: 20px 20px;
+ padding-right: 35px; /* espacio para que el texto no choque con el ícono */
+}
+
+@media screen and (min-width: 992px) {
+ .lg\:col-2 {
+ flex: 0 0 auto;
+ padding: 0.5rem;
+ width: 19%;
+ }
+}
diff --git a/src/app/pages/concesiones/concesiones.component.spec.ts b/src/app/pages/concesiones/concesiones.component.spec.ts
new file mode 100644
index 0000000..c8e341d
--- /dev/null
+++ b/src/app/pages/concesiones/concesiones.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ConcesionesComponent } from './concesiones.component';
+
+describe('ConcesionesComponent', () => {
+ let component: ConcesionesComponent;
+ let fixture: ComponentFixtureCronogramas cargados:
+
+
+
+
+
+
+
+
+
+
+
+ Filtro Empresa
+
+
+
+
+ Filtro Código Cronograma SINAR
+
+
+
+
+ Filtro tipo de carga
+
+
+
+
+ ¿Contiene obras del año?
+
+
+
+
+ N° Oficio que aprueba
+
+
+
+
+
+Cronogramas solicitados y pendientes de carga:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/pages/home/home.component.scss b/src/app/pages/home/home.component.scss
new file mode 100644
index 0000000..0bf0724
--- /dev/null
+++ b/src/app/pages/home/home.component.scss
@@ -0,0 +1,62 @@
+/* src/app/pages/home/home.component.scss */
+.home-page {
+ padding: 1rem;
+ }
+
+ .card-title {
+ font-size: 1.1rem;
+ font-weight: 500;
+ color: #495057;
+ }
+
+ /* Personalización del estilo de la card */
+ :host ::ng-deep .p-card {
+ border-radius: 0;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+
+ .p-card-title {
+ font-size: 1.1rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .p-card-content {
+ padding-top: 0;
+ }
+ }
+
+ /* Personalización del estilo del acordeón */
+ :host ::ng-deep .p-accordion {
+ .p-accordion-header {
+ .p-accordion-header-link {
+ background-color: #f8f9fa;
+ color: #495057;
+ border-radius: 0;
+ font-weight: 500;
+ padding: 1rem;
+
+ &:focus {
+ box-shadow: none;
+ }
+
+ .p-accordion-toggle-icon {
+ color: #0088cc;
+ }
+ }
+
+ &.p-highlight .p-accordion-header-link {
+ background-color: #f8f9fa;
+ color: #495057;
+ border-color: #dee2e6;
+ }
+ }
+
+ .p-accordion-content {
+ background-color: #ffffff;
+ border-color: #dee2e6;
+ padding: 1rem;
+ }
+ }
+
+ .mb-4 {
+ margin-bottom: 1rem;
+ }
\ No newline at end of file
diff --git a/src/app/pages/home/home.component.spec.ts b/src/app/pages/home/home.component.spec.ts
new file mode 100644
index 0000000..1191557
--- /dev/null
+++ b/src/app/pages/home/home.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+ let component: HomeComponent;
+ let fixture: ComponentFixtureSimple Card
+ Lorem ipsum dolor sit amet...
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore + magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est + laborum. +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore + magna aliqua. +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore + magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est + laborum. +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore + magna aliqua. +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore + magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est + laborum. +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore + magna aliqua. +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
+
-
- 
-
-
-
- SACG
-
+
-
-
-
-
-
-
\ No newline at end of file
+
+;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [NotFoundComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(NotFoundComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/pages/not-found/not-found.component.ts b/src/app/pages/not-found/not-found.component.ts
new file mode 100644
index 0000000..fe9d6ae
--- /dev/null
+++ b/src/app/pages/not-found/not-found.component.ts
@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+ selector: 'app-not-found',
+ imports: [],
+ templateUrl: './not-found.component.html',
+ styleUrl: './not-found.component.scss'
+})
+export class NotFoundComponent {
+
+ constructor(private readonly router: Router) {}
+
+
+ volverAlInicio() {
+ this.router.navigate(['/']);
+ }
+
+}
diff --git a/src/app/pages/resumen/resumen.component.html b/src/app/pages/resumen/resumen.component.html
new file mode 100644
index 0000000..cb5681c
--- /dev/null
+++ b/src/app/pages/resumen/resumen.component.html
@@ -0,0 +1,87 @@
+;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [ResumenComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(ResumenComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/pages/resumen/resumen.component.ts b/src/app/pages/resumen/resumen.component.ts
new file mode 100644
index 0000000..cc628e8
--- /dev/null
+++ b/src/app/pages/resumen/resumen.component.ts
@@ -0,0 +1,68 @@
+import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { TableModule } from 'primeng/table';
+import { InputTextModule } from 'primeng/inputtext';
+import { TooltipModule } from 'primeng/tooltip';
+import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
+import { VisorPdfComponent } from '../../components/visor-pdf/visor-pdf.component';
+
+@Component({
+ selector: 'app-resumen',
+ imports: [FormsModule, TableModule, InputTextModule, TooltipModule],
+ templateUrl: './resumen.component.html',
+ styleUrl: './resumen.component.scss',
+ providers: [DialogService]
+})
+export class ResumenComponent {
+
+ constructor(public dialogService: DialogService) { }
+
+ ref: DynamicDialogRef
+ 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',
+ },
+ ];
+
+ firma(product: any): void {
+ console.log('Firma digital del producto:', product);
+ this.ref = this.dialogService.open(VisorPdfComponent, {
+ header: 'Visor PDF',
+ width: '80vw',
+ height: '80vh',
+ modal: true,
+ closable: true,
+ maximizable: true,
+ data:{
+ product: product
+ },
+ breakpoints: {
+ '960px': '75vw',
+ '640px': '90vw'
+ },
+ });
+
+ }
+
+}
diff --git a/src/app/pages/unidad-informacion/unidad-informacion.component.html b/src/app/pages/unidad-informacion/unidad-informacion.component.html
new file mode 100644
index 0000000..2f7c847
--- /dev/null
+++ b/src/app/pages/unidad-informacion/unidad-informacion.component.html
@@ -0,0 +1,91 @@
+;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [UnidadInformacionComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(UnidadInformacionComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/pages/unidad-informacion/unidad-informacion.component.ts b/src/app/pages/unidad-informacion/unidad-informacion.component.ts
new file mode 100644
index 0000000..c47d950
--- /dev/null
+++ b/src/app/pages/unidad-informacion/unidad-informacion.component.ts
@@ -0,0 +1,48 @@
+import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { TableModule } from 'primeng/table';
+import { InputTextModule } from 'primeng/inputtext';
+
+@Component({
+ selector: 'app-unidad-informacion',
+ imports: [FormsModule, TableModule, InputTextModule],
+ templateUrl: './unidad-informacion.component.html',
+ styleUrl: './unidad-informacion.component.scss'
+})
+export class UnidadInformacionComponent {
+ products: any[] = [
+ {
+ empresa: 'Empresa A',
+ codigoCronograma: '123',
+ codigoCronogramaAjuste: '456',
+ tipoCarga: 'Inicial',
+ dato5: 'Inicial',
+ dato6: 'Inicial',
+ },
+ {
+ empresa: 'Empresa A',
+ codigoCronograma: '123',
+ codigoCronogramaAjuste: '456',
+ tipoCarga: 'Inicial',
+ dato5: 'Inicial',
+ dato6: 'Inicial',
+ },
+ {
+ empresa: 'Empresa A',
+ codigoCronograma: '123',
+ codigoCronogramaAjuste: '456',
+ tipoCarga: 'Inicial',
+ dato5: 'Inicial',
+ dato6: 'Inicial',
+ },
+ {
+ empresa: 'Empresa A',
+ codigoCronograma: '123',
+ codigoCronogramaAjuste: '456',
+ tipoCarga: 'Inicial',
+ dato5: 'Inicial',
+ dato6: 'Inicial',
+ },
+ ];
+
+}
diff --git a/src/app/services/actualizacion-pd.service.ts b/src/app/services/actualizacion-pd.service.ts
new file mode 100644
index 0000000..192b4dd
--- /dev/null
+++ b/src/app/services/actualizacion-pd.service.ts
@@ -0,0 +1,41 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { ActualizacionPd } from '../models/actualizacion-pd.model';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class ActualizacionPdService {
+ private apiUrl = 'api/actualizaciones';
+
+ constructor(private http: HttpClient) {}
+
+ getActualizaciones(): Observable {
+ return this.http.get(this.apiUrl);
+ }
+
+ getActualizacionById(id: number): Observable {
+ return this.http.get(`${this.apiUrl}/${id}`);
+ }
+
+ createActualizacion(actualizacion: ActualizacionPd): Observable {
+ return this.http.post(this.apiUrl, actualizacion);
+ }
+
+ updateActualizacion(actualizacion: ActualizacionPd): Observable {
+ return this.http.put(`${this.apiUrl}/${actualizacion.id}`, actualizacion);
+ }
+
+ deleteActualizacion(id: number): Observable {
+ return this.http.delete(`${this.apiUrl}/${id}`);
+ }
+
+ aprobarActualizacion(id: number): Observable {
+ return this.http.patch(`${this.apiUrl}/${id}/aprobar`, {});
+ }
+
+ rechazarActualizacion(id: number, motivo: string): Observable {
+ return this.http.patch(`${this.apiUrl}/${id}/rechazar`, { motivo });
+ }
+}
diff --git a/src/app/services/ajuste-pd.service.ts b/src/app/services/ajuste-pd.service.ts
new file mode 100644
index 0000000..4c57f18
--- /dev/null
+++ b/src/app/services/ajuste-pd.service.ts
@@ -0,0 +1,41 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { AjustePd } from '../models/ajuste-pd.model';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class AjustePdService {
+ private apiUrl = 'api/ajustes';
+
+ constructor(private http: HttpClient) {}
+
+ getAjustes(): Observable {
+ return this.http.get(this.apiUrl);
+ }
+
+ getAjusteById(id: number): Observable {
+ return this.http.get(`${this.apiUrl}/${id}`);
+ }
+
+ createAjuste(ajuste: AjustePd): Observable {
+ return this.http.post(this.apiUrl, ajuste);
+ }
+
+ updateAjuste(ajuste: AjustePd): Observable {
+ return this.http.put(`${this.apiUrl}/${ajuste.id}`, ajuste);
+ }
+
+ deleteAjuste(id: number): Observable {
+ return this.http.delete(`${this.apiUrl}/${id}`);
+ }
+
+ aprobarAjuste(id: number): Observable {
+ return this.http.patch(`${this.apiUrl}/${id}/aprobar`, {});
+ }
+
+ rechazarAjuste(id: number, motivo: string): Observable {
+ return this.http.patch(`${this.apiUrl}/${id}/rechazar`, { motivo });
+ }
+}
diff --git a/src/app/services/alert.service.ts b/src/app/services/alert.service.ts
new file mode 100644
index 0000000..da895db
--- /dev/null
+++ b/src/app/services/alert.service.ts
@@ -0,0 +1,128 @@
+import { Injectable, ComponentRef, createComponent, EnvironmentInjector, ApplicationRef } from '@angular/core';
+import { AlertDialogComponent, AlertDialogOptions } from '../components/alert-dialog/alert-dialog.component';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class AlertService {
+ private alertRef: ComponentRef | null = null;
+
+ constructor(
+ private injector: EnvironmentInjector,
+ private appRef: ApplicationRef
+ ) {}
+
+ /**
+ * Muestra un mensaje de alerta tipo Sweet Alert
+ * @param options Opciones de configuración del alert
+ * @returns Una promesa que se resuelve con true (confirmar) o false (cancelar)
+ */
+ show(options: Partial = {}): Promise {
+ return new Promise((resolve) => {
+ // Si ya existe un alert, lo eliminamos
+ this.closeCurrentAlert();
+
+ // Creamos el componente dinámicamente
+ this.alertRef = createComponent(AlertDialogComponent, {
+ environmentInjector: this.injector,
+ });
+
+ // Agregamos a la aplicación y al DOM
+ document.body.appendChild(this.alertRef.location.nativeElement);
+ this.appRef.attachView(this.alertRef.hostView);
+
+ // Configuramos las opciones y mostramos
+ this.alertRef.instance.show(options);
+
+ // Manejamos la respuesta
+ const subscription = this.alertRef.instance.onConfirm.subscribe((result) => {
+ subscription.unsubscribe();
+ this.closeCurrentAlert();
+ resolve(result);
+ });
+ });
+ }
+
+ /**
+ * Muestra un mensaje de éxito
+ * @param message Mensaje a mostrar
+ * @param title Título del alert (opcional)
+ */
+ success(message: string, title: string = '¡Operación exitosa!'): Promise {
+ return this.show({
+ title,
+ message,
+ icon: 'success',
+ showCancelButton: false
+ });
+ }
+
+ /**
+ * Muestra un mensaje de error
+ * @param message Mensaje a mostrar
+ * @param title Título del alert (opcional)
+ */
+ error(message: string, title: string = 'Error'): Promise {
+ return this.show({
+ title,
+ message,
+ icon: 'error',
+ showCancelButton: false
+ });
+ }
+
+ /**
+ * Muestra un mensaje de advertencia
+ * @param message Mensaje a mostrar
+ * @param title Título del alert (opcional)
+ */
+ warning(message: string, title: string = 'Advertencia'): Promise {
+ return this.show({
+ title,
+ message,
+ icon: 'warning',
+ showCancelButton: false
+ });
+ }
+
+ /**
+ * Muestra un mensaje informativo
+ * @param message Mensaje a mostrar
+ * @param title Título del alert (opcional)
+ */
+ info(message: string, title: string = 'Información'): Promise {
+ return this.show({
+ title,
+ message,
+ icon: 'info',
+ showCancelButton: false
+ });
+ }
+
+ /**
+ * Muestra un diálogo de confirmación
+ * @param message Mensaje a mostrar
+ * @param title Título del alert (opcional)
+ */
+ confirm(message: string, title: string = '¿Está seguro?'): Promise {
+ return this.show({
+ title,
+ message,
+ icon: 'question',
+ showCancelButton: true,
+ confirmButtonText: 'Sí, confirmar',
+ cancelButtonText: 'Cancelar'
+ });
+ }
+
+ /**
+ * Cierra el alert actual si existe
+ */
+ private closeCurrentAlert(): void {
+ if (this.alertRef) {
+ this.appRef.detachView(this.alertRef.hostView);
+ this.alertRef.location.nativeElement.remove();
+ this.alertRef = null;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/app/services/auth.service.ts b/src/app/services/auth.service.ts
new file mode 100644
index 0000000..a69b102
--- /dev/null
+++ b/src/app/services/auth.service.ts
@@ -0,0 +1,111 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable, BehaviorSubject, of, throwError } from 'rxjs';
+import { tap, delay } from 'rxjs/operators';
+
+interface LoginCredentials {
+ username?: string;
+ password?: string;
+ email?: string;
+}
+
+interface AuthResponse {
+ token: string;
+ user: {
+ id: number;
+ username: string;
+ name: string;
+ role: string;
+ email?: string;
+ };
+}
+
+@Injectable({
+ providedIn: 'root'
+})
+export class AuthService {
+ private apiUrl = 'api/auth';
+ private userSubject = new BehaviorSubject(null);
+ public user$ = this.userSubject.asObservable();
+
+ // Usuarios de prueba para simular login
+ private mockUsers = [
+ {
+ email: 'admin@example.com',
+ password: 'admin123',
+ user: {
+ id: 1,
+ username: 'admin',
+ name: 'Administrador',
+ role: 'admin',
+ email: 'admin@example.com'
+ }
+ },
+ {
+ email: 'user@example.com',
+ password: 'user123',
+ user: {
+ id: 2,
+ username: 'user',
+ name: 'Usuario',
+ role: 'user',
+ email: 'user@example.com'
+ }
+ }
+ ];
+
+ constructor(private http: HttpClient) {
+ // Check if user is already logged in on service initialization
+ const user = localStorage.getItem('user');
+ if (user) {
+ this.userSubject.next(JSON.parse(user));
+ }
+ }
+
+ login(credentials: LoginCredentials): Observable {
+ // Simular login con usuarios de prueba
+ const user = this.mockUsers.find(u =>
+ u.email === credentials.email && u.password === credentials.password);
+
+ if (user) {
+ // Generar token falso
+ const mockResponse: AuthResponse = {
+ token: 'mock-jwt-token-' + Math.random().toString(36).substring(2, 15),
+ user: user.user
+ };
+
+ return of(mockResponse).pipe(
+ // Simular retraso de red
+ delay(800),
+ tap(response => {
+ // Store token and user info
+ localStorage.setItem('token', response.token);
+ localStorage.setItem('user', JSON.stringify(response.user));
+ this.userSubject.next(response.user);
+ })
+ );
+ } else {
+ // Simular error de credenciales inválidas
+ return throwError(() => new Error('Credenciales incorrectas'));
+ }
+ }
+
+ logout(): void {
+ // Clear storage and update subject
+ localStorage.removeItem('token');
+ localStorage.removeItem('user');
+ this.userSubject.next(null);
+ }
+
+ isLoggedIn(): boolean {
+ return !!localStorage.getItem('token');
+ }
+
+ getToken(): string | null {
+ return localStorage.getItem('token');
+ }
+
+ getCurrentUser(): any {
+ return this.userSubject.value;
+ }
+}
\ No newline at end of file
diff --git a/src/app/services/cronograma.service.ts b/src/app/services/cronograma.service.ts
new file mode 100644
index 0000000..78c6c98
--- /dev/null
+++ b/src/app/services/cronograma.service.ts
@@ -0,0 +1,33 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { Cronograma } from '../models/cronograma.model';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class CronogramaService {
+ private apiUrl = 'api/cronogramas';
+
+ constructor(private http: HttpClient) {}
+
+ getCronogramas(): Observable {
+ return this.http.get(this.apiUrl);
+ }
+
+ getCronogramaById(id: number): Observable {
+ return this.http.get(`${this.apiUrl}/${id}`);
+ }
+
+ createCronograma(cronograma: Cronograma): Observable {
+ return this.http.post(this.apiUrl, cronograma);
+ }
+
+ updateCronograma(cronograma: Cronograma): Observable {
+ return this.http.put(`${this.apiUrl}/${cronograma.id}`, cronograma);
+ }
+
+ deleteCronograma(id: number): Observable {
+ return this.http.delete(`${this.apiUrl}/${id}`);
+ }
+}
diff --git a/src/app/services/empresa.service.ts b/src/app/services/empresa.service.ts
new file mode 100644
index 0000000..0bbadb3
--- /dev/null
+++ b/src/app/services/empresa.service.ts
@@ -0,0 +1,33 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { Empresa } from '../models/empresa.model';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class EmpresaService {
+ private apiUrl = 'api/empresas';
+
+ constructor(private http: HttpClient) {}
+
+ getEmpresas(): Observable {
+ return this.http.get(this.apiUrl);
+ }
+
+ getEmpresaById(id: number): Observable {
+ return this.http.get(`${this.apiUrl}/${id}`);
+ }
+
+ createEmpresa(empresa: Empresa): Observable {
+ return this.http.post(this.apiUrl, empresa);
+ }
+
+ updateEmpresa(empresa: Empresa): Observable {
+ return this.http.put(`${this.apiUrl}/${empresa.id}`, empresa);
+ }
+
+ deleteEmpresa(id: number): Observable {
+ return this.http.delete(`${this.apiUrl}/${id}`);
+ }
+}
diff --git a/src/app/services/estado-aprobacion.service.ts b/src/app/services/estado-aprobacion.service.ts
new file mode 100644
index 0000000..d718b0a
--- /dev/null
+++ b/src/app/services/estado-aprobacion.service.ts
@@ -0,0 +1,17 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { EstadoAprobacion } from '../models/estado-aprobacion.model';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class EstadoAprobacionService {
+ private apiUrl = 'api/estadosAprobacion';
+
+ constructor(private http: HttpClient) {}
+
+ getEstadosAprobacion(): Observable {
+ return this.http.get(this.apiUrl);
+ }
+}
diff --git a/src/app/services/index.ts b/src/app/services/index.ts
new file mode 100644
index 0000000..dd35e28
--- /dev/null
+++ b/src/app/services/index.ts
@@ -0,0 +1,9 @@
+export * from './cronograma.service';
+export * from './empresa.service';
+export * from './actualizacion-pd.service';
+export * from './ajuste-pd.service';
+export * from './unidad-informacion.service';
+export * from './tipo-carga.service';
+export * from './estado-aprobacion.service';
+export * from './pdf.service';
+export * from './alert.service';
diff --git a/src/app/services/pdf.service.ts b/src/app/services/pdf.service.ts
new file mode 100644
index 0000000..f0f8116
--- /dev/null
+++ b/src/app/services/pdf.service.ts
@@ -0,0 +1,214 @@
+import { Injectable } from '@angular/core';
+import pdfMake from 'pdfmake/build/pdfmake';
+import pdfFonts from 'pdfmake/build/vfs_fonts';
+import { TDocumentDefinitions } from 'pdfmake/interfaces';
+
+pdfMake.vfs = pdfFonts.vfs;
+
+@Injectable({
+ providedIn: 'root'
+})
+export class PdfService {
+
+ constructor() { }
+
+ /**
+ * Genera un PDF con la definición por defecto para cronogramas
+ * @param data Datos opcionales para personalizar el documento
+ * @returns Promise con la URL de datos del PDF generado
+ */
+ generateCronogramaPdf(data?: any): Promise {
+ const docDefinition = this.getCronogramaDocDefinition(data);
+ return this.generatePdfDataUrl(docDefinition);
+ }
+
+ /**
+ * Descarga un PDF con la definición de cronograma
+ * @param filename Nombre del archivo a descargar
+ * @param data Datos opcionales para personalizar el documento
+ */
+ downloadCronogramaPdf(filename: string = 'cronograma', data?: any): void {
+ const docDefinition = this.getCronogramaDocDefinition(data);
+ pdfMake.createPdf(docDefinition).download(filename);
+ }
+
+ /**
+ * Genera una URL de datos a partir de la definición del documento
+ * @param docDefinition Definición del documento PDF
+ * @returns Promise con la URL de datos del PDF
+ */
+ private generatePdfDataUrl(docDefinition: TDocumentDefinitions): Promise {
+ return new Promise((resolve) => {
+ const pdfDocGenerator = pdfMake.createPdf(docDefinition);
+ pdfDocGenerator.getDataUrl((dataUrl) => {
+ resolve(dataUrl);
+ });
+ });
+ }
+
+ /**
+ * Obtiene la definición del documento para un cronograma
+ * @param data Datos opcionales para personalizar el documento
+ * @returns Definición del documento PDF
+ */
+ private getCronogramaDocDefinition(data?: any): TDocumentDefinitions {
+ return {
+ content: [
+ // Encabezado con información de empresa y cronograma
+ {
+ columns: [
+ {
+ width: '50%',
+ text: 'Empresa: Constructora Los Andes S.A.',
+ margin: [0, 0, 0, 5]
+ },
+ {
+ width: '50%',
+ text: [
+ { text: 'Cronograma: SC-23-45\n' },
+ { text: 'Nombre sistema: Terminal Portuario Norte' }
+ ],
+ alignment: 'right',
+ margin: [0, 0, 0, 5]
+ }
+ ]
+ },
+
+ // Título y subtítulo
+ {
+ text: 'CRONOGRAMA BASE DE OBRAS E INVERSIONES',
+ alignment: 'center',
+ bold: true,
+ fontSize: 12,
+ margin: [0, 10, 0, 0]
+ },
+ {
+ text: 'ACTUALIZACIÓN PLAN DE DESARROLLO O NUEVA CONCESIÓN',
+ alignment: 'center',
+ bold: true,
+ fontSize: 11,
+ margin: [0, 0, 0, 10]
+ },
+
+ // Tabla principal
+ {
+ table: {
+ headerRows: 1,
+ widths: ['10%', '12%', '23%', '12%', '10%', '10%', '10%', '13%'],
+ body: [
+ [
+ { text: 'ETAPA', style: 'tableHeader', alignment: 'center' },
+ { text: 'CÓDIGO GLOSA', style: 'tableHeader', alignment: 'center' },
+ { text: 'DESCRIPCIÓN GLOSA', style: 'tableHeader', alignment: 'center' },
+ { text: 'MONTO INVERSIÓN UF', style: 'tableHeader', alignment: 'center' },
+ { text: 'AÑO INICIO', style: 'tableHeader', alignment: 'center' },
+ { text: 'AÑO TERMINO', style: 'tableHeader', alignment: 'center' },
+ { text: 'MES TERMINO', style: 'tableHeader', alignment: 'center' },
+ { text: 'NOTA', style: 'tableHeader', alignment: 'center' }
+ ],
+ [
+ { text: '1', alignment: 'center' },
+ { text: 'INF-001', alignment: 'center' },
+ { text: 'Estudios preliminares', alignment: 'left' },
+ { text: '2,500', alignment: 'right' },
+ { text: '2025', alignment: 'center' },
+ { text: '2025', alignment: 'center' },
+ { text: 'Julio', alignment: 'center' },
+ { text: 'Fase inicial', alignment: 'left' }
+ ],
+ [
+ { text: '2', alignment: 'center' },
+ { text: 'MOV-102', alignment: 'center' },
+ { text: 'Movimiento de tierras', alignment: 'left' },
+ { text: '15,750', alignment: 'right' },
+ { text: '2025', alignment: 'center' },
+ { text: '2026', alignment: 'center' },
+ { text: 'Enero', alignment: 'center' },
+ { text: 'En terreno', alignment: 'left' }
+ ],
+ [
+ { text: '3', alignment: 'center' },
+ { text: 'CIM-203', alignment: 'center' },
+ { text: 'Construcción de cimientos', alignment: 'left' },
+ { text: '32,800', alignment: 'right' },
+ { text: '2026', alignment: 'center' },
+ { text: '2026', alignment: 'center' },
+ { text: 'Mayo', alignment: 'center' },
+ { text: 'Crítico', alignment: 'left' }
+ ],
+ [
+ { text: '4', alignment: 'center' },
+ { text: 'EST-304', alignment: 'center' },
+ { text: 'Estructura principal', alignment: 'left' },
+ { text: '65,420', alignment: 'right' },
+ { text: '2026', alignment: 'center' },
+ { text: '2027', alignment: 'center' },
+ { text: 'Febrero', alignment: 'center' },
+ { text: 'Alta inversión', alignment: 'left' }
+ ],
+ [
+ { text: '5', alignment: 'center' },
+ { text: 'TER-405', alignment: 'center' },
+ { text: 'Terminaciones y acabados', alignment: 'left' },
+ { text: '18,300', alignment: 'right' },
+ { text: '2027', alignment: 'center' },
+ { text: '2027', alignment: 'center' },
+ { text: 'Octubre', alignment: 'center' },
+ { text: 'Etapa final', alignment: 'left' }
+ ]
+ ]
+ }
+ },
+
+ // Total
+ {
+ columns: [
+ {
+ width: '80%',
+ text: 'TOTAL:',
+ alignment: 'right',
+ bold: true,
+ margin: [0, 15, 10, 20]
+ },
+ {
+ width: '20%',
+ text: '134,770 UF',
+ alignment: 'left',
+ bold: true,
+ margin: [0, 15, 0, 20]
+ }
+ ]
+ },
+
+ // Firma
+ {
+ text: 'X',
+ alignment: 'center',
+ bold: true,
+ fontSize: 14,
+ margin: [0, 15, 0, 0]
+ },
+ {
+ text: 'Firma SSS',
+ alignment: 'center',
+ fontSize: 10,
+ margin: [0, 0, 0, 10]
+ }
+ ],
+
+ // Estilos
+ styles: {
+ tableHeader: {
+ bold: true,
+ fontSize: 10,
+ fillColor: '#f2f2f2'
+ }
+ },
+
+ // Definiciones de página
+ pageSize: 'A4',
+ pageOrientation: 'portrait',
+ pageMargins: [40, 40, 40, 40]
+ };
+ }
+}
\ No newline at end of file
diff --git a/src/app/services/tipo-carga.service.ts b/src/app/services/tipo-carga.service.ts
new file mode 100644
index 0000000..48d5d75
--- /dev/null
+++ b/src/app/services/tipo-carga.service.ts
@@ -0,0 +1,17 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { TipoCarga } from '../models/tipo-carga.model';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class TipoCargaService {
+ private apiUrl = 'api/tiposCarga';
+
+ constructor(private http: HttpClient) {}
+
+ getTiposCarga(): Observable {
+ return this.http.get(this.apiUrl);
+ }
+}
diff --git a/src/app/services/unidad-informacion.service.ts b/src/app/services/unidad-informacion.service.ts
new file mode 100644
index 0000000..5056adb
--- /dev/null
+++ b/src/app/services/unidad-informacion.service.ts
@@ -0,0 +1,33 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { UnidadInformacion } from '../models/unidad-informacion.model';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class UnidadInformacionService {
+ private apiUrl = 'api/unidades';
+
+ constructor(private http: HttpClient) {}
+
+ getUnidades(): Observable {
+ return this.http.get(this.apiUrl);
+ }
+
+ getUnidadById(id: number): Observable {
+ return this.http.get(`${this.apiUrl}/${id}`);
+ }
+
+ createUnidad(unidad: UnidadInformacion): Observable {
+ return this.http.post(this.apiUrl, unidad);
+ }
+
+ updateUnidad(unidad: UnidadInformacion): Observable {
+ return this.http.put(`${this.apiUrl}/${unidad.id}`, unidad);
+ }
+
+ deleteUnidad(id: number): Observable {
+ return this.http.delete(`${this.apiUrl}/${id}`);
+ }
+}
diff --git a/src/app/utils/custom-route-reuse-strategy.ts b/src/app/utils/custom-route-reuse-strategy.ts
new file mode 100644
index 0000000..9f585d3
--- /dev/null
+++ b/src/app/utils/custom-route-reuse-strategy.ts
@@ -0,0 +1,42 @@
+import { RouteReuseStrategy, ActivatedRouteSnapshot, DetachedRouteHandle } from '@angular/router';
+
+/**
+ * Estrategia personalizada que evita la reutilización de rutas
+ * para asegurar que los componentes se vuelvan a crear en cada navegación
+ */
+export class CustomRouteReuseStrategy implements RouteReuseStrategy {
+ /**
+ * No almacenar ninguna ruta al desactivarse
+ */
+ shouldDetach(route: ActivatedRouteSnapshot): boolean {
+ return false;
+ }
+
+ /**
+ * No hay rutas almacenadas, así que esto nunca se llama
+ */
+ store(route: ActivatedRouteSnapshot, handle: DetachedRouteHandle | null): void {}
+
+ /**
+ * No recuperar rutas almacenadas
+ */
+ shouldAttach(route: ActivatedRouteSnapshot): boolean {
+ return false;
+ }
+
+ /**
+ * No hay rutas almacenadas, así que esto nunca se llama
+ */
+ retrieve(route: ActivatedRouteSnapshot): DetachedRouteHandle | null {
+ return null;
+ }
+
+ /**
+ * No reutilizar rutas para forzar la recreación de componentes
+ */
+ shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean {
+ // Solo reutilizar si es la misma ruta exactamente (evita problemas con rutas anidadas)
+ return future.routeConfig === curr.routeConfig &&
+ JSON.stringify(future.params) === JSON.stringify(curr.params);
+ }
+}
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 9037551..7f406d9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,10 +2,13 @@
- CronogramasPrimeng
+ Cronogramas
1.0
+
+
+
+
+
+
+
+ 
+
+
+ 1.0
+
+
+ Administrador de Cronogramas
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Iniciar Sesión
+
+
+ Credenciales de prueba:
+Email: admin@example.com
+Password: admin123
+
+
-
+
+
+
+
+
+
+ Recuperar Contraseña
+
+ Volver al Login
+
+ Sistema Administrador de Cronogramas
-
-
-
-
-
-
-
-
-
-
-
- Iniciar Sesión
-
+
\ No newline at end of file
diff --git a/src/app/pages/not-found/not-found.component.scss b/src/app/pages/not-found/not-found.component.scss
new file mode 100644
index 0000000..f8b113d
--- /dev/null
+++ b/src/app/pages/not-found/not-found.component.scss
@@ -0,0 +1,43 @@
+/* error-404.component.css */
+.error-container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ min-height: 100vh;
+ background-color: #f3f4f6;
+ }
+
+ .error-content {
+ text-align: center;
+ }
+
+ .error-title {
+ font-size: 9rem;
+ font-weight: 700;
+ color: #1f2937;
+ }
+
+ .error-message {
+ font-size: 1.5rem;
+ font-weight: 500;
+ color: #4b5563;
+ margin-top: 1rem;
+ margin-bottom: 2rem;
+ }
+
+ .error-button {
+ background-color: #2563eb;
+ color: white;
+ font-weight: 700;
+ padding: 0.75rem 1.5rem;
+ border-radius: 0.5rem;
+ transition: background-color 0.3s;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ border: none;
+ cursor: pointer;
+ }
+
+ .error-button:hover {
+ background-color: #1d4ed8;
+ }
\ No newline at end of file
diff --git a/src/app/pages/not-found/not-found.component.spec.ts b/src/app/pages/not-found/not-found.component.spec.ts
new file mode 100644
index 0000000..5b65d9e
--- /dev/null
+++ b/src/app/pages/not-found/not-found.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NotFoundComponent } from './not-found.component';
+
+describe('NotFoundComponent', () => {
+ let component: NotFoundComponent;
+ let fixture: ComponentFixture
+
+ 404
+ + +
+
+
+
+
+ Empresa
+
+ Código de cronograma
+
+ Nombre sistema
+ Tipo
+
+
+
+
+ {{ product.empresa }}
+ {{ product.codigoCronograma }}
+ {{ product.codigoCronogramaAjuste }}
+ {{ product.tipoCarga }}
+
+
+
+
+
+
+
+
+
+
+ Empresa
+
+ Código de cronograma
+
+ Nombre sistema
+ Tipo
+
+
+
+
+ {{ product.empresa }}
+ {{ product.codigoCronograma }}
+ {{ product.codigoCronogramaAjuste }}
+ {{ product.tipoCarga }}
+
+
+
+
+
+
+
diff --git a/src/app/pages/resumen/resumen.component.scss b/src/app/pages/resumen/resumen.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/resumen/resumen.component.spec.ts b/src/app/pages/resumen/resumen.component.spec.ts
new file mode 100644
index 0000000..bc65d83
--- /dev/null
+++ b/src/app/pages/resumen/resumen.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ResumenComponent } from './resumen.component';
+
+describe('ResumenComponent', () => {
+ let component: ResumenComponent;
+ let fixture: ComponentFixtureCronogramas aprobados:
+ Cronogramas rechazados:
+
+
+
+
+
+ Empresa
+ Código de cronograma SINAR
+ Contiene obras del año
+ N° Oficio que aprueba
+ Tipo de carga
+ Fecha de solicitud
+
+
+
+
+ {{ product.empresa }}
+ {{ product.codigoCronograma }}
+ {{ product.codigoCronogramaAjuste }}
+ {{ product.tipoCarga }}
+ {{ product.dato5 }}
+ {{ product.dato6 }}
+
+
+
+
+
+
+
+ Empresa
+ Código cronograma
+ Nombre sistema
+ Tipo
+ Fecha aprobación
+
+
+
+
+ {{ product.empresa }}
+ {{ product.codigoCronograma }}
+ {{ product.codigoCronogramaAjuste }}
+ {{ product.tipoCarga }}
+ {{ product.dato5 }}
+
+
+
+
+
+
+
+ Empresa
+ Código de cronograma
+ Nombre sistema
+ Tipo
+ Fecha rechazo
+
+
+
+
+ {{ product.empresa }}
+ {{ product.codigoCronograma }}
+ {{ product.codigoCronogramaAjuste }}
+ {{ product.tipoCarga }}
+ {{ product.dato5 }}
+
+
+
+
diff --git a/src/app/pages/unidad-informacion/unidad-informacion.component.scss b/src/app/pages/unidad-informacion/unidad-informacion.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/unidad-informacion/unidad-informacion.component.spec.ts b/src/app/pages/unidad-informacion/unidad-informacion.component.spec.ts
new file mode 100644
index 0000000..63febf1
--- /dev/null
+++ b/src/app/pages/unidad-informacion/unidad-informacion.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UnidadInformacionComponent } from './unidad-informacion.component';
+
+describe('UnidadInformacionComponent', () => {
+ let component: UnidadInformacionComponent;
+ let fixture: ComponentFixtureCronogramas solicitados y pendientes de carga:
+ Cronogramas aprobados:
+ Cronogramas rechazados:
+