All checks were successful
Build and Publish Docker Image / deploy (push) Successful in 1m8s
- Update navigation labels from "My Account" to "Dashboard" and "Login" to "Sign in", updating tests accordingly. - Redesign settings forms into structured sections with improved spacing and layout. - Add CSS styles for tabs, small buttons, and responsive settings sections to enhance the user experience.
47 lines
1.8 KiB
HTML
47 lines
1.8 KiB
HTML
{{define "account.html"}}{{template "base" .}}{{end}}
|
|
|
|
{{define "content"}}
|
|
<section class="app-shell" aria-labelledby="account-title">
|
|
<aside class="app-sidebar">
|
|
<nav class="sidebar-nav">
|
|
<a class="sidebar-link" href="/app">My Files</a>
|
|
<a class="sidebar-link is-active" href="/account/settings">Account</a>
|
|
{{if eq .Data.Role "admin"}}<a class="sidebar-link" href="/admin">Admin panel</a>{{end}}
|
|
</nav>
|
|
<hr class="sidebar-sep">
|
|
<form class="sidebar-logout" action="/logout" method="post">
|
|
<button class="button button-outline" type="submit">Sign out</button>
|
|
</form>
|
|
</aside>
|
|
|
|
<div class="app-main">
|
|
<div class="admin-header">
|
|
<div>
|
|
<p class="kicker">Account</p>
|
|
<h1 id="account-title">Settings</h1>
|
|
<p class="muted-copy">{{.Data.Email}} · {{.Data.Role}}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="settings-stack">
|
|
<div class="card settings-panel">
|
|
<div class="card-content">
|
|
<div class="table-header">
|
|
<div>
|
|
<h2>Password</h2>
|
|
<p>Update the password for your account.</p>
|
|
</div>
|
|
</div>
|
|
<form class="settings-form settings-form-narrow" action="/account/password" method="post">
|
|
<label><span>Current password</span><input type="password" name="current_password" autocomplete="current-password" required></label>
|
|
<label><span>New password</span><input type="password" name="new_password" autocomplete="new-password" minlength="8" required></label>
|
|
<button class="button button-primary" type="submit">Update password</button>
|
|
</form>
|
|
<p class="muted-copy">Public forgot-password is deferred until SMTP support is added. Admins can generate reset links.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{end}}
|