Improve status condition display

This commit is contained in:
Tobias Kunze 2025-04-11 14:00:38 +02:00
parent 93916cdcbc
commit 7afc4400b7

View file

@ -10,8 +10,10 @@
<div class="row"> <div class="row">
<div class="col-12 col-md-4"> <div class="col-12 col-md-4">
<div class="card"> <div class="card">
<div class="card-header">
<h4>{% translate "Details" %}</h4>
</div>
<div class="card-body"> <div class="card-body">
<h5>{% translate "Details" %}</h5>
<dl class="row"> <dl class="row">
<dt class="col-sm-4">{% translate "Service" %}</dt> <dt class="col-sm-4">{% translate "Service" %}</dt>
<dd class="col-sm-8"> <dd class="col-sm-8">
@ -52,42 +54,42 @@
{% if instance.status_conditions %} {% if instance.status_conditions %}
<div class="col-12 col-md-8"> <div class="col-12 col-md-8">
<div class="card"> <div class="card">
<div class="card-header">
<h4>{% translate "Status" %}</h4>
</div>
<div class="card-body"> <div class="card-body">
<div class="row mt-4"> <div class="row">
<div class="col-12"> <div class="table-responsive">
<h5>{% translate "Status Conditions" %}</h5> <table class="table table-bordered">
<div class="table-responsive"> <thead>
<table class="table table-bordered"> <tr>
<thead> <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> <tr>
<th>{% translate "Type" %}</th> <td>{{ condition.type }}</td>
<th>{% translate "Status" %}</th> <td>
<th>{% translate "Last Transition Time" %}</th> {% if condition.status == "True" %}
<th>{% translate "Reason" %}</th> <span class="badge text-bg-success">True</span>
<th>{% translate "Message" %}</th> {% 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> </tr>
</thead> {% endfor %}
<tbody> </tbody>
{% for condition in instance.status_conditions %} </table>
<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> </div>