Owner, 2026-10-18: "Что ещё из макетов мы также прошляпили?" - every mockup held against the panel; two small gaps beyond the queues: - user.html: with All ticked, a list's single domains are disabled (mockup user.html:34-36). A panel.js show-when rule with disable: the boxes data-single-out / data-single-in follow data-all-out / data-all-in, at load and on change; a disabled box is not submitted, which the server ignores with All anyway. node test testdata/alldomains_test.js (fails on the previous panel.js). - backup.html: "domain's settings" is a link, to Outbound › Domains (mockup backup.html:35 links a domain's settings; a server page has no one domain). Tests: go test ./internal/web/... pass, TestPanelJS with node 24. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
59 lines
4.6 KiB
HTML
59 lines
4.6 KiB
HTML
{{/* The user form (mockup user.html): one form that creates a panel user and
|
|
edits one. The account is the left column; on the right the domains the user
|
|
reaches, outbound and inbound as two lists, each with its All. panel.js hides
|
|
the lists while the role is Global (data-global-role on the select,
|
|
data-domain-pick on the boxes); without scripts they stay in view and the
|
|
server ignores them for the global role. A blank password keeps the current
|
|
one. Your account password is asked for a new user and for a change of
|
|
password, e-mail or role (audit 2026-10-17, A2); the server decides. */}}
|
|
{{define "content"}}
|
|
{{template "page_head" .Head}}
|
|
{{if .Flash}}{{template "flash" .Flash}}{{end}}
|
|
|
|
<form class="sp-form" method="post" action="{{.Action}}">
|
|
<div class="columns">
|
|
<div class="column is-6">
|
|
{{template "box_open" .Account}}
|
|
{{template "body_open"}}
|
|
<div class="field"><label class="label" for="username">Username</label><div class="control"><input class="input" id="username" name="username" value="{{.Username}}" autocomplete="username" autocapitalize="none" spellcheck="false" required></div></div>
|
|
<div class="field"><label class="label" for="email">E-mail{{with .EmailTag}} {{template "tag" .}}{{end}}</label><div class="control"><input class="input" id="email" name="email" type="email" value="{{.Email}}" autocomplete="off"></div>
|
|
<p class="help">The user's own address. They can change it under Account. A new one is sent a link to confirm it; until it is confirmed no reset link goes to it.</p></div>
|
|
<div class="field"><label class="label" for="password">Password</label><div class="control"><input class="input" id="password" name="password" type="password" autocomplete="new-password"{{if .NewUser}} required{{end}}></div>
|
|
<p class="help">{{if .NewUser}}At least {{.PasswordMin}} characters.{{else}}Leave empty to keep the current one.{{end}}</p></div>
|
|
<div class="field"><label class="label" for="role">Role</label>
|
|
{{if .RoleLocked}}<input type="hidden" name="role" value="{{.Role}}">{{end}}
|
|
<div class="control"><div class="select is-fullwidth"><select id="role" name="role" data-global-role="global"{{if .RoleLocked}} disabled{{end}}>{{$sel := .Role}}{{range .Roles}}
|
|
<option value="{{.Value}}"{{if eq .Value $sel}} selected{{end}}>{{.Label}}</option>{{end}}
|
|
</select></div></div>
|
|
<p class="help">Everyone here is an administrator; the role is the reach. <em>Global</em> also sees Server and is the only one who adds or deletes domains. The only global user cannot be changed to <em>domain</em> or deleted.</p></div>
|
|
<div class="field"><label class="label" for="acpw">Your account password</label><div class="control"><input class="input" id="acpw" name="account_password" type="password" autocomplete="current-password"{{if .NewUser}} required{{end}}></div>
|
|
<p class="help">Yours, the one you sign in with, not this user's. Asked when you add a user, or change a password, an e-mail or a role here: a session left open must not be enough to hand out an account.</p></div>
|
|
{{template "body_close"}}
|
|
{{template "box_close"}}
|
|
</div>
|
|
<div class="column is-6">
|
|
{{template "box_open" .Outbound}}
|
|
{{template "body_open"}}
|
|
<div class="field"><label class="checkbox"><input type="checkbox" name="all_domains" value="1" data-all-out{{if .AllOut}} checked{{end}}> <strong>All outbound domains</strong>, including ones added later</label></div>{{range .OutDomains}}
|
|
<div class="field"><label class="checkbox"><input type="checkbox" name="domain_ids" value="{{.ID}}" data-single-out{{if .Checked}} checked{{end}}> {{.Name}}</label></div>{{end}}
|
|
<p class="help">With <em>All</em> ticked the single domains are ignored.</p>
|
|
{{template "body_close"}}
|
|
{{template "box_close"}}
|
|
{{if .ShowInbound}}
|
|
{{template "box_open" .Inbound}}
|
|
{{template "body_open"}}
|
|
<div class="field"><label class="checkbox"><input type="checkbox" name="all_inbound_domains" value="1" data-all-in{{if .AllIn}} checked{{end}}> <strong>All inbound domains</strong>, including ones added later</label></div>{{range .InDomains}}
|
|
<div class="field"><label class="checkbox"><input type="checkbox" name="inbound_domain_ids" value="{{.ID}}" data-single-in{{if .Checked}} checked{{end}}> {{.Name}}</label></div>{{end}}
|
|
<p class="help">Granted separately from outbound: the same name on both lists is two assignments. The <em>domain</em> role needs at least one domain, or <em>All</em>, on either list.</p>
|
|
{{template "body_close"}}
|
|
{{template "box_close"}}
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
<div class="buttons">
|
|
<button type="submit" class="button is-primary">{{.Submit}}</button>
|
|
<a class="button is-text" href="{{.CancelHref}}">Cancel</a>
|
|
</div>
|
|
</form>
|
|
{{end}}
|