send button hidden until changes are made

This commit is contained in:
Thomas Nahuel Rusiecki 2024-12-03 20:00:50 -03:00 committed by Cayo Puigdefabregas
parent 2fd2ed3e36
commit 50c1662a31

View file

@ -40,11 +40,11 @@
</tbody> </tbody>
</table> </table>
<p class="text-end transparent">{% trans "Move state definitions to reorder" %}</p> <p class="text-end transparent">{% trans "Move and drag state definitions to reorder" %}</p>
<form id="orderingForm" method="post" action="{% url 'admin:update_state_order' %}"> <form id="orderingForm" method="post" action="{% url 'admin:update_state_order' %}">
{% csrf_token %} {% csrf_token %}
<input type="hidden" id="orderingInput" name="ordering"> <input type="hidden" id="orderingInput" name="ordering">
<button id="saveOrderBtn" disabled="true" class="btn btn-success mt-5 float-start" >{% trans "Update Order" %}</button> <button id="saveOrderBtn" class="btn btn-success mt-5 float-start collapse" >{% trans "Update Order" %}</button>
</form> </form>
@ -127,8 +127,12 @@
animation: 150, animation: 150,
swapThreshold: 0.10, swapThreshold: 0.10,
onChange: () => { onChange: () => {
saveOrderingButton.disabled = false; //TODO: change hide/show animation to a nicer one
} const collapse = new bootstrap.Collapse(saveOrderingButton, {
toggle: false
});
collapse.show();
}
}); });
function saveOrdering() { function saveOrdering() {