feat: Display status condition message on package details page

Aryakoste · Jul 10, 2024 · 971575f · 971575f
1 parent 4bb10bf
commit 971575f
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/internal/web/templates/components/pkg-detail-header.html b/internal/web/templates/components/pkg-detail-header.html
@@ -114,7 +114,22 @@ <h1 class="text-reset m-0">
             Auto-Update:
             <strong>{{ .AutoUpdate }}</strong>
           </span>
+          <span 
+          class="badge p-1 fw-normal {{ if eq .Status.Status "Failed" }}bg-danger text-white border border-1 border-danger{{ else }}bg-body-secondary text-primary-emphasis border-primary border border-1 p-1 fw-normal{{ end }}"
+          data-bs-toggle="popover"
+          data-bs-title="Status"
+          data-bs-content="{{ .Status.Reason }}"
+          data-bs-html="true"
+          data-bs-trigger="focus"
+          tabindex="0">
+          Status: <strong>{{ .Status.Status }}</strong>
+        </span>
         </div>
+        {{ if eq .Status.Status "Failed" }}
+        <div class="mt-2 alert alert-danger">
+          <div>{{ .Status.Message }}</div>
+        </div>
+        {{end}}
       {{ end }}
     </div>
   </div>