styling und routing

src/app/features/auth/auth.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule } from '@angular/forms';
+
+import { AuthLayoutComponent } from './components/auth-layout/auth-layout.component';
+import { LoginComponent } from './components/login/login.component';
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    AuthLayoutComponent,
+    LoginComponent,
+  ],
+})
+export class AuthModule {}

src/app/features/auth/auth.routes.ts

@@ -0,0 +1,22 @@
+import { Routes } from '@angular/router';
+
+// Importiere dein spezielles Layout für Auth-Seiten und alle Komponenten
+import { AuthLayoutComponent } from './components/auth-layout/auth-layout.component';
+import { LoginComponent } from './components/login/login.component';
+import { RegisterComponent } from './components/register/register.component';
+import { ForgotPasswordComponent } from './components/forgot-password/forgot-password.component';
+import { ResetPasswordComponent } from './components/reset-password/reset-password.component';
+
+export const AUTH_ROUTES: Routes = [
+  {
+    path: '',
+    component: AuthLayoutComponent,
+    children: [
+      { path: '', redirectTo: 'login', pathMatch: 'full' },
+      { path: 'login', component: LoginComponent, title: 'Anmelden' },
+      { path: 'register', component: RegisterComponent, title: 'Registrieren' },
+      { path: 'forgot-password', component: ForgotPasswordComponent, title: 'Passwort vergessen' },
+      { path: 'reset-password/:token', component: ResetPasswordComponent, title: 'Neues Passwort' }
+    ]
+  }
+];

src/app/features/auth/components/auth-layout/auth-layout.component.html

@@ -0,0 +1 @@
+<p>auth-layout works!</p>

src/app/features/auth/components/auth-layout/auth-layout.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-auth-layout',
+  imports: [],
+  templateUrl: './auth-layout.component.html',
+  styleUrl: './auth-layout.component.css',
+})
+export class AuthLayoutComponent {}

src/app/features/auth/components/forgot-password/forgot-password.component.html

@@ -0,0 +1 @@
+<p>forgot-password works!</p>

src/app/features/auth/components/forgot-password/forgot-password.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-forgot-password',
+  imports: [],
+  templateUrl: './forgot-password.component.html',
+  styleUrl: './forgot-password.component.css'
+})
+export class ForgotPasswordComponent {
+
+}

src/app/features/auth/components/login/login.component.html

@@ -0,0 +1 @@
+<p>login works!</p>

src/app/features/auth/components/login/login.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-login',
+  imports: [],
+  templateUrl: './login.component.html',
+  styleUrl: './login.component.css'
+})
+export class LoginComponent {
+
+}

src/app/features/auth/components/register/register.component.html

@@ -0,0 +1 @@
+<p>register works!</p>

src/app/features/auth/components/register/register.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-register',
+  imports: [],
+  templateUrl: './register.component.html',
+  styleUrl: './register.component.css'
+})
+export class RegisterComponent {
+
+}

src/app/features/auth/components/reset-password/reset-password.component.html

@@ -0,0 +1 @@
+<p>reset-password works!</p>

src/app/features/auth/components/reset-password/reset-password.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-reset-password',
+  imports: [],
+  templateUrl: './reset-password.component.html',
+  styleUrl: './reset-password.component.css'
+})
+export class ResetPasswordComponent {
+
+}

src/app/features/auth/components/verify-email/verify-email.component.html

@@ -0,0 +1 @@
+<p>verify-email works!</p>

src/app/features/auth/components/verify-email/verify-email.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-verify-email',
+  imports: [],
+  templateUrl: './verify-email.component.html',
+  styleUrl: './verify-email.component.css'
+})
+export class VerifyEmailComponent {
+
+}