From 50c1662a314b303ca1611c3b0b89e76a228916c0 Mon Sep 17 00:00:00 2001
From: Thomas Rusiecki <rusieckithomas@gmail.com>
Date: Tue, 3 Dec 2024 20:00:50 -0300
Subject: [PATCH] send button hidden until changes are made

---
 admin/templates/states_panel.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/admin/templates/states_panel.html b/admin/templates/states_panel.html
index e19e2ca..1035dbf 100644
--- a/admin/templates/states_panel.html
+++ b/admin/templates/states_panel.html
@@ -40,11 +40,11 @@
         </tbody>
       </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' %}">
         {% csrf_token %}
         <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>
 
 
@@ -127,8 +127,12 @@
       animation: 150,
       swapThreshold: 0.10,
       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() {