Fix (de)validation of transactions

apps/note/tables.py

@@ -27,7 +27,9 @@ class HistoryTable(tables.Table):
     total = tables.Column()  # will use Transaction.total() !!
 
     valid = tables.Column(attrs={"td": {"id": lambda record: "validate_" + str(record.id),
-                                        "class": lambda record: str(record.valid).lower() + ' validate'}})
+                                        "class": lambda record: str(record.valid).lower() + ' validate',
+                                        "onclick": lambda record: 'de_validate(' + str(record.id) + ', '
+                                                                  + str(record.valid).lower() + ')'}})
 
     def order_total(self, queryset, is_descending):
         # needed for rendering

templates/note/conso_form.html

@@ -192,10 +192,9 @@
             {% endif %}
         {% endfor %}
 
-        // When we click on the validate button, the validation status is switched
+        // When a validate button is clicked, we switch the validation status
-        $(".validate").click(function(e) {
+        function de_validate(id, validated) {
-            let id = e.target.id.substring(9);
+            $("#validate_" + id).html("<strong style=\"font-size: 16pt;\">⟳ ...</strong>");
-            let validated = e.target.classList.contains("true");
 
             // Perform a PATCH request to the API in order to update the transaction
             // If the user has insuffisent rights, an error message will appear
@@ -211,11 +210,14 @@
                     "resourcetype": "TemplateTransaction",
                     valid: !validated
                 },
-                success: function() {
+                success: function () {
                     refreshHistory();
                     refreshBalance();
+
+                    // Refresh jQuery objects
+                    $(".validate").click(de_validate);
                 }
             });
-        });
+        }
     </script>
 {% endblock %}