63 lines
2.5 KiB
HTML
63 lines
2.5 KiB
HTML
{{define "title"}}Users · restic-manager{{end}}
|
|
|
|
{{define "content"}}
|
|
{{$page := .Page}}
|
|
<div class="max-w-[1280px] mx-auto px-8 pb-14">
|
|
<div class="crumbs pt-6">
|
|
<a href="/">Dashboard</a><span class="sep">/</span>
|
|
<a href="/settings">Settings</a><span class="sep">/</span>
|
|
<span class="text-ink-mid">users</span>
|
|
</div>
|
|
|
|
<div class="flex items-baseline justify-between mt-3.5">
|
|
<h1 class="text-[22px] font-medium tracking-[-0.005em]">
|
|
Users
|
|
<span class="text-ink-fade font-normal text-[14px] ml-2">{{len $page.Users}}</span>
|
|
</h1>
|
|
<div class="flex gap-2">
|
|
<a href="/settings/users/new" class="btn btn-primary">+ Add user</a>
|
|
</div>
|
|
</div>
|
|
|
|
<form method="get" action="/settings/users" class="mt-3 text-[12px] text-ink-mute">
|
|
<label class="cursor-pointer flex items-center gap-2">
|
|
<input type="checkbox" name="show_disabled" value="1"
|
|
{{if $page.ShowDisabled}}checked{{end}}
|
|
onchange="this.form.submit()" />
|
|
Show disabled users
|
|
</label>
|
|
</form>
|
|
|
|
<div class="panel mt-4 rounded-[7px] overflow-hidden">
|
|
<div class="user-row head">
|
|
<div>Username</div>
|
|
<div>Email</div>
|
|
<div>Role</div>
|
|
<div>Last login</div>
|
|
<div>Status</div>
|
|
<div></div>
|
|
</div>
|
|
{{range $page.Users}}
|
|
<div class="user-row{{if .Disabled}} disabled{{end}}">
|
|
<div class="mono text-ink">
|
|
<a href="/settings/users/{{.ID}}/edit" class="hover:underline">{{.Username}}</a>
|
|
</div>
|
|
<div class="mono text-ink-mid text-[12px]">{{if .Email}}{{.Email}}{{else}}<span class="text-ink-fade">—</span>{{end}}</div>
|
|
<div class="mono text-[12px] text-ink-mid">{{.Role}}</div>
|
|
<div class="mono text-[12px] text-ink-mute">
|
|
{{if eq .LastLoginAt "never"}}<span class="text-ink-fade">never</span>{{else}}{{.LastLoginAt}}{{end}}
|
|
</div>
|
|
<div>
|
|
{{if .Disabled}}<span class="tag" style="color: var(--ink-fade);">disabled</span>
|
|
{{else if .MustChangePassword}}<span class="tag" style="color: var(--warn); border-color: color-mix(in oklch, var(--warn), transparent 60%); background: color-mix(in oklch, var(--warn), transparent 92%);">setup pending</span>
|
|
{{else}}<span class="tag" style="color: var(--ok);">enabled</span>{{end}}
|
|
</div>
|
|
<div class="text-right">
|
|
<a href="/settings/users/{{.ID}}/edit" class="btn">Edit</a>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{end}}
|