at-container-registry/pkg/appview/templates/components/modal.html

{{ define "manifest-modal" }}
<dialog class="modal modal-open" onclick="if(event.target===this)this.remove()">
    <div class="modal-box">
        <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2" onclick="this.closest('dialog').remove()" aria-label="Close manifest details">✕</button>

        <h2 class="text-xl font-semibold mb-4">Manifest Details</h2>

        <div class="space-y-3">
            <div class="flex justify-between items-center">
                <strong class="text-base-content/60 min-w-[150px]">Digest:</strong>
                <code class="font-mono text-sm">{{ .Digest }}</code>
            </div>
            <div class="flex justify-between items-center">
                <strong class="text-base-content/60 min-w-[150px]">Media Type:</strong>
                <span>{{ .MediaType }}</span>
            </div>
            <div class="flex justify-between items-center">
                <strong class="text-base-content/60 min-w-[150px]">Hold Endpoint:</strong>
                <span>{{ .HoldEndpoint }}</span>
            </div>
            <div class="flex justify-between items-center">
                <strong class="text-base-content/60 min-w-[150px]">Created:</strong>
                <time datetime="{{ .CreatedAt.Format "2006-01-02T15:04:05Z07:00" }}">
                    {{ .CreatedAt.Format "2006-01-02 15:04:05 MST" }}
                </time>
            </div>
        </div>
    </div>
    <form method="dialog" class="modal-backdrop">
        <button onclick="this.closest('dialog').remove()">close</button>
    </form>
</dialog>
{{ end }}