Working signout button

This commit is contained in:
Olaf
2026-08-24 19:56:28 +02:00
parent 28a01175f7
commit 12f3580f60
17 changed files with 252 additions and 10 deletions
+6 -1
View File
@@ -16,7 +16,11 @@
</div>
<div class="header-actions">
<a id="admin-login-button" class="login-button" href="/login">Sign in</a>
<button id="logout-button" class="logout-button hidden" type="button">Sign out</button>
<div id="auth-session" class="auth-session hidden">
<div id="auth-avatar" class="avatar"></div>
<span id="auth-username" class="user-name"></span>
<button id="logout-button" class="logout-button" type="button">Sign out</button>
</div>
</div>
</div>
</div>
@@ -56,6 +60,7 @@
</section>
</div>
</main>
<script src="/static/auth-header.js?v=1"></script>
<script src="/static/logout.js?v=2"></script>
<script src="/static/admin.js?v=2"></script>
</body>
+10 -1
View File
@@ -14,7 +14,14 @@
<h1>LinkLog</h1>
<p>Public link feed</p>
</div>
<a class="login-button" href="/login">Sign in</a>
<div class="header-actions">
<a id="auth-login-button" class="login-button" href="/login">Sign in</a>
<div id="auth-session" class="auth-session hidden">
<div id="auth-avatar" class="avatar"></div>
<span id="auth-username" class="user-name"></span>
<button id="logout-button" class="logout-button" type="button">Sign out</button>
</div>
</div>
</div>
</div>
</header>
@@ -54,6 +61,8 @@
<section id="feed" class="feed" aria-live="polite"></section>
</main>
<script src="/static/auth-header.js?v=1"></script>
<script src="/static/logout.js?v=3"></script>
<script src="/static/feed.js?v=5"></script>
</body>
</html>
+16 -2
View File
@@ -9,8 +9,20 @@
<body>
<header class="site-header">
<div class="container">
<h1>Sign in</h1>
<p>Access your LinkLog settings</p>
<div class="header-row">
<div>
<h1>Sign in</h1>
<p>Access your LinkLog settings</p>
</div>
<div class="header-actions">
<a id="auth-login-button" class="login-button" href="/login">Sign in</a>
<div id="auth-session" class="auth-session hidden">
<div id="auth-avatar" class="avatar"></div>
<span id="auth-username" class="user-name"></span>
<button id="logout-button" class="logout-button" type="button">Sign out</button>
</div>
</div>
</div>
</div>
</header>
<main class="container">
@@ -29,6 +41,8 @@
</form>
</section>
</main>
<script src="/static/auth-header.js?v=1"></script>
<script src="/static/logout.js?v=3"></script>
<script src="/static/login.js"></script>
</body>
</html>
+22 -1
View File
@@ -13,7 +13,11 @@
<h1>Profile</h1>
<div class="header-actions">
<a id="admin-link" class="login-button hidden" href="/admin">Admin</a>
<button id="logout-button" class="logout-button hidden" type="button">Sign out</button>
<div id="auth-session" class="auth-session hidden">
<div id="auth-avatar" class="avatar"></div>
<span id="auth-username" class="user-name"></span>
<button id="logout-button" class="logout-button" type="button">Sign out</button>
</div>
</div>
</div>
</div>
@@ -46,6 +50,22 @@
</form>
</section>
<section class="link-item settings-panel">
<h2>Password</h2>
<form id="password-form">
<label>
Current password
<input name="current_password" type="password" autocomplete="current-password" required />
</label>
<label>
New password
<input name="new_password" type="password" minlength="8" autocomplete="new-password" required />
</label>
<button type="submit">Change password</button>
<p id="password-status" class="status" role="status"></p>
</form>
</section>
<section class="link-item settings-panel">
<h2>Mastodon</h2>
<form id="mastodon-form">
@@ -66,6 +86,7 @@
</form>
</section>
</main>
<script src="/static/auth-header.js?v=1"></script>
<script src="/static/logout.js?v=2"></script>
<script src="/static/profile.js?v=2"></script>
</body>