Header improvements

This commit is contained in:
Olaf
2026-08-24 20:17:46 +02:00
parent 12f3580f60
commit f96a4ab3ad
11 changed files with 183 additions and 93 deletions
+13 -8
View File
@@ -15,12 +15,17 @@
<p>Manage users and plugin configuration</p>
</div>
<div class="header-actions">
<a id="admin-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>
<button class="menu-toggle" type="button" aria-expanded="false" aria-controls="auth-menu">Menu</button>
<nav id="auth-menu" class="auth-menu hidden" aria-label="Account menu">
<a id="auth-home-link" href="/">Home</a>
<a id="auth-login-button" href="/login">Sign in</a>
<a id="auth-profile-link" class="hidden" href="/profile">Profile</a>
<a id="auth-admin-link" class="hidden" href="/admin">Admin</a>
<div id="auth-session" class="auth-session hidden">
<a id="auth-username" class="user-name" href="/"></a>
</div>
<button id="logout-button" class="logout-button hidden" type="button">Sign out</button>
</nav>
</div>
</div>
</div>
@@ -60,8 +65,8 @@
</section>
</div>
</main>
<script src="/static/auth-header.js?v=1"></script>
<script src="/static/auth-header.js?v=3"></script>
<script src="/static/logout.js?v=2"></script>
<script src="/static/admin.js?v=2"></script>
<script src="/static/admin.js?v=3"></script>
</body>
</html>
+12 -7
View File
@@ -15,12 +15,17 @@
<p>Public link feed</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>
<button class="menu-toggle" type="button" aria-expanded="false" aria-controls="auth-menu">Menu</button>
<nav id="auth-menu" class="auth-menu hidden" aria-label="Account menu">
<a id="auth-home-link" href="/">Home</a>
<a id="auth-login-button" href="/login">Sign in</a>
<a id="auth-profile-link" class="hidden" href="/profile">Profile</a>
<a id="auth-admin-link" class="hidden" href="/admin">Admin</a>
<div id="auth-session" class="auth-session hidden">
<a id="auth-username" class="user-name" href="/"></a>
</div>
<button id="logout-button" class="logout-button hidden" type="button">Sign out</button>
</nav>
</div>
</div>
</div>
@@ -61,7 +66,7 @@
<section id="feed" class="feed" aria-live="polite"></section>
</main>
<script src="/static/auth-header.js?v=1"></script>
<script src="/static/auth-header.js?v=3"></script>
<script src="/static/logout.js?v=3"></script>
<script src="/static/feed.js?v=5"></script>
</body>
+12 -7
View File
@@ -15,12 +15,17 @@
<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>
<button class="menu-toggle" type="button" aria-expanded="false" aria-controls="auth-menu">Menu</button>
<nav id="auth-menu" class="auth-menu hidden" aria-label="Account menu">
<a id="auth-home-link" href="/">Home</a>
<a id="auth-login-button" href="/login">Sign in</a>
<a id="auth-profile-link" class="hidden" href="/profile">Profile</a>
<a id="auth-admin-link" class="hidden" href="/admin">Admin</a>
<div id="auth-session" class="auth-session hidden">
<a id="auth-username" class="user-name" href="/"></a>
</div>
<button id="logout-button" class="logout-button hidden" type="button">Sign out</button>
</nav>
</div>
</div>
</div>
@@ -41,7 +46,7 @@
</form>
</section>
</main>
<script src="/static/auth-header.js?v=1"></script>
<script src="/static/auth-header.js?v=3"></script>
<script src="/static/logout.js?v=3"></script>
<script src="/static/login.js"></script>
</body>
+12 -8
View File
@@ -12,19 +12,23 @@
<div class="header-row">
<h1>Profile</h1>
<div class="header-actions">
<a id="admin-link" class="login-button hidden" href="/admin">Admin</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>
<button class="menu-toggle" type="button" aria-expanded="false" aria-controls="auth-menu">Menu</button>
<nav id="auth-menu" class="auth-menu hidden" aria-label="Account menu">
<a id="auth-home-link" href="/">Home</a>
<a id="auth-login-button" href="/login">Sign in</a>
<a id="auth-profile-link" class="hidden" href="/profile">Profile</a>
<a id="auth-admin-link" class="hidden" href="/admin">Admin</a>
<div id="auth-session" class="auth-session hidden">
<a id="auth-username" class="user-name" href="/"></a>
</div>
<button id="logout-button" class="logout-button hidden" type="button">Sign out</button>
</nav>
</div>
</div>
</div>
</header>
<main class="container">
<p class="auth-notice">Sign in at <a href="/login">/login</a> to manage your settings.</p>
<section class="link-item settings-panel">
<h2>Profile Settings</h2>
<form id="profile-form">
@@ -86,7 +90,7 @@
</form>
</section>
</main>
<script src="/static/auth-header.js?v=1"></script>
<script src="/static/auth-header.js?v=3"></script>
<script src="/static/logout.js?v=2"></script>
<script src="/static/profile.js?v=2"></script>
</body>