minor changes to states view
This commit is contained in:
parent
8aa65f466c
commit
f3bd562fcb
|
@ -132,7 +132,7 @@
|
|||
<!-- delete state definition Modal -->
|
||||
{% for state_definition in state_definitions %}
|
||||
<div class="modal fade" id="deleteStateModal{{ state_definition.id }}" tabindex="-1" aria-labelledby="deleteStateModalLabel{{ state_definition.id }}" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title fw-bold" id="deleteStateModalLabel{{ state_definition.id }}">
|
||||
|
|
|
@ -101,8 +101,15 @@
|
|||
</td>
|
||||
<td>{{ device_states.0.user.responsable_person|default:device_states.0.user.username }}
|
||||
</td>
|
||||
<td>{{ device_states.0.date|date:"SHORT_DATETIME_FORMAT" }}
|
||||
<td>{{ device_states.0.date|date:"M j, Y, H:i" }}
|
||||
</td>
|
||||
{% if device_states.0.date|timesince < '1 hour' %}
|
||||
<td>
|
||||
<a href="#" data-bs-toggle="modal" data-bs-target="#deleteStateModal{{ device_states.0.id }}" title="{% trans 'Undo' %}">
|
||||
<i class="bi bi-trash text-danger"></i>
|
||||
</a>
|
||||
</td>
|
||||
{% endif %}
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr>
|
||||
|
@ -126,3 +133,37 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="deleteStateModal{{ device_states.0.id }}" tabindex="-1" aria-labelledby="deleteStateModalLabel{{ state_change.id }}" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="deleteStateModalLabel{{ device_states.0.id }}">{% trans 'Confirm Delete' %}</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans 'Close' %}"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>{% trans 'Are you sure you want to undo this state?' %}</p>
|
||||
|
||||
<!-- TODO: check if usage of humanize django module is useful for date formatting -->
|
||||
<div class="d-flex align-items-center border rounded p-3 mt-3">
|
||||
<span
|
||||
class="badge bg-secondary me-3 display-9">
|
||||
{{ device_states.0.date|date:"M j, Y, H:i" }}
|
||||
</span>
|
||||
<p
|
||||
class="mb-0 fw-bold">
|
||||
{{ device_states.0.state }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans 'Cancel' %}</button>
|
||||
<form method="post" action="{% url 'action:undo_action' device_states.0.id %}">
|
||||
{% csrf_token %}
|
||||
<button type="submit" class="btn btn-danger">{% trans 'Delete' %}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -7,48 +7,17 @@
|
|||
<table class="table table-striped table-bordered">
|
||||
<thead class="table">
|
||||
<tr>
|
||||
<th scope="col">{% trans 'Date' %}</th>
|
||||
<th scope="col">{% trans 'User' %}</th>
|
||||
<th scope="col">{% trans 'State' %}</th>
|
||||
<th scope="col">{% trans 'Actions' %}</th>
|
||||
<th scope="col">{% trans 'User' %}</th>
|
||||
<th scope="col">{% trans 'Date' %}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for state_change in device_states %}
|
||||
<tr {% if forloop.first %}class="table-success"{% endif %}>
|
||||
<td>{{ state_change.date|date:"SHORT_DATETIME_FORMAT" }}</td>
|
||||
<td>{{ state_change.user.responsable_person|default:state_change.user.username }}</td>
|
||||
<td><strong>{{ state_change.state }}</strong></td>
|
||||
<td>
|
||||
{% if state_change.date|timesince < '1 hour' %}
|
||||
<a href="#" data-bs-toggle="modal" data-bs-target="#deleteStateModal{{ state_change.id }}" title="{% trans 'Delete State' %}">
|
||||
<i class="bi bi-trash text-danger"></i>
|
||||
</a>
|
||||
|
||||
<!-- Delete Confirmation Modal -->
|
||||
<div class="modal fade" id="deleteStateModal{{ state_change.id }}" tabindex="-1" aria-labelledby="deleteStateModalLabel{{ state_change.id }}" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="deleteStateModalLabel{{ state_change.id }}">{% trans 'Confirm Delete' %}</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans 'Close' %}"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>{% trans 'Are you sure you want to undo this state?' %}</p>
|
||||
<p><strong>{{ state_change.state }}</strong> - {{ state_change.date|date:"SHORT_DATETIME_FORMAT" }}</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans 'Cancel' %}</button>
|
||||
<form method="post" action="{% url 'action:undo_action' state_change.id %}">
|
||||
{% csrf_token %}
|
||||
<button type="submit" class="btn btn-danger">{% trans 'Delete' %}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>{{ state_change.user.responsable_person|default:state_change.user.username }}</td>
|
||||
<td>{{ state_change.date|date:"M j, Y, H:i" }}</td>
|
||||
</tr>
|
||||
{% empty %}
|
||||
<tr>
|
||||
|
|
Loading…
Reference in a new issue