metacrypt/web/templates/dashboard.html

{{define "title"}} - Dashboard{{end}}
{{define "content"}}
<div class="page-header">
    <h2>Dashboard</h2>
    <div class="page-meta">
        <span class="state-chip state-{{.State}}">{{.State}}</span>
    </div>
</div>

<div class="card">
    <div class="card-title">Engine Mounts</div>
    {{if .Mounts}}
    <div class="table-wrapper">
        <table>
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Type</th>
                    <th>Path</th>
                </tr>
            </thead>
            <tbody>
            {{range .Mounts}}
            <tr>
                <td>
                    {{if eq (printf "%s" .Type) "ca"}}
                    <a href="/pki">{{.Name}}</a>
                    {{else if eq (printf "%s" .Type) "sshca"}}
                    <a href="/sshca">{{.Name}}</a>
                    {{else if eq (printf "%s" .Type) "transit"}}
                    <a href="/transit">{{.Name}}</a>
                    {{else if eq (printf "%s" .Type) "user"}}
                    <a href="/user">{{.Name}}</a>
                    {{else}}
                    {{.Name}}
                    {{end}}
                </td>
                <td><code>{{.Type}}</code></td>
                <td><code>{{.MountPath}}</code></td>
            </tr>
            {{end}}
            </tbody>
        </table>
    </div>
    {{else}}
    <p>No engines mounted.</p>
    {{end}}
</div>

{{if .IsAdmin}}
<div class="card">
    <div class="card-title">Mount Engine</div>
    {{if .MountError}}<div class="error">{{.MountError}}</div>{{end}}
    <details>
        <summary>Mount a CA engine</summary>
        <form method="post" action="/dashboard/mount-ca" enctype="multipart/form-data">
            {{csrfField}}
            <div class="form-row">
                <div class="form-group">
                    <label for="mount_name">Mount Name</label>
                    <input type="text" id="mount_name" name="name" placeholder="pki" required>
                </div>
                <div class="form-group">
                    <label for="organization">Organization</label>
                    <input type="text" id="organization" name="organization" placeholder="Metacircular">
                </div>
            </div>
            <details>
                <summary>Import existing root CA (optional)</summary>
                <div class="form-group">
                    <label for="cert_file">Certificate PEM</label>
                    <input type="file" id="cert_file" name="cert_file" accept=".pem,.crt">
                </div>
                <div class="form-group">
                    <label for="key_file">Private Key PEM</label>
                    <input type="file" id="key_file" name="key_file" accept=".pem,.key">
                </div>
            </details>
            <div class="form-actions">
                <button type="submit">Mount</button>
            </div>
        </form>
    </details>
    <details>
        <summary>Mount an SSH CA engine</summary>
        <form method="post" action="/dashboard/mount-engine">
            {{csrfField}}
            <input type="hidden" name="type" value="sshca">
            <div class="form-row">
                <div class="form-group">
                    <label for="sshca_name">Mount Name</label>
                    <input type="text" id="sshca_name" name="name" placeholder="sshca" required>
                </div>
                <div class="form-group">
                    <label for="sshca_algo">Key Algorithm</label>
                    <select id="sshca_algo" name="key_algorithm">
                        <option value="ed25519">ed25519 (default)</option>
                        <option value="ecdsa-p256">ecdsa-p256</option>
                        <option value="ecdsa-p384">ecdsa-p384</option>
                    </select>
                </div>
            </div>
            <div class="form-actions">
                <button type="submit">Mount</button>
            </div>
        </form>
    </details>
    <details>
        <summary>Mount a Transit engine</summary>
        <form method="post" action="/dashboard/mount-engine">
            {{csrfField}}
            <input type="hidden" name="type" value="transit">
            <div class="form-group">
                <label for="transit_name">Mount Name</label>
                <input type="text" id="transit_name" name="name" placeholder="transit" required>
            </div>
            <div class="form-actions">
                <button type="submit">Mount</button>
            </div>
        </form>
    </details>
    <details>
        <summary>Mount a User Crypto engine</summary>
        <form method="post" action="/dashboard/mount-engine">
            {{csrfField}}
            <input type="hidden" name="type" value="user">
            <div class="form-row">
                <div class="form-group">
                    <label for="user_name">Mount Name</label>
                    <input type="text" id="user_name" name="name" placeholder="user" required>
                </div>
                <div class="form-group">
                    <label for="user_algo">Key Algorithm</label>
                    <select id="user_algo" name="key_algorithm">
                        <option value="x25519">x25519 (default)</option>
                        <option value="ecdh-p256">ecdh-p256</option>
                        <option value="ecdh-p384">ecdh-p384</option>
                    </select>
                </div>
            </div>
            <div class="form-actions">
                <button type="submit">Mount</button>
            </div>
        </form>
    </details>
</div>

<div class="card">
    <div class="card-title">Administration</div>
    <p>Sealing the service will require the seal password to restore access.</p>
    <button class="btn-danger" hx-post="/v1/seal" hx-confirm="Are you sure you want to seal the service?">Seal Service</button>
</div>
{{end}}
{{end}}