Presale: add js-helper to disable submit for x seconds

src/pretix/static/pretixcontrol/js/ui/editor.js

@@ -448,7 +448,6 @@ var editor = {
 			var d = data[i], o
 			editor._add_from_data(d)
 		}
-		editor.fabric.discardActiveObject()
 		editor.fabric.renderAll()
 		editor._update_toolbox_values()
 	},
@@ -957,7 +956,6 @@ var editor = {
 			mtr: true
 		})
 		editor.fabric.add(text)
-		editor.fabric.setActiveObject(text)
 		editor._create_savepoint()
 		return text
 	},
@@ -974,7 +972,6 @@ var editor = {
 		rect.scaleToHeight(126)
 		rect.setControlsVisibility({ mtr: false, mb: false, mt: false, mr: false, ml: false })
 		editor.fabric.add(rect)
-		editor.fabric.setActiveObject(rect)
 		editor._create_savepoint()
 		return rect
 	},
@@ -1012,7 +1009,6 @@ var editor = {
 			mtr: true
 		})
 		editor.fabric.add(rect)
-		editor.fabric.setActiveObject(rect)
 		editor._create_savepoint()
 		$('#version-notice').show()
 		return rect
@@ -1030,7 +1026,6 @@ var editor = {
 		})
 		rect.setControlsVisibility({ mtr: false })
 		editor.fabric.add(rect)
-		editor.fabric.setActiveObject(rect)
 		editor._create_savepoint()
 		return rect
 	},
@@ -1049,7 +1044,6 @@ var editor = {
 		})
 		rect.setControlsVisibility({ mtr: false, mb: false, mt: false, mr: false, ml: false })
 		editor.fabric.add(rect)
-		editor.fabric.setActiveObject(rect)
 		editor._create_savepoint()
 		return rect
 	},

src/pretix/static/pretixpresale/js/ui/main.js

@@ -109,7 +109,30 @@ let form_handlers = function (el) {
 		}
 		$(this).datetimepicker(opts)
 	})
-
+    el.find("button[data-wait-seconds-enable], input[data-wait-seconds-enable]").each(function(i, input) {
+        var s = parseInt(input.getAttribute("data-wait-seconds-enable")) || 0;
+        var time = $("time", input) || $("time").appendTo(input);
+        // for a11y do not disable input, but do not allow submit
+        function disable_submit(e) {
+            e.preventDefault();
+        }
+        if (s) {
+            input.addEventListener("click", disable_submit);
+        }
+        function wait() {
+            time.attr("datetime", s+"s");
+            if (s > 0) {
+                time.text("(" + s + "s)");
+                window.setTimeout(wait, 1000);
+                s--;
+            } else {
+                time.remove();
+                input.disabled = false;
+                input.removeEventListener("click", disable_submit);
+            }
+        }
+        wait();
+    });
 	el.find('.input-item-count-dec, .input-item-count-inc').on('click', function (e) {
 		e.preventDefault()
 		let step = parseFloat(this.getAttribute('data-step'))