at-container-registry/pkg/appview/templates/partials/push-list.html

{{ range .Pushes }}
<div class="card p-4">
    <div class="flex items-start gap-4">
        {{ if .IconURL }}
            <img src="{{ .IconURL }}" alt="{{ .Repository }}" class="size-12 rounded-lg object-cover shrink-0">
        {{ else }}
            <div class="avatar avatar-placeholder">
                <div class="bg-neutral text-neutral-content size-12 rounded-lg shadow-sm">
                    <span class="text-lg">{{ firstChar .Repository }}</span>
                </div>
            </div>
        {{ end }}
        <div class="flex-1 min-w-0">
            <div class="flex justify-between items-center gap-4">
                <div class="truncate">
                    <a href="/u/{{ .Handle }}" class="link link-primary font-medium">{{ .Handle }}</a>
                    <span class="text-base-content/60">/</span>
                    <a href="/r/{{ .Handle }}/{{ .Repository }}" class="link text-base-content font-medium hover:underline">{{ .Repository }}</a>
                    <span class="text-base-content/60 mx-1">:</span>
                    <span class="text-base-content/60">{{ .Tag }}</span>
                    {{ if eq .ArtifactType "helm-chart" }}
                        <span class="badge badge-xs badge-soft badge-helm"><i data-lucide="anchor"></i></span>
                    {{ end }}
                </div>
                <div class="flex items-center gap-4 shrink-0">
                    {{ template "star" (dict "IsStarred" .IsStarred "StarCount" .StarCount) }}
                    {{ template "pull-count" (dict "PullCount" .PullCount) }}
                </div>
            </div>
            {{ if .Description }}
                <p class="text-base-content/60 text-sm mt-1 m-0">{{ .Description }}</p>
            {{ end }}
        </div>
    </div>

    <div class="flex items-center gap-4 mt-3 pt-3 border-t border-base-300 text-base-content/60">
        <div class="flex items-center gap-2">
            <code class="font-mono text-sm truncate max-w-[200px]" title="{{ .Digest }}">{{ .Digest }}</code>
            <button class="btn btn-ghost btn-xs" onclick="copyToClipboard('{{ .Digest }}')"><i data-lucide="copy" class="size-4"></i></button>
        </div>
        <time datetime="{{ .CreatedAt.Format "2006-01-02T15:04:05Z07:00" }}" class="text-sm">
            {{ timeAgo .CreatedAt }}
        </time>
    </div>
</div>
{{ end }}

{{ if eq (len .Pushes) 0 }}
<div class="py-8 text-center">
    <p class="text-base-content/60">No pushes yet. Start using ATCR by pushing your first image!</p>
    <pre class="mt-4"><code class="font-mono text-sm">docker push {{ .RegistryURL }}/yourhandle/myapp:latest</code></pre>
</div>
{{ end }}