From 5434801dda4b3f35d0475a98c389ad3919d9c874 Mon Sep 17 00:00:00 2001
From: qcigano <qcigano@gmail.com>
Date: Mon, 3 Aug 2026 13:56:00 +0200
Subject: [PATCH] =?UTF-8?q?Konto:=20Name=20jetzt=20fest=20wie=20E-Mail/Lie?=
 =?UTF-8?q?feradresse,=20nur=20Benutzername=20=C3=A4nderbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der echte Name war bisher versehentlich ebenfalls editierbar. Jetzt steht
er als reine Anzeige in derselben Tabelle wie E-Mail und Lieferadresse —
änderbar bleibt ausschließlich der optionale Benutzername (Spitzname).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/pages/ch/konto/angemeldet.astro | 31 ++++++-----------------------
 src/pages/en/konto/angemeldet.astro | 31 ++++++-----------------------
 src/pages/fr/konto/angemeldet.astro | 31 ++++++-----------------------
 src/pages/konto/angemeldet.astro    | 31 ++++++-----------------------
 4 files changed, 24 insertions(+), 100 deletions(-)

diff --git a/src/pages/ch/konto/angemeldet.astro b/src/pages/ch/konto/angemeldet.astro
index b81321d..6fe8f4f 100644
--- a/src/pages/ch/konto/angemeldet.astro
+++ b/src/pages/ch/konto/angemeldet.astro
@@ -198,17 +198,11 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           <span class="small" style="display:block; color: var(--c-text-muted); margin-top:0.3em;">{t.accountDash.usernameHint}</span>
         </div>
 
-        <div class="profile-field">
-          <label for="profile-name">{t.accountDash.profileName}</label>
-          <div class="profile-field-row">
-            <input type="text" id="profile-name" maxlength="60" />
-            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
-          </div>
-          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
-        </div>
-
         <table class="specs">
           <tbody>
+            {/* Name, E-Mail und Lieferadresse sind fest (wie bei einer echten Bestellung) — nur
+                der Spitzname oben ist änderbar. */}
+            <tr><th>{t.accountDash.profileName}</th><td id="profile-name-display">–</td></tr>
             <tr><th>{t.accountDash.profileEmail}</th><td id="profile-email">–</td></tr>
             <tr><th>{t.accountDash.profileAddress}</th><td>Musterstraße 1<br />10115 Berlin<br />Deutschland</td></tr>
           </tbody>
@@ -277,7 +271,7 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
   setActiveTab(null);
 </script>
 <script>
-  import { getAccount, isLoggedIn, logout, setName, setUsername, setPhoto, hatBestellungBewertet, anzeigeName } from "../../../scripts/account";
+  import { getAccount, isLoggedIn, logout, setUsername, setPhoto, hatBestellungBewertet, anzeigeName } from "../../../scripts/account";
   const { loginPath, fallbackName, greetingTemplate, reviewedBadgeText } = (window as any).__accountDashVars;
 
   // Zugriffsschutz: diese Seite ist nur für angemeldete Kund:innen gedacht. Es gibt noch kein
@@ -301,8 +295,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
       if (greetingEl) greetingEl.textContent = greetingTemplate.replace("{name}", anzeigeName(a) || fallbackName);
       const emailEl = document.getElementById("profile-email");
       if (emailEl) emailEl.textContent = a.email || "–";
-      const nameInput = document.getElementById("profile-name") as HTMLInputElement | null;
-      if (nameInput && document.activeElement !== nameInput) nameInput.value = a.name;
+      const nameDisplay = document.getElementById("profile-name-display");
+      if (nameDisplay) nameDisplay.textContent = a.name || "–";
       const usernameInput = document.getElementById("profile-username") as HTMLInputElement | null;
       if (usernameInput && document.activeElement !== usernameInput) usernameInput.value = a.username;
 
@@ -316,19 +310,6 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
     renderProfil();
     window.addEventListener("account:changed", renderProfil);
 
