User-Page: Profil & Posts in einem weißen Container
Profilname, "Mitglied seit", Einstellungen und Feed liegen jetzt in einer gemeinsamen weißen section statt als getrennte Kästen mit Textur-Lücken. "Beiträge"-Überschrift entfernt (samt JS-Logik für Deine/Beiträge von …). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -41,8 +41,6 @@ async function init() {
|
|||||||
const me = await api.get("/user/info");
|
const me = await api.get("/user/info");
|
||||||
const isOwner = me.username === info.username;
|
const isOwner = me.username === info.username;
|
||||||
document.getElementById("settings").hidden = !isOwner;
|
document.getElementById("settings").hidden = !isOwner;
|
||||||
document.getElementById("feed-heading").textContent =
|
|
||||||
isOwner ? "Deine Beiträge" : `Beiträge von ${info.username}`;
|
|
||||||
|
|
||||||
createFeed(
|
createFeed(
|
||||||
document.getElementById("feed"),
|
document.getElementById("feed"),
|
||||||
|
|||||||
+27
-26
@@ -18,34 +18,35 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<h2 id="profile-name"></h2>
|
<section id="profile">
|
||||||
<p id="profile-info" class="muted"></p>
|
<h2 id="profile-name"></h2>
|
||||||
|
<p id="profile-info" class="muted"></p>
|
||||||
|
|
||||||
<!-- Nur für den Eigentümer sichtbar -->
|
<!-- Nur für den Eigentümer sichtbar -->
|
||||||
<section id="settings" hidden>
|
<div id="settings" hidden>
|
||||||
<h2>Einstellungen</h2>
|
<h2>Einstellungen</h2>
|
||||||
<details>
|
<details>
|
||||||
<summary>Name ändern</summary>
|
<summary>Name ändern</summary>
|
||||||
<form id="rename-form">
|
<form id="rename-form">
|
||||||
<input name="user" type="text" placeholder="Neuer Nutzername" autocomplete="username">
|
<input name="user" type="text" placeholder="Neuer Nutzername" autocomplete="username">
|
||||||
<button type="submit">Namen ändern</button>
|
<button type="submit">Namen ändern</button>
|
||||||
</form>
|
</form>
|
||||||
<p class="msg" id="rename-msg"></p>
|
<p class="msg" id="rename-msg"></p>
|
||||||
</details>
|
</details>
|
||||||
<details>
|
<details>
|
||||||
<summary>Konto löschen</summary>
|
<summary>Konto löschen</summary>
|
||||||
<form id="delete-form">
|
<form id="delete-form">
|
||||||
<p class="muted">Löscht dein Konto samt Beiträgen und Votes unwiderruflich.</p>
|
<p class="muted">Löscht dein Konto samt Beiträgen und Votes unwiderruflich.</p>
|
||||||
<input name="pass1" type="password" placeholder="Passwort bestätigen" autocomplete="current-password">
|
<input name="pass1" type="password" placeholder="Passwort bestätigen" autocomplete="current-password">
|
||||||
<button type="submit">Konto endgültig löschen</button>
|
<button type="submit">Konto endgültig löschen</button>
|
||||||
</form>
|
</form>
|
||||||
<p class="msg" id="delete-msg"></p>
|
<p class="msg" id="delete-msg"></p>
|
||||||
</details>
|
</details>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="feed"></div>
|
||||||
|
<div id="sentinel"></div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<h2 id="feed-heading">Beiträge</h2>
|
|
||||||
<section id="feed"></section>
|
|
||||||
<div id="sentinel"></div>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="/js/feed.js"></script>
|
<script src="/js/feed.js"></script>
|
||||||
|
|||||||
Reference in New Issue
Block a user