Added Registerpage

flightscore/src/app-root.ts

@@ -57,6 +57,14 @@ export class AppRoot extends LitElement {
           return document.createElement('login-page');
         },
       },
+      {
+        path: '/register',
+        auth: 'public',
+        view: async () => {
+          await import('./pages/auth/register-page.js');
+          return document.createElement('register-page');
+        },
+      },
 
       // ── Target Team (Code-geschützt) ─────────────────────
       {

flightscore/src/pages/auth/register-page.ts

@@ -1,6 +1,5 @@
 import { LitElement, html, css } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
-import { apiPost } from '../../api/api';
 import '../../components/auth-card.ts';
 import '../../components/form-input.ts';
 import '../../components/ui-button';
@@ -34,23 +33,30 @@ export class RegisterPage extends LitElement {
     this.error = null;
     this.loading = true;
     try {
-      await apiPost<{ id: number; name: string; email: string }>(
+      //const response = await fetch('/api/auth/register', {
-        '/api/auth/register',
+      const response = await fetch('http://127.0.0.1:8080/auth/register', {
-        {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
           name: this.name,
           email: this.email,
           password: this.password,
-        }
+        }),
-      );
+      });
-      window.dispatchEvent(
+
-        new CustomEvent('nav', {
+      if (!response.ok) {
-          detail: { path: '/login' },
+        const err = await response.json().catch(() => null);
-          bubbles: true,
+        this.error = err?.message ?? 'Registration failed';
-          composed: true,
+        return;
-        })
+      }
-      );
+
-    } catch (e: any) {
+      window.dispatchEvent(new CustomEvent('nav', {
-      this.error = e.message || 'Registration failed';
+        detail: { path: '/login' },
+        bubbles: true,
+        composed: true,
+      }));
+    } catch {
+      this.error = 'Netzwerkfehler. Bitte erneut versuchen.';
     } finally {
       this.loading = false;
     }
@@ -66,8 +72,7 @@ export class RegisterPage extends LitElement {
           label="Name"
           placeholder="Your full name"
           .value=${this.name}
-          @value-changed=${(e: CustomEvent) =>
+          @value-changed=${(e: CustomEvent) => (this.name = e.detail.value)}
-            (this.name = e.detail.value)}
         ></form-input>
 
         <form-input
@@ -75,8 +80,7 @@ export class RegisterPage extends LitElement {
           type="email"
           placeholder="you@example.com"
           .value=${this.email}
-          @value-changed=${(e: CustomEvent) =>
+          @value-changed=${(e: CustomEvent) => (this.email = e.detail.value)}
-            (this.email = e.detail.value)}
         ></form-input>
 
         <form-input
@@ -84,17 +88,12 @@ export class RegisterPage extends LitElement {
           type="password"
           placeholder="Choose a password"
           .value=${this.password}
-          @value-changed=${(e: CustomEvent) =>
+          @value-changed=${(e: CustomEvent) => (this.password = e.detail.value)}
-            (this.password = e.detail.value)}
         ></form-input>
 
         <notify-bar type="error" .message=${this.error}></notify-bar>
 
-        <ui-button
+        <ui-button full ?disabled=${this.loading} @click=${this.handleRegister}>
-          full
-          ?disabled=${this.loading}
-          @click=${this.handleRegister}
-        >
           ${this.loading ? 'Creating account...' : 'Create account'}
         </ui-button>