ereuse/devicehub-django
8
0
Fork 0
Code Issues 6 Pull requests 6 Packages Projects Releases Wiki Activity

better delete modal

Browse source
This commit is contained in:
Thomas Nahuel Rusiecki 2024-12-11 15:48:00 -03:00
parent f1f2964785
commit 2d84b71cb2
1 changed files with 22 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
admin/templates/states_panel.html
View file

@ -87,32 +87,40 @@
<!-- delete state definition Modal --> <!-- delete state definition Modal -->
{% for state_definition in state_definitions %} {% 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 fade" id="deleteStateModal{{ state_definition.id }}" tabindex="-1" aria-labelledby="deleteStateModalLabel{{ state_definition.id }}" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" id="deleteStateModalLabel{{ state_definition.id }}">{% trans "Delete State Definition" %}</h5> <h5 class="modal-title fw-bold" id="deleteStateModalLabel{{ state_definition.id }}">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> {% trans "Delete State Definition" %}
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans 'Close' %}"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<strong class="mb-2">{% trans "Are you sure you want to delete this state definition?" %}</strong> <p class="text-danger fw-semibold h6">{% trans "Are you sure you want to delete this state definition?" %}</p>
<p>{% trans "Any change in order will not be saved" %}</p> <p class="text-muted">{% trans "This action cannot be undone and any changes in order will not be saved." %}</p>
<div class="d-flex align-items-center mt-3">
<span class="me-4 display-7">{{ state_definition.order }}</span> <div class="d-flex align-items-center border rounded p-3 mt-3">
<div> <span class="badge bg-secondary me-3 display-6">{{ state_definition.order }}</span>
<strong> {{ state_definition.state }}</strong> <br> <div>
</div> <p class="mb-0 fw-bold">{{ state_definition.state }}</p>
</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<form method="post" action="{% url 'admin:delete_state_definition' state_definition.order %}"> <form method="post" action="{% url 'admin:delete_state_definition' state_definition.order %}">
{% csrf_token %} {% csrf_token %}
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Close" %}</button> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
<button type="submit" class="btn btn-danger">{% trans "Delete" %}</button> {% trans "Cancel" %}
</button>
<button type="submit" class="btn btn-danger">
{% trans "Delete" %}
</button>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}