Update alerts

src/pretix/control/templates/pretixcontrol/subevents/bulk_edit.html

@@ -5,6 +5,7 @@
 {% load captureas %}
 {% load static %}
 {% load eventsignal %}
+{% load dialog %}
 {% block title %}{% trans "Change multiple dates" context "subevent" %}{% endblock %}
 {% block content %}
     <h1>
@@ -182,21 +183,22 @@
         </fieldset>
         <fieldset>
             <legend>{% trans "Quotas" %}</legend>
-            {% if sampled_quotas|default_if_none:"NONE" == "NONE" %}
-                <div class="alert alert-warning">
-                    {% blocktrans trimmed %}
-                        You selected a set of dates that currently have different quota setups. You can therefore
-                        not change their quotas in bulk. If you want, you can set up a new set of quotas to
-                        <strong>replace</strong> the quota setup of all selected dates.
-                    {% endblocktrans %}
-                </div>
-            {% endif %}
-            <div class="bulk-edit-field-group">
+            <div class="bulk-edit-field-group"
+                 {% if sampled_quotas|default_if_none:"NONE" == "NONE" %}
+                 data-confirm-dialog="#confirm-override-quotas"
+                 {% endif %}>
                 <label class="field-toggle">
                     <input type="checkbox" name="_bulk" value="__quotas" {% if "__quotas" in bulk_selected %}checked{% endif %}>
                     {% trans "change" context "form_bulk" %}
                 </label>
                 <div class="field-content">
+                    {% if sampled_quotas|default_if_none:"NONE" == "NONE" %}
+                        <div class="alert alert-warning">
+                            {% trans "You selected a set of dates that currently have different quota setups." %}
+                            {% trans "Using this option will <strong>delete all current quotas</strong> from <strong>all selected dates</strong>." %}
+                        </div>
+                    {% endif %}
+
                     <div class="formset" data-formset data-formset-prefix="{{ formset.prefix }}">
                         {{ formset.management_form }}
                         {% bootstrap_formset_errors formset %}
@@ -271,7 +273,7 @@
         <fieldset>
             <legend>{% trans "Check-in lists" %}</legend>
             {% if sampled_lists|default_if_none:"NONE" == "NONE" %}
-                <div class="alert alert-warning">
+                <div class="alert alert-info">
                     {% blocktrans trimmed %}
                         You selected a set of dates that currently have different check-in list setups. You can
                         therefore not change their check-in lists in bulk.
@@ -367,4 +369,17 @@
             </button>
         </div>
     </form>
+    {% trans "Delete existing quotas" as dialog_title %}
+    {% trans "Using this option will <strong>delete all current quotas</strong> from <strong>all selected dates</strong>." as dialog_text %}
+    {% trans "This cannot be reverted. Are you sure to proceed?" as dialog_text2 %}
+    {% dialog "confirm-override-quotas" dialog_title dialog_text|add:" "|add:dialog_text2 icon="trash" %}
+        <p class="modal-card-confirm modal-card-confirm-spread">
+            <button class="btn btn-lg btn-default" value="no">
+                {% trans "Cancel" %}
+            </button>
+            <button class="btn btn-lg btn-danger" value="yes">
+                {% trans "Proceed" %}
+            </button>
+        </p>
+    {% enddialog %}
 {% endblock %}

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

@@ -648,18 +648,47 @@ var form_handlers = function (el) {
         var $checkbox = $(this).find("input[type=checkbox][name=_bulk]");
         var $content = $(this).find(".field-content");
         var $fields = $content.find("input, select, textarea, button");
+        var $dialog = $(this).attr("data-confirm-dialog") ? $($(this).attr("data-confirm-dialog")) : null;
+        var warningShown = false;
+
+        if ($dialog) {
+            $dialog.on("close", function () {
+                if ($dialog.get(0).returnValue === "yes") {
+                    $checkbox.prop("checked", true);
+                } else {
+                    $checkbox.prop("checked", false);
+                    warningShown = false;
+                }
+                update();
+            });
+        }
 
         var update = function () {
             var isChecked = $checkbox.prop("checked");
+
             $content.toggleClass("enabled", isChecked);
             $fields.attr("tabIndex", isChecked ? 0 : -1);
         }
         $content.on("focusin change click", function () {
             if ($checkbox.prop("checked")) return;
-            $checkbox.prop("checked", true);
-            update();
+            if ($dialog && !warningShown) {
+                warningShown = true;
+                $dialog.get(0).showModal();
+            } else {
+                $checkbox.prop("checked", true);
+                update();
+            }
         });
-        $checkbox.on('change', update)
+        $checkbox.on('change', function () {
+            var isChecked = $checkbox.prop("checked");
+            if (isChecked && $dialog && !warningShown) {
+                warningShown = true;
+                $dialog.get(0).showModal();
+            } else if (!isChecked) {
+                warningShown = false;
+            }
+            update();
+        })
         update();
     });