96 lines
4.6 KiB
Handlebars
96 lines
4.6 KiB
Handlebars
<div class="page-header">
|
|
<div>
|
|
<h2>My account</h2>
|
|
<p>Update your display name and password.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4">
|
|
<div class="col-12 col-xl-6">
|
|
<div class="card card-outline card-primary admin-form-card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Display name</h3>
|
|
</div>
|
|
<form id="account-name-form" method="post" action="/account/name" data-async-save>
|
|
<div class="card-body">
|
|
<input id="account-name" type="text" name="name" class="form-control" value="{{name}}" autocomplete="name" required />
|
|
</div>
|
|
<div class="card-footer d-flex justify-content-end">
|
|
<div class="btn-group" role="group" aria-label="Display name actions">
|
|
<button type="submit" class="btn btn-success" form="account-name-form" name="save_action" value="save">Save</button>
|
|
<a class="btn btn-warning" href="/dashboard" data-confirm-unsaved="You have unsaved changes. Leave this page?">Cancel</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
{{#if allowUserSessionRevocation}}
|
|
<div class="card card-outline card-secondary admin-form-card mt-3">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Active sessions</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="d-flex flex-column gap-2">
|
|
{{#if sessions.length}}
|
|
{{#each sessions}}
|
|
<div class="border rounded p-3 {{#if isCurrent}}border-primary bg-primary-subtle{{/if}}">
|
|
<div class="d-flex align-items-start justify-content-between gap-3">
|
|
<div>
|
|
<div class="fw-semibold">{{#if isCurrent}}Current session{{else}}Active session{{/if}}</div>
|
|
</div>
|
|
{{#unless isCurrent}}
|
|
<form method="post" action="/account/sessions/{{id}}/revoke">
|
|
<button type="submit" class="btn btn-sm btn-outline-danger">Sign out</button>
|
|
</form>
|
|
{{/unless}}
|
|
</div>
|
|
<div class="text-body-secondary small mt-2">{{ipAddress}} · {{userAgent}}</div>
|
|
<div class="text-body-secondary small">Created {{createdAtLabel}} · Last used {{lastUsedAtLabel}} · Expires {{expiresAtLabel}}</div>
|
|
</div>
|
|
{{/each}}
|
|
{{else}}
|
|
<p class="mb-0 text-body-secondary">No active sessions were found.</p>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
<div class="card-footer d-flex justify-content-end">
|
|
<form method="post" action="/account/sessions/revoke">
|
|
<button type="submit" class="btn btn-danger">Sign out other sessions</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
|
|
<div class="col-12 col-xl-6">
|
|
<div class="card card-outline card-warning admin-form-card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Password</h3>
|
|
</div>
|
|
<form id="account-password-form" method="post" action="/account/password" data-async-save data-async-save-refresh-page="true">
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label for="account-current-password" class="form-label">Current password</label>
|
|
<input id="account-current-password" type="password" name="current_password" class="form-control" autocomplete="current-password" required />
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="account-new-password" class="form-label">New password</label>
|
|
<input id="account-new-password" type="password" name="new_password" class="form-control" autocomplete="new-password" minlength="{{passwordMinimumLength}}" required />
|
|
</div>
|
|
<div class="mb-0">
|
|
<label for="account-confirm-password" class="form-label">Confirm new password</label>
|
|
<input id="account-confirm-password" type="password" name="confirm_password" class="form-control" autocomplete="new-password" minlength="{{passwordMinimumLength}}" required />
|
|
</div>
|
|
<div class="form-text mt-2">{{passwordRequirementsText}}</div>
|
|
</div>
|
|
<div class="card-footer d-flex justify-content-end">
|
|
<div class="btn-group" role="group" aria-label="Password actions">
|
|
<button type="submit" class="btn btn-success" form="account-password-form" name="save_action" value="save">Save</button>
|
|
<a class="btn btn-warning" href="{{returnUrl}}" data-confirm-unsaved="You have unsaved changes. Leave this page?">Cancel</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|