accounts and email
This commit is contained in:
@@ -3,82 +3,130 @@
|
||||
{{ define "account_content" }}
|
||||
<section class="account-shell">
|
||||
<header class="account-header">
|
||||
<div>
|
||||
<p class="eyebrow">Account</p>
|
||||
<h1>{{ .DisplayName }}</h1>
|
||||
<p>{{ .Email }} · {{ .Role }}</p>
|
||||
<div class="account-identity">
|
||||
<span class="account-avatar" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="8" r="3.5" />
|
||||
<path d="M4.5 20a7.5 7.5 0 0 1 15 0" />
|
||||
</svg>
|
||||
</span>
|
||||
<div>
|
||||
<p class="eyebrow">Account center</p>
|
||||
<h1>{{ .DisplayName }}</h1>
|
||||
<div class="account-meta">
|
||||
<span>{{ .Email }}</span>
|
||||
<span class="account-role">{{ .Role }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" data-auth-logout>Sign out</button>
|
||||
<button class="account-signout" type="button" data-auth-logout>
|
||||
<svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<path d="M10 17l5-5-5-5" />
|
||||
<path d="M15 12H3" />
|
||||
<path d="M21 19V5a2 2 0 0 0-2-2h-6" />
|
||||
</svg>
|
||||
Sign out
|
||||
</button>
|
||||
</header>
|
||||
|
||||
<div class="account-grid">
|
||||
<section class="account-section">
|
||||
<h2>API Tokens</h2>
|
||||
<form class="auth-form" data-token-create>
|
||||
<label>
|
||||
Name
|
||||
<input type="text" name="name" placeholder="CLI on laptop" required />
|
||||
</label>
|
||||
<fieldset class="scope-grid">
|
||||
<legend>Scopes</legend>
|
||||
<label><input type="checkbox" name="scope" value="docs:read" checked /> Docs read</label>
|
||||
<label><input type="checkbox" name="scope" value="docs:write" /> Docs write</label>
|
||||
<label><input type="checkbox" name="scope" value="sync:read" checked /> Sync read</label>
|
||||
<label><input type="checkbox" name="scope" value="sync:write" /> Sync write</label>
|
||||
<label><input type="checkbox" name="scope" value="admin" /> Admin</label>
|
||||
</fieldset>
|
||||
<button type="submit">Create token</button>
|
||||
<p class="form-status" data-token-status></p>
|
||||
<pre class="token-output" data-token-output hidden></pre>
|
||||
</form>
|
||||
<ul class="token-list" data-token-list></ul>
|
||||
</section>
|
||||
<div class="account-layout">
|
||||
<div class="account-main">
|
||||
<section class="account-section account-section--tokens">
|
||||
<header class="account-section__header account-section__header--action">
|
||||
<div>
|
||||
<p class="account-section__kicker">Integrations</p>
|
||||
<h2>Access tokens</h2>
|
||||
<p>Manage access for the macOS app, CLI, or another trusted client.</p>
|
||||
</div>
|
||||
<a class="account-action" href="/account/tokens/new">Create token</a>
|
||||
</header>
|
||||
<div class="account-list-heading">
|
||||
<h3>Issued tokens</h3>
|
||||
<p>Tokens can be revoked immediately. New secrets are shown only once.</p>
|
||||
</div>
|
||||
<ul class="token-list" data-token-list></ul>
|
||||
</section>
|
||||
|
||||
<section class="account-section">
|
||||
<h2>Password</h2>
|
||||
<form class="auth-form" data-password-change>
|
||||
<label>
|
||||
Current password
|
||||
<input type="password" name="currentPassword" autocomplete="current-password" />
|
||||
</label>
|
||||
<label>
|
||||
New password
|
||||
<input type="password" name="newPassword" autocomplete="new-password" minlength="12" required />
|
||||
</label>
|
||||
<button type="submit">Change password</button>
|
||||
<p class="form-status" data-password-status></p>
|
||||
</form>
|
||||
</section>
|
||||
<section class="account-section account-section--users" data-admin-users-section hidden>
|
||||
<header class="account-section__header">
|
||||
<div>
|
||||
<p class="account-section__kicker">Administration</p>
|
||||
<h2>People and roles</h2>
|
||||
</div>
|
||||
<p>Control access levels for everyone with an account on this server.</p>
|
||||
</header>
|
||||
<form class="user-management" data-admin-users>
|
||||
<div class="user-list" data-admin-user-list></div>
|
||||
<div class="account-form-footer">
|
||||
<button type="submit">Save changes</button>
|
||||
<p class="form-status" data-admin-users-status></p>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section class="account-section" data-admin-users-section hidden>
|
||||
<h2>Users</h2>
|
||||
<div class="user-list" data-admin-users></div>
|
||||
<p class="form-status" data-admin-users-status></p>
|
||||
</section>
|
||||
<aside class="account-sidebar">
|
||||
<section class="account-section">
|
||||
<header class="account-section__header">
|
||||
<div>
|
||||
<p class="account-section__kicker">Security</p>
|
||||
<h2>Change password</h2>
|
||||
</div>
|
||||
<p>Use at least 12 characters for your new password.</p>
|
||||
</header>
|
||||
<form class="auth-form" data-password-change>
|
||||
<label>
|
||||
Current password
|
||||
<input type="password" name="currentPassword" autocomplete="current-password" />
|
||||
</label>
|
||||
<label>
|
||||
New password
|
||||
<input type="password" name="newPassword" autocomplete="new-password" minlength="12" required />
|
||||
</label>
|
||||
<button type="submit">Update password</button>
|
||||
<p class="form-status" data-password-status></p>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="account-section" data-admin-settings-section hidden>
|
||||
<h2>Registration</h2>
|
||||
<form class="auth-form" data-admin-settings>
|
||||
<label class="auth-choice">
|
||||
<input type="checkbox" name="signupsEnabled" />
|
||||
Allow visitors to create accounts
|
||||
</label>
|
||||
<button type="submit">Save registration setting</button>
|
||||
<p class="form-status" data-admin-settings-status></p>
|
||||
</form>
|
||||
</section>
|
||||
<section class="account-section" data-admin-settings-section hidden>
|
||||
<header class="account-section__header">
|
||||
<div>
|
||||
<p class="account-section__kicker">Administration</p>
|
||||
<h2>Registration</h2>
|
||||
</div>
|
||||
<p>Choose whether new visitors can create their own accounts.</p>
|
||||
</header>
|
||||
<form class="auth-form" data-admin-settings>
|
||||
<label class="auth-choice account-toggle">
|
||||
<input type="checkbox" name="signupsEnabled" />
|
||||
<span>
|
||||
<strong>Public signups</strong>
|
||||
<small>Allow visitors to register without an invitation.</small>
|
||||
</span>
|
||||
</label>
|
||||
<button type="submit">Save setting</button>
|
||||
<p class="form-status" data-admin-settings-status></p>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="account-section account-section--danger">
|
||||
<h2>Delete Account</h2>
|
||||
<form class="auth-form" data-account-delete>
|
||||
<label>
|
||||
Current password
|
||||
<input type="password" name="currentPassword" autocomplete="current-password" />
|
||||
</label>
|
||||
<button type="submit">Delete account</button>
|
||||
<p class="form-status" data-delete-status></p>
|
||||
</form>
|
||||
</section>
|
||||
<section class="account-section account-section--danger">
|
||||
<header class="account-section__header">
|
||||
<div>
|
||||
<p class="account-section__kicker">Danger zone</p>
|
||||
<h2>Delete account</h2>
|
||||
</div>
|
||||
<p>This permanently removes your account and cannot be undone.</p>
|
||||
</header>
|
||||
<form class="auth-form" data-account-delete>
|
||||
<label>
|
||||
Current password
|
||||
<input type="password" name="currentPassword" autocomplete="current-password" />
|
||||
</label>
|
||||
<button class="account-danger-button" type="submit">Delete account</button>
|
||||
<p class="form-status" data-delete-status></p>
|
||||
</form>
|
||||
</section>
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
@@ -27,6 +27,20 @@
|
||||
<input type="search" name="q" placeholder="Search documents…" aria-label="Search documents" />
|
||||
</form>
|
||||
<nav class="site-nav">
|
||||
{{ if .Principal }}
|
||||
<div class="notification-bell" data-notification-bell>
|
||||
<button class="notification-bell__trigger" type="button" aria-label="Notifications" aria-haspopup="true" aria-expanded="false">
|
||||
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" />
|
||||
<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
|
||||
</svg>
|
||||
<span class="notification-bell__count" data-unread-count hidden>0</span>
|
||||
</button>
|
||||
<div class="notification-bell__dropdown" data-notification-dropdown role="menu" hidden>
|
||||
<ul class="notification-list" aria-live="polite"></ul>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<a href="/help" aria-label="Help" title="Help">
|
||||
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
|
||||
</a>
|
||||
@@ -52,8 +66,12 @@
|
||||
{{ template "login_content" .Data }}
|
||||
{{ else if eq .BodyTemplate "setup_content" }}
|
||||
{{ template "setup_content" .Data }}
|
||||
{{ else if eq .BodyTemplate "password_reset_content" }}
|
||||
{{ template "password_reset_content" .Data }}
|
||||
{{ else if eq .BodyTemplate "account_content" }}
|
||||
{{ template "account_content" .Data }}
|
||||
{{ else if eq .BodyTemplate "token_create_content" }}
|
||||
{{ template "token_create_content" .Data }}
|
||||
{{ else if eq .BodyTemplate "device_verify_content" }}
|
||||
{{ template "device_verify_content" .Data }}
|
||||
{{ else if eq .BodyTemplate "error_content" }}
|
||||
@@ -79,7 +97,7 @@
|
||||
<ul data-sync-queue-list></ul>
|
||||
</section>
|
||||
<div class="version-notice" data-version-notice hidden>
|
||||
<p>A newer version is available.</p>
|
||||
<p>Document changes are available.</p>
|
||||
<button type="button" data-version-reload>Reload</button>
|
||||
</div>
|
||||
<script src="/static/cache.js" defer></script>
|
||||
@@ -89,6 +107,7 @@
|
||||
<script src="/static/auth.js" defer></script>
|
||||
<script src="/static/render.js" defer></script>
|
||||
<script src="/static/comments.js" defer></script>
|
||||
<script src="/static/archive.js" defer></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@@ -21,7 +21,12 @@
|
||||
<div class="document-meta">
|
||||
<div class="document-meta__header">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<a class="document-edit-link" href="/docs/{{ trimMd .Path }}/edit">Edit</a>
|
||||
{{ if .CanWrite }}
|
||||
<div class="document-actions">
|
||||
<a class="document-edit-link" href="/docs/{{ trimMd .Path }}/edit">Edit</a>
|
||||
<button class="document-archive-btn" type="button" data-archive-path="{{ .Path }}" aria-label="Archive document">Archive</button>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<details class="document-meta-panel">
|
||||
<summary>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<div class="auth-panel">
|
||||
<div class="auth-panel__header">
|
||||
<p class="eyebrow">Cairnquire</p>
|
||||
<h1>Log In</h1>
|
||||
<h1 data-auth-heading>Log In</h1>
|
||||
</div>
|
||||
|
||||
<div class="auth-login-section" data-login-section>
|
||||
@@ -43,6 +43,12 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ if .DevMode }}<div class="auth-dev-login">
|
||||
<p class="auth-note">Development mode is enabled. Use the local development admin without a password.</p>
|
||||
<button type="button" class="btn-secondary" data-dev-login>Continue as development admin</button>
|
||||
<p class="form-status" data-dev-login-status></p>
|
||||
</div>{{ end }}
|
||||
|
||||
{{ if .SignupsEnabled }}<div class="auth-register-cta">
|
||||
<button type="button" class="btn-cta" data-register-toggle>Create an Account</button>
|
||||
</div>{{ end }}
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
{{ define "password_reset.gohtml" }}{{ template "base" . }}{{ end }}
|
||||
|
||||
{{ define "password_reset_content" }}
|
||||
<section class="auth-shell">
|
||||
<div class="auth-panel">
|
||||
<div class="auth-panel__header">
|
||||
<p class="eyebrow">Cairnquire</p>
|
||||
<h1>Reset password</h1>
|
||||
<p class="auth-note">Choose a new password with at least 12 characters.</p>
|
||||
</div>
|
||||
|
||||
<form class="auth-form" data-password-reset>
|
||||
<input type="hidden" name="token" value="{{ .Token }}" />
|
||||
<label>
|
||||
New password
|
||||
<input type="password" name="newPassword" autocomplete="new-password" minlength="12" required />
|
||||
</label>
|
||||
<button type="submit" class="btn-primary">Set new password</button>
|
||||
<p class="form-status" data-password-reset-status></p>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,49 @@
|
||||
{{ define "token_create.gohtml" }}{{ template "base" . }}{{ end }}
|
||||
|
||||
{{ define "token_create_content" }}
|
||||
<section class="account-shell">
|
||||
<header class="account-page-header">
|
||||
<a class="account-back" href="/account">
|
||||
<svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<path d="M19 12H5" />
|
||||
<path d="M12 19l-7-7 7-7" />
|
||||
</svg>
|
||||
Back to account
|
||||
</a>
|
||||
<p class="account-section__kicker">Integrations</p>
|
||||
<h1>Create access token</h1>
|
||||
<p>Give a trusted client the smallest set of permissions it needs.</p>
|
||||
</header>
|
||||
|
||||
<div class="token-create-layout">
|
||||
<section class="account-section">
|
||||
<form class="auth-form token-create-form" data-token-create>
|
||||
<label>
|
||||
Token name
|
||||
<input type="text" name="name" placeholder="MacBook sync app" required />
|
||||
</label>
|
||||
<fieldset class="scope-grid">
|
||||
<legend>Permissions</legend>
|
||||
<label><input type="checkbox" name="scope" value="docs:read" checked /> Docs read</label>
|
||||
<label><input type="checkbox" name="scope" value="docs:write" /> Docs write</label>
|
||||
<label><input type="checkbox" name="scope" value="sync:read" checked /> Sync read</label>
|
||||
<label><input type="checkbox" name="scope" value="sync:write" /> Sync write</label>
|
||||
<label><input type="checkbox" name="scope" value="admin" /> Admin</label>
|
||||
</fieldset>
|
||||
<div class="account-form-footer">
|
||||
<button type="submit">Create token</button>
|
||||
<a class="btn-secondary" href="/account">Cancel</a>
|
||||
</div>
|
||||
<p class="form-status" data-token-status></p>
|
||||
<pre class="token-output" data-token-output hidden></pre>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<aside class="account-section token-create-note">
|
||||
<p class="account-section__kicker">Before you create</p>
|
||||
<h2>Keep the secret somewhere safe</h2>
|
||||
<p>The token is shown once after creation. Store it in the client that needs access, then return to your account to revoke it later.</p>
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user