From d6eb0023a54645ff0330a30908d2a75ea66df31b Mon Sep 17 00:00:00 2001
From: Hugo <hugo.cubino@estudiantes.uva.es>
Date: Sat, 2 Nov 2024 17:59:35 +0100
Subject: [PATCH] =?UTF-8?q?A=C3=B1adido=20html=20y=20css=20de=20la=20naveg?=
=?UTF-8?q?aci=C3=B3n,=20faltan=20las=20rutas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../app/navigation/navigation.component.css | 29 +++++++++++++++++++
.../app/navigation/navigation.component.html | 7 +++++
.../navigation/navigation.component.spec.ts | 23 +++++++++++++++
.../app/navigation/navigation.component.ts | 12 ++++++++
4 files changed, 71 insertions(+)
create mode 100644 angular/RestClient/src/app/navigation/navigation.component.css
create mode 100644 angular/RestClient/src/app/navigation/navigation.component.html
create mode 100644 angular/RestClient/src/app/navigation/navigation.component.spec.ts
create mode 100644 angular/RestClient/src/app/navigation/navigation.component.ts
diff --git a/angular/RestClient/src/app/navigation/navigation.component.css b/angular/RestClient/src/app/navigation/navigation.component.css
new file mode 100644
index 0000000..6180318
--- /dev/null
+++ b/angular/RestClient/src/app/navigation/navigation.component.css
@@ -0,0 +1,29 @@
+nav {
+ background-color: #333;
+ color: white;
+ padding: 1em;
+ }
+
+ ul {
+ list-style: none;
+ padding: 0;
+ display: flex;
+ }
+
+ li {
+ margin-right: 20px;
+ }
+
+ a {
+ color: white;
+ text-decoration: none;
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+
+ .active {
+ font-weight: bold;
+ }
+
\ No newline at end of file
diff --git a/angular/RestClient/src/app/navigation/navigation.component.html b/angular/RestClient/src/app/navigation/navigation.component.html
new file mode 100644
index 0000000..28eb7b3
--- /dev/null
+++ b/angular/RestClient/src/app/navigation/navigation.component.html
@@ -0,0 +1,7 @@
+<nav>
+ <ul>
+ <li><a routerLink="/hotels" routerLinkActive="Hoteles">Home</a></li>
+ <li><a routerLink="/about" routerLinkActive="active">About</a></li>
+ </ul>
+ </nav>
+
\ No newline at end of file
diff --git a/angular/RestClient/src/app/navigation/navigation.component.spec.ts b/angular/RestClient/src/app/navigation/navigation.component.spec.ts
new file mode 100644
index 0000000..a161d31
--- /dev/null
+++ b/angular/RestClient/src/app/navigation/navigation.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NavigationComponent } from './navigation.component';
+
+describe('NavigationComponent', () => {
+ let component: NavigationComponent;
+ let fixture: ComponentFixture<NavigationComponent>;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [NavigationComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(NavigationComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/angular/RestClient/src/app/navigation/navigation.component.ts b/angular/RestClient/src/app/navigation/navigation.component.ts
new file mode 100644
index 0000000..8ca86e6
--- /dev/null
+++ b/angular/RestClient/src/app/navigation/navigation.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-navigation',
+ standalone: true,
+ imports: [],
+ templateUrl: './navigation.component.html',
+ styleUrl: './navigation.component.css'
+})
+export class NavigationComponent {
+
+}
--
GitLab