From d07026c4f6e3a7f426a701993bffb2c5158f9f18 Mon Sep 17 00:00:00 2001
From: Mira Weller <weller@rami.io>
Date: Wed, 14 May 2025 18:20:41 +0200
Subject: [PATCH] add extend button to user interface

---
 .../pretixpresale/event/fragment_cart.html    | 24 ++++++++++++-------
 src/pretix/static/pretixpresale/js/ui/cart.js |  1 +
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/pretix/presale/templates/pretixpresale/event/fragment_cart.html b/src/pretix/presale/templates/pretixpresale/event/fragment_cart.html
index c9dd890505..02cacd02c4 100644
--- a/src/pretix/presale/templates/pretixpresale/event/fragment_cart.html
+++ b/src/pretix/presale/templates/pretixpresale/event/fragment_cart.html
@@ -492,15 +492,21 @@
 <div class="row">
     <div class="col-md-12">
     {% if not cart.is_ordered %}
-        <p class="text-muted" id="cart-deadline" data-expires="{{ cart.first_expiry|date:"Y-m-d H:i:sO" }}">
-            {% if cart.minutes_left > 0 or cart.seconds_left > 0 %}
-                {% blocktrans trimmed with minutes=cart.minutes_left %}
-                    The items in your cart are reserved for you for {{ minutes }} minutes.
-                {% endblocktrans %}
-            {% else %}
-                {% trans "The items in your cart are no longer reserved for you. You can still complete your order as long as they’re available." %}
-            {% endif %}
-        </p>
+        <form class="text-muted"
+                method="post" data-asynctask action="{% eventurl request.event "presale:event.cart.extend" cart_namespace=cart_namespace %}">
+            {% csrf_token %}
+            <span id="cart-deadline" data-expires="{{ cart.first_expiry|date:"Y-m-d H:i:sO" }}">
+                {% if cart.minutes_left > 0 or cart.seconds_left > 0 %}
+                    {% blocktrans trimmed with minutes=cart.minutes_left %}
+                        The items in your cart are reserved for you for {{ minutes }} minutes.
+                    {% endblocktrans %}
+                {% else %}
+                    {% trans "The items in your cart are no longer reserved for you. You can still complete your order as long as they’re available." %}
+                {% endif %}
+            </span>
+            <button class="btn btn-link" type="submit" id="cart-extend-button">
+                <i class="fa fa-refresh" aria-hidden="true"></i> {% trans "Extend" %}</button>
+        </form>
     {% else %}
         <p class="sr-only" id="cart-description">{% trans "Overview of your ordered products." %}</p>
     {% endif %}
diff --git a/src/pretix/static/pretixpresale/js/ui/cart.js b/src/pretix/static/pretixpresale/js/ui/cart.js
index 98a1925581..bdb4b14c52 100644
--- a/src/pretix/static/pretixpresale/js/ui/cart.js
+++ b/src/pretix/static/pretixpresale/js/ui/cart.js
@@ -55,6 +55,7 @@ var cart = {
                 pad(diff_minutes.toString(), 2) + ':' + pad(diff_seconds.toString(), 2)
             );
         }
+        $("#cart-extend-button").toggle(diff_minutes < 3);
     },
 
     init: function () {