-    // Echter Name ändern (fest, Pflichtfeld)
-    const nameSaveBtn = document.getElementById("profile-name-save");
-    const nameInputEl = document.getElementById("profile-name") as HTMLInputElement | null;
-    const nameStatus = document.getElementById("profile-name-status");
-    nameSaveBtn?.addEventListener("click", () => {
-      if (!nameInputEl) return;
-      setName(nameInputEl.value);
-      if (nameStatus) {
-        nameStatus.style.display = "inline";
-        setTimeout(() => { nameStatus.style.display = "none"; }, 1800);
-      }
-    });
-
     // Benutzername ändern
     const saveBtn = document.getElementById("profile-username-save");
     const usernameInput = document.getElementById("profile-username") as HTMLInputElement | null;
diff --git a/src/pages/en/konto/angemeldet.astro b/src/pages/en/konto/angemeldet.astro
index 866e219..2ab6e36 100644
--- a/src/pages/en/konto/angemeldet.astro
+++ b/src/pages/en/konto/angemeldet.astro
@@ -198,17 +198,11 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           <span class="small" style="display:block; color: var(--c-text-muted); margin-top:0.3em;">{t.accountDash.usernameHint}</span>
         </div>
 
-        <div class="profile-field">
-          <label for="profile-name">{t.accountDash.profileName}</label>
-          <div class="profile-field-row">
-            <input type="text" id="profile-name" maxlength="60" />
-            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
-          </div>
-          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
-        </div>
-
         <table class="specs">
           <tbody>
+            {/* Name, E-Mail und Lieferadresse sind fest (wie bei einer echten Bestellung) — nur
+                der Spitzname oben ist änderbar. */}
+            <tr><th>{t.accountDash.profileName}</th><td id="profile-name-display">–</td></tr>
             <tr><th>{t.accountDash.profileEmail}</th><td id="profile-email">–</td></tr>
             <tr><th>{t.accountDash.profileAddress}</th><td>Musterstraße 1<br />10115 Berlin<br />Deutschland</td></tr>
           </tbody>
@@ -277,7 +271,7 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
   setActiveTab(null);
 </script>
 <script>
-  import { getAccount, isLoggedIn, logout, setName, setUsername, setPhoto, hatBestellungBewertet, anzeigeName } from "../../../scripts/account";
+  import { getAccount, isLoggedIn, logout, setUsername, setPhoto, hatBestellungBewertet, anzeigeName } from "../../../scripts/account";
   const { loginPath, fallbackName, greetingTemplate, reviewedBadgeText } = (window as any).__accountDashVars;
 
   // Zugriffsschutz: diese Seite ist nur für angemeldete Kund:innen gedacht. Es gibt noch kein
@@ -301,8 +295,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
       if (greetingEl) greetingEl.textContent = greetingTemplate.replace("{name}", anzeigeName(a) || fallbackName);
       const emailEl = document.getElementById("profile-email");
       if (emailEl) emailEl.textContent = a.email || "–";
-      const nameInput = document.getElementById("profile-name") as HTMLInputElement | null;
-      if (nameInput && document.activeElement !== nameInput) nameInput.value = a.name;
+      const nameDisplay = document.getElementById("profile-name-display");
+      if (nameDisplay) nameDisplay.textContent = a.name || "–";
       const usernameInput = document.getElementById("profile-username") as HTMLInputElement | null;
       if (usernameInput && document.activeElement !== usernameInput) usernameInput.value = a.username;
 
@@ -316,19 +310,6 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
     renderProfil();
     window.addEventListener("account:changed", renderProfil);
 
