overriding gds data-prevent-double-click

common/static/common/js/application.js

@@ -13,7 +13,7 @@ import initCheckboxes from './checkboxes';
 import initConditionalMeasureConditions from './conditionalMeasureConditions';
 import initFilterDisabledToggleForComCode from './conditionalDisablingFilters'
 import initOpenCloseAccordionSection from './openCloseAccordion';
-import debounceButton from './buttonDebounce'
+import tapDebounce from './buttonDebounce';
 showHideCheckboxes();
 // Initialise accessible-autocomplete components without a `name` attr in order
 // to avoid the "dummy" autocomplete field being submitted as part of the form
@@ -28,4 +28,4 @@ initConditionalMeasureConditions();
 initAutocompleteProgressiveEnhancement();
 initFilterDisabledToggleForComCode();
 initOpenCloseAccordionSection();
-debounceButton();
+tapDebounce();

common/static/common/js/buttonDebounce.js

@@ -1,13 +1,24 @@
-let button = document.getElementById('add-debounce')
-let infoText = document.getElementById('add-debounce-inset-text')
-
-const debounceButton = () => {
-    if (button) {
-        addEventListener('submit', function() {
-            button.disabled = true,
-            infoText.classList.remove('js-hidden')
-        })
+const tapDebounce = function(event) {
+    console.log('b fires')
+    let DEBOUNCE_TIMEOUT_IN_SECONDS = 5;
+
+    if (this.tapDebounceFormSubmitTimer) {
+        console.log('c fires')
+        event.preventDefault();
+        button.disabled = true
+        return false
+    }
+
+
+    this.tapDebounceFormSubmitTimer = setTimeout(function () {
+        this.tapDebounceFormSubmitTimer = null;
+    }.bind(this), DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+};
+
+document.querySelectorAll("[data-prevent-double-click").forEach(
+    (element) => {
+        element.addEventListener('click', tapDebounce);
     }
-}
+)
 
-export default debounceButton;
+export default tapDebounce;

measures/jinja2/measures/create-review.jinja

@@ -129,6 +129,5 @@
       {% endfor %}
     {% endif %}
   {% endcall %}
-  {{ govukInsetText({"text": "Your measures are being processed and the submit button is now disabled. You will be taken to a confirmation screen once the measures have been created.", "classes": "js-hidden", "attributes": {"id": "add-debounce-inset-text"},})}}
-  {{ govukButton({"text": "Create", "preventDoubleClick": true, "attributes": {"id": "add-debounce"},}) }}
+  {{ govukButton({"text": "Create", "preventDoubleClick": true}) }}
 {% endblock %}