Seitenverzeichnis hinzugefügt. Seite 'home' dorthin verschoben und Seite 'envelope' hinzugefügt.

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { NavbarComponent } from "./components/navbar/navbar.component";
 import { LoginComponent } from "./components/login/login.component";
-import { HomeComponent } from "./components/home/home.component";
+import { HomeComponent } from "./pages/home/home.component";
 
 @Component({
     selector: 'app-root',

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.routes.ts

@@ -1,10 +1,10 @@
 import { Routes } from '@angular/router';
-import { EnvelopeTableComponent } from '../app/components/envelope-table/envelope-table.component'
-import { HomeComponent } from '../app/components/home/home.component'
+import { HomeComponent } from '../app/pages/home/home.component'
 import { authGuard } from './guards/auth.guard'
+import { EnvelopeComponent } from './pages/envelope/envelope.component';
 
 export const routes: Routes = [
   { path: '', component: HomeComponent },
   { path: 'login', component: HomeComponent },
-  { path: 'envelope', component: EnvelopeTableComponent, canActivate: [authGuard] }
+  { path: 'envelope', component: EnvelopeComponent, canActivate: [authGuard] }
 ];

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/guards/auth.guard.ts

@@ -13,7 +13,7 @@ export const authGuard: CanActivateFn = (route, state) => {
   return authService.isAuthenticated().pipe(
     map(isAuthenticated => {
       if (!isAuthenticated) {
-        router.navigate(['/']);
+        router.navigate(['/login']);
       }
       return isAuthenticated;
     })

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.html

@@ -0,0 +1,8 @@
+<mat-tab-group>
+    <mat-tab label="First">
+        <app-envelope-table></app-envelope-table>
+    </mat-tab>
+    <mat-tab label="Second">
+        <app-envelope-table></app-envelope-table>
+    </mat-tab>
+</mat-tab-group>

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EnvelopeComponent } from './envelope.component';
+
+describe('EnvelopeComponent', () => {
+  let component: EnvelopeComponent;
+  let fixture: ComponentFixture<EnvelopeComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [EnvelopeComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(EnvelopeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { EnvelopeTableComponent } from "../../components/envelope-table/envelope-table.component";
+import {MatTabsModule} from '@angular/material/tabs';
+
+@Component({
+    selector: 'app-envelope',
+    standalone: true,
+    templateUrl: './envelope.component.html',
+    styleUrl: './envelope.component.scss',
+    imports: [EnvelopeTableComponent, MatTabsModule]
+})
+export class EnvelopeComponent {
+
+}

EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/home/home.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { LoginComponent } from "../login/login.component";
+import { LoginComponent } from "../../components/login/login.component";
 
 @Component({
     selector: 'app-home',