-    // Echter Name ändern (fest, Pflichtfeld)
-    const nameSaveBtn = document.getElementById("profile-name-save");
-    const nameInputEl = document.getElementById("profile-name") as HTMLInputElement | null;
-    const nameStatus = document.getElementById("profile-name-status");
-    nameSaveBtn?.addEventListener("click", () => {
-      if (!nameInputEl) return;
-      setName(nameInputEl.value);
-      if (nameStatus) {
-        nameStatus.style.display = "inline";
-        setTimeout(() => { nameStatus.style.display = "none"; }, 1800);
-      }
-    });
-
     // Benutzername ändern
     const saveBtn = document.getElementById("profile-username-save");
     const usernameInput = document.getElementById("profile-username") as HTMLInputElement | null;
diff --git a/src/pages/fr/konto/angemeldet.astro b/src/pages/fr/konto/angemeldet.astro
index d12edf2..17365c4 100644
--- a/src/pages/fr/konto/angemeldet.astro
+++ b/src/pages/fr/konto/angemeldet.astro
@@ -198,17 +198,11 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           <span class="small" style="display:block; color: var(--c-text-muted); margin-top:0.3em;">{t.accountDash.usernameHint}</span>
         </div>
 
-        <div class="profile-field">
-          <label for="profile-name">{t.accountDash.profileName}</label>
-          <div class="profile-field-row">
-            <input type="text" id="profile-name" maxlength="60" />
-            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
-          </div>
-          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
-        </div>
-
         <table class="specs">
           <tbody>
+            {/* Name, E-Mail und Lieferadresse sind fest (wie bei einer echten Bestellung) — nur
+                der Spitzname oben ist änderbar. */}
+            <tr><th>{t.accountDash.profileName}</th><td id="profile-name-display">–</td></tr>
             <tr><th>{t.accountDash.profileEmail}</th><td id="profile-email">–</td></tr>
             <tr><th>{t.accountDash.profileAddress}</th><td>Musterstraße 1<br />10115 Berlin<br />Deutschland</td></tr>
           </tbody>
@@ -277,7 +271,7 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
   setActiveTab(null);
 </script>
 <script>
-  import { getAccount, isLoggedIn, logout, setName, setUsername, setPhoto, hatBestellungBewertet, anzeigeName } from "../../../scripts/account";
+  import { getAccount, isLoggedIn, logout, setUsername, setPhoto, hatBestellungBewertet, anzeigeName } from "../../../scripts/account";
   const { loginPath, fallbackName, greetingTemplate, reviewedBadgeText } = (window as any).__accountDashVars;
 
   // Zugriffsschutz: diese Seite ist nur für angemeldete Kund:innen gedacht. Es gibt noch kein
@@ -301,8 +295,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
       if (greetingEl) greetingEl.textContent = greetingTemplate.replace("{name}", anzeigeName(a) || fallbackName);
       const emailEl = document.getElementById("profile-email");
       if (emailEl) emailEl.textContent = a.email || "–";
-      const nameInput = document.getElementById("profile-name") as HTMLInputElement | null;
-      if (nameInput && document.activeElement !== nameInput) nameInput.value = a.name;
+      const nameDisplay = document.getElementById("profile-name-display");
+      if (nameDisplay) nameDisplay.textContent = a.name || "–";
       const usernameInput = document.getElementById("profile-username") as HTMLInputElement | null;
       if (usernameInput && document.activeElement !== usernameInput) usernameInput.value = a.username;
 
@@ -316,19 +310,6 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
     renderProfil();
     window.addEventListener("account:changed", renderProfil);
 
-    // Echter Name ändern (fest, Pflichtfeld)
-    const nameSaveBtn = document.getElementById("profile-name-save");
-    const nameInputEl = document.getElementById("profile-name") as HTMLInputElement | null;
-    const nameStatus = document.getElementById("profile-name-status");
-    nameSaveBtn?.addEventListener("click", () => {
-      if (!nameInputEl) return;
-      setName(nameInputEl.value);
-      if (nameStatus) {
-        nameStatus.style.display = "inline";
-        setTimeout(() => { nameStatus.style.display = "none"; }, 1800);
-      }
-    });
-
     // Benutzername ändern
     const saveBtn = document.getElementById("profile-username-save");
     const usernameInput = document.getElementById("profile-username") as HTMLInputElement | null;
