017c3c38fe
Address friction points identified in a full interface audit: - Re-add status badge to dashboard tiles so run state is visible at a glance - Add active nav indicator and SSE connection health monitor (live/stale) - Show manual registration form by default instead of hiding behind <details> - Add copy-to-clipboard buttons on SSH hold command and quick-register one-liner - Replace tooltip-only profile descriptions with inline visible text - Clarify non-destructive toggle with explicit stage impact description - Replace disabled "Start vetting" button with actionable offline guidance - Swap browser confirm() dialogs for styled inline confirmations - Add colored badge to spec diffs summary visible when collapsed - Add distinct "cancelled" mood for cancelled runs (vs idle) - Add match count to log search and aria-label for accessibility - Add styled 404 page rendered inside the app shell Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
80 lines
2.7 KiB
Plaintext
80 lines
2.7 KiB
Plaintext
package templates
|
|
|
|
type RegistrationForm struct {
|
|
Name string
|
|
MAC string
|
|
WoLBroadcastIP string
|
|
WoLPort string
|
|
ExpectedSpecYAML string
|
|
Notes string
|
|
Error string
|
|
QuickRegisterURL string // base URL (no trailing slash) used in the one-liner
|
|
}
|
|
|
|
templ Registration(form RegistrationForm) {
|
|
@Layout("Register host") {
|
|
<section class="form-wrap">
|
|
<header class="form-wrap-head">
|
|
<h1>Register host</h1>
|
|
<a class="button-secondary" href="/">Back to dashboard</a>
|
|
</header>
|
|
if form.Error != "" {
|
|
<div class="error">{ form.Error }</div>
|
|
}
|
|
if form.QuickRegisterURL != "" {
|
|
<section class="detail-section quick-register">
|
|
<h2>Quick register <span class="muted">(recommended)</span></h2>
|
|
<p>Run this on the target host as root before wiping. It auto-detects MAC and hardware, then registers with this orchestrator:</p>
|
|
<div class="copyable-wrap">
|
|
<pre class="one-liner"><code>{ "curl -fsSL " + form.QuickRegisterURL + "/register/quick.sh | sudo bash" }</code></pre>
|
|
<button type="button" class="copy-btn" data-copy-target="previousSibling">Copy</button>
|
|
</div>
|
|
<p class="muted">After the script prints <code>OK</code>, refresh the dashboard and click <b>Start vetting</b> on the new host.</p>
|
|
</section>
|
|
}
|
|
<section class="detail-section manual-register-card">
|
|
<h2>Register manually</h2>
|
|
<form method="post" action="/hosts" class="host-form">
|
|
<label>
|
|
Name
|
|
<input type="text" name="name" value={ form.Name } required pattern="[A-Za-z0-9_\-\.]+" placeholder="pve-node-03"/>
|
|
</label>
|
|
<label>
|
|
MAC address
|
|
<input type="text" name="mac" value={ form.MAC } required placeholder="aa:bb:cc:dd:ee:ff"/>
|
|
</label>
|
|
<div class="grid-2">
|
|
<label>
|
|
WoL broadcast IP
|
|
<input type="text" name="wol_broadcast_ip" value={ form.WoLBroadcastIP } required placeholder="10.0.0.255"/>
|
|
</label>
|
|
<label>
|
|
WoL port
|
|
<input type="number" name="wol_port" value={ defaultPort(form.WoLPort) } min="1" max="65535"/>
|
|
</label>
|
|
</div>
|
|
<label>
|
|
Expected hardware spec (YAML)
|
|
<textarea name="expected_spec_yaml" rows="12" required placeholder="cpu: model_match: ...">{ form.ExpectedSpecYAML }</textarea>
|
|
</label>
|
|
<label>
|
|
Notes
|
|
<textarea name="notes" rows="3">{ form.Notes }</textarea>
|
|
</label>
|
|
<div class="actions">
|
|
<button type="submit" class="btn-primary">Register</button>
|
|
<a class="button-secondary" href="/">Cancel</a>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
</section>
|
|
}
|
|
}
|
|
|
|
func defaultPort(v string) string {
|
|
if v == "" {
|
|
return "9"
|
|
}
|
|
return v
|
|
}
|