76 lines
2.3 KiB
HTML
76 lines
2.3 KiB
HTML
{{define "head"}}
|
|
<title>Account Settings - ari melody 💫</title>
|
|
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
|
|
<link rel="stylesheet" href="/admin/static/edit-account.css">
|
|
{{end}}
|
|
|
|
{{define "content"}}
|
|
<main>
|
|
{{if .Message}}
|
|
<p id="message">{{.Message}}</p>
|
|
{{end}}
|
|
{{if .Error}}
|
|
<p id="error">{{.Error}}</p>
|
|
{{end}}
|
|
<h1>Account Settings ({{.Account.Username}})</h1>
|
|
|
|
<div class="card-title">
|
|
<h2>Change Password</h2>
|
|
</div>
|
|
<div class="card">
|
|
<form action="/admin/account/password" method="POST" id="change-password">
|
|
<div>
|
|
<label for="current-password">Current Password</label>
|
|
<input type="password" id="current-password" name="current-password" value="" autocomplete="current-password">
|
|
|
|
<label for="new-password">Password</label>
|
|
<input type="password" id="new-password" name="new-password" value="" autocomplete="new-password">
|
|
|
|
<label for="confirm-password">Confirm Password</label>
|
|
<input type="password" id="confirm-password" value="" autocomplete="new-password">
|
|
</div>
|
|
|
|
<button type="submit" class="save">Change Password</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="card-title">
|
|
<h2>MFA Devices</h2>
|
|
</div>
|
|
<div class="card mfa-devices">
|
|
{{if .TOTPs}}
|
|
{{range .TOTPs}}
|
|
<div class="mfa-device">
|
|
<div>
|
|
<p class="mfa-device-name">{{.Name}}</p>
|
|
<p class="mfa-device-date">Added: {{.CreatedAt}}</p>
|
|
</div>
|
|
<div>
|
|
<a class="delete">Delete</a>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
{{else}}
|
|
<p>You have no MFA devices.</p>
|
|
{{end}}
|
|
|
|
<button type="submit" class="new" id="add-mfa-device">Add MFA Device</button>
|
|
</div>
|
|
|
|
<div class="card-title">
|
|
<h2>Danger Zone</h2>
|
|
</div>
|
|
<div class="card danger">
|
|
<p>
|
|
Clicking the button below will delete your account.
|
|
This action is <strong>irreversible</strong>.
|
|
You will be prompted to confirm this decision.
|
|
</p>
|
|
<button class="delete" id="delete">Delete Account</button>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<script type="module" src="/admin/static/edit-account.js" defer></script>
|
|
{{end}}
|