From 93916cdcbcca28b0c5f8fe5a50fc65cd05b54580 Mon Sep 17 00:00:00 2001
From: Tobias Kunze <r@rixx.de>
Date: Fri, 11 Apr 2025 13:34:10 +0200
Subject: [PATCH] Show conditions in detail view

---
 .../service_instance_detail.html              | 53 +++++++++++++++++--
 1 file changed, 49 insertions(+), 4 deletions(-)

diff --git a/src/servala/frontend/templates/frontend/organizations/service_instance_detail.html b/src/servala/frontend/templates/frontend/organizations/service_instance_detail.html
index 7a949f1..b85642f 100644
--- a/src/servala/frontend/templates/frontend/organizations/service_instance_detail.html
+++ b/src/servala/frontend/templates/frontend/organizations/service_instance_detail.html
@@ -7,10 +7,10 @@
 {% endblock html_title %}
 {% block content %}
     <section class="section">
-        <div class="card">
-            <div class="card-body">
-                <div class="row">
-                    <div class="col-md-6">
+        <div class="row">
+            <div class="col-12 col-md-4">
+                <div class="card">
+                    <div class="card-body">
                         <h5>{% translate "Details" %}</h5>
                         <dl class="row">
                             <dt class="col-sm-4">{% translate "Service" %}</dt>
@@ -49,6 +49,51 @@
                     </div>
                 </div>
             </div>
+            {% if instance.status_conditions %}
+                <div class="col-12 col-md-8">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="row mt-4">
+                                <div class="col-12">
+                                    <h5>{% translate "Status Conditions" %}</h5>
+                                    <div class="table-responsive">
+                                        <table class="table table-bordered">
+                                            <thead>
+                                                <tr>
+                                                    <th>{% translate "Type" %}</th>
+                                                    <th>{% translate "Status" %}</th>
+                                                    <th>{% translate "Last Transition Time" %}</th>
+                                                    <th>{% translate "Reason" %}</th>
+                                                    <th>{% translate "Message" %}</th>
+                                                </tr>
+                                            </thead>
+                                            <tbody>
+                                                {% for condition in instance.status_conditions %}
+                                                    <tr>
+                                                        <td>{{ condition.type }}</td>
+                                                        <td>
+                                                            {% if condition.status == "True" %}
+                                                                <span class="badge text-bg-success">True</span>
+                                                            {% elif condition.status == "False" %}
+                                                                <span class="badge text-bg-danger">False</span>
+                                                            {% else %}
+                                                                <span class="badge text-bg-secondary">{{ condition.status }}</span>
+                                                            {% endif %}
+                                                        </td>
+                                                        <td>{{ condition.lastTransitionTime }}</td>
+                                                        <td>{{ condition.reason }}</td>
+                                                        <td>{{ condition.message }}</td>
+                                                    </tr>
+                                                {% endfor %}
+                                            </tbody>
+                                        </table>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            {% endif %}
         </div>
     </section>
 {% endblock content %}