From f926c4a5b0c02c3a2cd85a84bcfdfa0b500bce31 Mon Sep 17 00:00:00 2001
From: JuanSanhueza <juan.sanhueza@valposystems.com>
Date: Fri, 2 May 2025 15:11:42 -0400
Subject: [PATCH] =?UTF-8?q?T=C3=ADtulo=20navbar=20-=20Miga=20de=20pan?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/app.routes.ts                         | 14 +++++------
 .../components/navbar/navbar.component.html   |  2 +-
 src/app/components/navbar/navbar.component.ts | 23 ++++++++++++++++---
 src/styles.scss                               |  4 ++--
 4 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 236a01d..dc7d429 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -11,18 +11,18 @@ import { UnidadInformacionComponent } from './pages/unidad-informacion/unidad-in
 
 export const routes: Routes = [
     { path: 'login', component: LoginComponent },
-  
+
     {
       path: '',
       component: LayoutComponent,
       children: [
         { path: '', redirectTo: 'inicio', pathMatch: 'full' },
-        { path: 'inicio', component: HomeComponent },
-        { path: 'unidad-concesiones', component: ConcesionesComponent },
-        { path: 'ct-actualizacion', component: ActualizacionPdComponent },
-        { path: 'ct-ajuste', component: AjustePdComponent },
-        { path: 'resumen', component: ResumenComponent },
-        { path: 'unidad-informacion', component: UnidadInformacionComponent },
+        { path: 'inicio', component: HomeComponent, data: { title: 'Inicio' } },
+        { path: 'unidad-concesiones', component: ConcesionesComponent, data: { title: 'Unidad de Concesiones' } },
+        { path: 'ct-actualizacion', component: ActualizacionPdComponent, data: { title: 'Cronograma temporal por actualización de PD' } },
+        { path: 'ct-ajuste', component: AjustePdComponent , data: { title: 'Cronograma temporal por ajuste de PD' } },
+        { path: 'resumen', component: ResumenComponent, data: { title: 'Resumen' } },
+        { path: 'unidad-informacion', component: UnidadInformacionComponent, data: { title: 'Unidad de Información' } },
       ]
     },
     { path: '**', redirectTo: 'inicio' }
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index d619622..067dce9 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -20,7 +20,7 @@
 
 <!-- Page title and breadcrumb -->
 <div class="page-header">
-  <div class="page-title">{{ pageTitle }}</div>
+  <div class="page-title tituloNavbar">{{ pageTitle }}</div>
   <div class="breadcrumb-container">
     <a routerLink="/dashboard" class="breadcrumb-link">Inicio</a>
     <span class="breadcrumb-separator">/</span>
diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
index 35a9ab4..85ec99c 100644
--- a/src/app/components/navbar/navbar.component.ts
+++ b/src/app/components/navbar/navbar.component.ts
@@ -2,6 +2,8 @@ import { Component, EventEmitter, Output } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { ButtonModule } from 'primeng/button';
 import { ConfirmationService } from 'primeng/api';
+import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
+import { filter, map, mergeMap } from 'rxjs/operators';
 
 @Component({
   selector: 'app-navbar',
@@ -12,8 +14,23 @@ import { ConfirmationService } from 'primeng/api';
 })
 export class NavbarComponent {
   @Output() sidebarToggle = new EventEmitter<void>();
-  pageTitle: string = 'Starter Page';
-  constructor(private confirmationService: ConfirmationService) {}
+  pageTitle: string = 'Starter Pages';
+  constructor(private confirmationService: ConfirmationService,private router: Router, private activatedRoute: ActivatedRoute) {
+    this.router.events.pipe(
+      filter(event => event instanceof NavigationEnd),
+      map(() => {
+        let route = this.activatedRoute;
+        while (route.firstChild) {
+          route = route.firstChild;
+        }
+        return route;
+      }),
+      mergeMap(route => route.data)
+    ).subscribe(data => {
+      this.pageTitle = data['title'] || 'Sin título';
+    });
+  }
+
 
   toggleSidebar() {
     this.sidebarToggle.emit();
@@ -36,6 +53,6 @@ export class NavbarComponent {
       }
     });
   }
-  
+
 
 }
diff --git a/src/styles.scss b/src/styles.scss
index 7ca5283..330ce16 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -47,8 +47,8 @@
     }
   }
 
-  .tituloTabla{
-    color: #002147;
+  .tituloTabla, .tituloNavbar {
+    color: #002147 !important;
   }
 
   .tablaAzul{