From 66709ca828b45ab29881c5f16f7d1854ab722aa8 Mon Sep 17 00:00:00 2001 From: luis cespedes Date: Tue, 29 Apr 2025 09:48:49 -0400 Subject: [PATCH] iconos funcionando --- angular.json | 3 ++- src/app/app.routes.ts | 17 ++++++++++---- src/app/components/navbar/navbar.component.ts | 7 ++++-- .../components/sidebar/sidebar.component.html | 6 ++--- .../components/sidebar/sidebar.component.ts | 7 ++++-- .../actualizacion-pd.component.html | 1 + .../actualizacion-pd.component.scss | 0 .../actualizacion-pd.component.spec.ts | 23 +++++++++++++++++++ .../actualizacion-pd.component.ts | 11 +++++++++ .../pages/ajuste-pd/ajuste-pd.component.html | 1 + .../pages/ajuste-pd/ajuste-pd.component.scss | 0 .../ajuste-pd/ajuste-pd.component.spec.ts | 23 +++++++++++++++++++ .../pages/ajuste-pd/ajuste-pd.component.ts | 11 +++++++++ .../concesiones/concesiones.component.html | 1 + .../concesiones/concesiones.component.scss | 0 .../concesiones/concesiones.component.spec.ts | 23 +++++++++++++++++++ .../concesiones/concesiones.component.ts | 11 +++++++++ src/app/pages/home/home.component.html | 2 ++ src/app/pages/resumen/resumen.component.html | 1 + src/app/pages/resumen/resumen.component.scss | 0 .../pages/resumen/resumen.component.spec.ts | 23 +++++++++++++++++++ src/app/pages/resumen/resumen.component.ts | 11 +++++++++ .../unidad-informacion.component.html | 1 + .../unidad-informacion.component.scss | 0 .../unidad-informacion.component.spec.ts | 23 +++++++++++++++++++ .../unidad-informacion.component.ts | 11 +++++++++ src/styles.scss | 2 ++ 27 files changed, 207 insertions(+), 12 deletions(-) create mode 100644 src/app/pages/actualizacion-pd/actualizacion-pd.component.html create mode 100644 src/app/pages/actualizacion-pd/actualizacion-pd.component.scss create mode 100644 src/app/pages/actualizacion-pd/actualizacion-pd.component.spec.ts create mode 100644 src/app/pages/actualizacion-pd/actualizacion-pd.component.ts create mode 100644 src/app/pages/ajuste-pd/ajuste-pd.component.html create mode 100644 src/app/pages/ajuste-pd/ajuste-pd.component.scss create mode 100644 src/app/pages/ajuste-pd/ajuste-pd.component.spec.ts create mode 100644 src/app/pages/ajuste-pd/ajuste-pd.component.ts create mode 100644 src/app/pages/concesiones/concesiones.component.html create mode 100644 src/app/pages/concesiones/concesiones.component.scss create mode 100644 src/app/pages/concesiones/concesiones.component.spec.ts create mode 100644 src/app/pages/concesiones/concesiones.component.ts create mode 100644 src/app/pages/resumen/resumen.component.html create mode 100644 src/app/pages/resumen/resumen.component.scss create mode 100644 src/app/pages/resumen/resumen.component.spec.ts create mode 100644 src/app/pages/resumen/resumen.component.ts create mode 100644 src/app/pages/unidad-informacion/unidad-informacion.component.html create mode 100644 src/app/pages/unidad-informacion/unidad-informacion.component.scss create mode 100644 src/app/pages/unidad-informacion/unidad-informacion.component.spec.ts create mode 100644 src/app/pages/unidad-informacion/unidad-informacion.component.ts diff --git a/angular.json b/angular.json index 93e6b3e..71b043a 100644 --- a/angular.json +++ b/angular.json @@ -34,7 +34,8 @@ "styles": [ "src/styles.scss", "node_modules/animate.css/animate.min.css", - "node_modules/primeflex/primeflex.css" + "node_modules/primeflex/primeflex.css", + "node_modules/primeicons/primeicons.css" ], "scripts": [] }, diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index d763f1a..236a01d 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -3,7 +3,11 @@ import { LoginComponent } from './pages/login/login.component'; import { SidebarComponent } from './components/sidebar/sidebar.component'; import { LayoutComponent } from './components/layout/layout.component'; import { HomeComponent } from './pages/home/home.component'; - +import { ConcesionesComponent } from './pages/concesiones/concesiones.component'; +import { ActualizacionPdComponent } from './pages/actualizacion-pd/actualizacion-pd.component'; +import { AjustePdComponent } from './pages/ajuste-pd/ajuste-pd.component'; +import { ResumenComponent } from './pages/resumen/resumen.component'; +import { UnidadInformacionComponent } from './pages/unidad-informacion/unidad-informacion.component'; export const routes: Routes = [ { path: 'login', component: LoginComponent }, @@ -12,9 +16,14 @@ export const routes: Routes = [ path: '', component: LayoutComponent, children: [ - { path: '', redirectTo: 'home', pathMatch: 'full' }, - { path: 'home', component: HomeComponent }, + { 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: '**', redirectTo: 'home' } + { path: '**', redirectTo: 'inicio' } ]; diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts index bb9c46f..357719a 100644 --- a/src/app/components/navbar/navbar.component.ts +++ b/src/app/components/navbar/navbar.component.ts @@ -1,10 +1,13 @@ import { Component, EventEmitter, Output } from '@angular/core'; +import { RouterLink } from '@angular/router'; +import { ButtonModule } from 'primeng/button'; @Component({ selector: 'app-navbar', - imports: [], + imports: [RouterLink, ButtonModule], templateUrl: './navbar.component.html', - styleUrl: './navbar.component.scss' + styleUrl: './navbar.component.scss', + standalone: true }) export class NavbarComponent { @Output() sidebarToggle = new EventEmitter(); diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html index 0465865..dbd8ba2 100644 --- a/src/app/components/sidebar/sidebar.component.html +++ b/src/app/components/sidebar/sidebar.component.html @@ -16,16 +16,16 @@
    -
  • +
  • - + Inicio
  • - + Unidad de Concesiones
    • diff --git a/src/app/components/sidebar/sidebar.component.ts b/src/app/components/sidebar/sidebar.component.ts index 4da8bba..de38495 100644 --- a/src/app/components/sidebar/sidebar.component.ts +++ b/src/app/components/sidebar/sidebar.component.ts @@ -1,10 +1,13 @@ import { Component } from '@angular/core'; +import { RouterLink, RouterLinkActive } from '@angular/router'; +import { PrimeIcons } from 'primeng/api'; @Component({ selector: 'app-sidebar', - imports: [], + imports: [RouterLink, RouterLinkActive], templateUrl: './sidebar.component.html', - styleUrl: './sidebar.component.scss' + styleUrl: './sidebar.component.scss', + standalone: true }) export class SidebarComponent { diff --git a/src/app/pages/actualizacion-pd/actualizacion-pd.component.html b/src/app/pages/actualizacion-pd/actualizacion-pd.component.html new file mode 100644 index 0000000..098b6d4 --- /dev/null +++ b/src/app/pages/actualizacion-pd/actualizacion-pd.component.html @@ -0,0 +1 @@ +

    actualizacion-pd works!

    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; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ActualizacionPdComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ActualizacionPdComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/actualizacion-pd/actualizacion-pd.component.ts b/src/app/pages/actualizacion-pd/actualizacion-pd.component.ts new file mode 100644 index 0000000..f23fa15 --- /dev/null +++ b/src/app/pages/actualizacion-pd/actualizacion-pd.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-actualizacion-pd', + imports: [], + templateUrl: './actualizacion-pd.component.html', + styleUrl: './actualizacion-pd.component.scss' +}) +export class ActualizacionPdComponent { + +} diff --git a/src/app/pages/ajuste-pd/ajuste-pd.component.html b/src/app/pages/ajuste-pd/ajuste-pd.component.html new file mode 100644 index 0000000..f960502 --- /dev/null +++ b/src/app/pages/ajuste-pd/ajuste-pd.component.html @@ -0,0 +1 @@ +

    ajuste-pd works!

    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; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [AjustePdComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(AjustePdComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/ajuste-pd/ajuste-pd.component.ts b/src/app/pages/ajuste-pd/ajuste-pd.component.ts new file mode 100644 index 0000000..2c91bf7 --- /dev/null +++ b/src/app/pages/ajuste-pd/ajuste-pd.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-ajuste-pd', + imports: [], + templateUrl: './ajuste-pd.component.html', + styleUrl: './ajuste-pd.component.scss' +}) +export class AjustePdComponent { + +} diff --git a/src/app/pages/concesiones/concesiones.component.html b/src/app/pages/concesiones/concesiones.component.html new file mode 100644 index 0000000..952cb99 --- /dev/null +++ b/src/app/pages/concesiones/concesiones.component.html @@ -0,0 +1 @@ +

    concesiones works!

    diff --git a/src/app/pages/concesiones/concesiones.component.scss b/src/app/pages/concesiones/concesiones.component.scss new file mode 100644 index 0000000..e69de29 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: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ConcesionesComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ConcesionesComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/concesiones/concesiones.component.ts b/src/app/pages/concesiones/concesiones.component.ts new file mode 100644 index 0000000..7d18369 --- /dev/null +++ b/src/app/pages/concesiones/concesiones.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-concesiones', + imports: [], + templateUrl: './concesiones.component.html', + styleUrl: './concesiones.component.scss' +}) +export class ConcesionesComponent { + +} diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html index 686a623..92d5847 100644 --- a/src/app/pages/home/home.component.html +++ b/src/app/pages/home/home.component.html @@ -1,4 +1,6 @@ + +
    diff --git a/src/app/pages/resumen/resumen.component.html b/src/app/pages/resumen/resumen.component.html new file mode 100644 index 0000000..d38bb61 --- /dev/null +++ b/src/app/pages/resumen/resumen.component.html @@ -0,0 +1 @@ +

    resumen works!

    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: ComponentFixture; + + 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..f1917ff --- /dev/null +++ b/src/app/pages/resumen/resumen.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-resumen', + imports: [], + templateUrl: './resumen.component.html', + styleUrl: './resumen.component.scss' +}) +export class ResumenComponent { + +} 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..d2cae2b --- /dev/null +++ b/src/app/pages/unidad-informacion/unidad-informacion.component.html @@ -0,0 +1 @@ +

    unidad-informacion works!

    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: ComponentFixture; + + 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..a3c97a1 --- /dev/null +++ b/src/app/pages/unidad-informacion/unidad-informacion.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-unidad-informacion', + imports: [], + templateUrl: './unidad-informacion.component.html', + styleUrl: './unidad-informacion.component.scss' +}) +export class UnidadInformacionComponent { + +} diff --git a/src/styles.scss b/src/styles.scss index b6bea4b..e2d159a 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,3 +1,5 @@ + + :root { --primary-color: #0088cc; /* Azul principal SISS */ --primary-light: #bcdaef; /* Azul claro para fondos */