Merge pull request #106 from ISPC-Bookster/dev

Creacion de componente Page-Not-Found - Error

Frontend/src/app/app.routes.ts

@@ -12,21 +12,30 @@ import { MasVendidosComponent } from './components/mas-vendidos/mas-vendidos.com
 import { authGuard } from './guards/auth-guard';
 import { BookDetailsComponent } from './components/book-details/book-details.component';
 import { PaymentGatewayComponent } from './components/payment-gateway/payment-gateway.component';
-
+import { NotFoundComponent } from './components/not-found/not-found.component';
 
 export const routes: Routes = [
- {path: 'login', component: LoginComponent },
- {path: 'landing', component: LandingComponent},
- {path: 'busqueda-personalizada', component: BusquedaPersonalizadaComponent}, 
- {path: 'catalogo', component: CatalogoComponent},
- {path: 'contacto', component: ContactoComponent},
- {path: 'socialnet', component: SocialnetComponent},
- {path: 'sobre-nosotros', component: SobreNosotrosComponent},
- {path: 'create', component: CreateComponent },
- {path: 'dashboard', component: DashboardComponent,canActivate:[authGuard]},
- {path: 'mas-vendidos', component:MasVendidosComponent },
- {path: 'book/:bookId', component: BookDetailsComponent},
- {path: 'pagos', component: PaymentGatewayComponent, canActivate:[authGuard]},
- {path: '', redirectTo: '/landing', pathMatch: 'full'},
- {path: '**',redirectTo: '/landing', pathMatch: 'full'},
-];
+ { path: 'login', component: LoginComponent },
+ { path: 'landing', component: LandingComponent },
+ { path: 'busqueda-personalizada', component: BusquedaPersonalizadaComponent },
+ { path: 'catalogo', component: CatalogoComponent },
+ { path: 'contacto', component: ContactoComponent },
+ { path: 'socialnet', component: SocialnetComponent },
+ { path: 'sobre-nosotros', component: SobreNosotrosComponent },
+ { path: 'create', component: CreateComponent },
+ {
+ path: 'dashboard',
+ component: DashboardComponent,
+ canActivate: [authGuard],
+ },
+ { path: 'mas-vendidos', component: MasVendidosComponent },
+ { path: 'book/:bookId', component: BookDetailsComponent },
+ {
+ path: 'pagos',
+ component: PaymentGatewayComponent,
+ canActivate: [authGuard],
+ },
+ { path: 'not-found', component: NotFoundComponent },
+ { path: '', redirectTo: '/landing', pathMatch: 'full' },
+ { path: '**', redirectTo: '/not-found', pathMatch: 'full' },
+];

Frontend/src/app/components/not-found/not-found.component.css

@@ -0,0 +1,9 @@
+.container {
+ height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ background-color: #f5f5f5;
+ flex-direction: column;
+}

Frontend/src/app/components/not-found/not-found.component.html

@@ -0,0 +1,5 @@
+<div class="container">
+ <h1>UPS!!!! No encontramos la página que estas buscando!</h1>
+ <img width="800px" src="assets/images/eror-404.jpg" alt="pagina error" />
+
+</div>

Frontend/src/app/components/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<NotFoundComponent>;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [NotFoundComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(NotFoundComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});

Frontend/src/app/components/not-found/not-found.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-not-found',
+ standalone: true,
+ imports: [],
+ templateUrl: './not-found.component.html',
+ styleUrl: './not-found.component.css'
+})
+export class NotFoundComponent {
+
+}