diff --git a/src/pages/konto/angemeldet.astro b/src/pages/konto/angemeldet.astro
index 1043673..f22f20a 100644
--- a/src/pages/konto/angemeldet.astro
+++ b/src/pages/konto/angemeldet.astro
@@ -198,17 +198,11 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
           <span class="small" style="display:block; color: var(--c-text-muted); margin-top:0.3em;">{t.accountDash.usernameHint}</span>
         </div>
 
-        <div class="profile-field">
-          <label for="profile-name">{t.accountDash.profileName}</label>
-          <div class="profile-field-row">
-            <input type="text" id="profile-name" maxlength="60" />
-            <button type="button" class="btn btn-primary btn-sm" id="profile-name-save">{t.accountDash.nameSave}</button>
-          </div>
-          <span class="small" id="profile-name-status" style="display:none; color: var(--c-accent);">{t.accountDash.nameSaved}</span>
-        </div>
-
         <table class="specs">
           <tbody>
+            {/* Name, E-Mail und Lieferadresse sind fest (wie bei einer echten Bestellung) — nur
+                der Spitzname oben ist änderbar. */}
+            <tr><th>{t.accountDash.profileName}</th><td id="profile-name-display">–</td></tr>
             <tr><th>{t.accountDash.profileEmail}</th><td id="profile-email">–</td></tr>
             <tr><th>{t.accountDash.profileAddress}</th><td>Musterstraße 1<br />10115 Berlin<br />Deutschland</td></tr>
           </tbody>
@@ -277,7 +271,7 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
   setActiveTab(null);
 </script>
 <script>
-  import { getAccount, isLoggedIn, logout, setName, setUsername, setPhoto, hatBestellungBewertet, anzeigeName } from "../../scripts/account";
+  import { getAccount, isLoggedIn, logout, setUsername, setPhoto, hatBestellungBewertet, anzeigeName } from "../../scripts/account";
   const { loginPath, fallbackName, greetingTemplate, reviewedBadgeText } = (window as any).__accountDashVars;
 
   // Zugriffsschutz: diese Seite ist nur für angemeldete Kund:innen gedacht. Es gibt noch kein
@@ -301,8 +295,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
       if (greetingEl) greetingEl.textContent = greetingTemplate.replace("{name}", anzeigeName(a) || fallbackName);
       const emailEl = document.getElementById("profile-email");
       if (emailEl) emailEl.textContent = a.email || "–";
-      const nameInput = document.getElementById("profile-name") as HTMLInputElement | null;
-      if (nameInput && document.activeElement !== nameInput) nameInput.value = a.name;
+      const nameDisplay = document.getElementById("profile-name-display");
+      if (nameDisplay) nameDisplay.textContent = a.name || "–";
       const usernameInput = document.getElementById("profile-username") as HTMLInputElement | null;
       if (usernameInput && document.activeElement !== usernameInput) usernameInput.value = a.username;
 
@@ -316,19 +310,6 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
     renderProfil();
     window.addEventListener("account:changed", renderProfil);
 
-    // Echter Name ändern (fest, Pflichtfeld)
-    const nameSaveBtn = document.getElementById("profile-name-save");
-    const nameInputEl = document.getElementById("profile-name") as HTMLInputElement | null;
-    const nameStatus = document.getElementById("profile-name-status");
-    nameSaveBtn?.addEventListener("click", () => {
-      if (!nameInputEl) return;
-      setName(nameInputEl.value);
-      if (nameStatus) {
-        nameStatus.style.display = "inline";
-        setTimeout(() => { nameStatus.style.display = "none"; }, 1800);
-      }
-    });
-
     // Benutzername ändern
     const saveBtn = document.getElementById("profile-username-save");
     const usernameInput = document.getElementById("profile-username") as HTMLInputElement | null;