From 25a83adc7846eac2007e156c3b968ae4dd1197a4 Mon Sep 17 00:00:00 2001
From: Raphael Michel <michel@rami.io>
Date: Thu, 9 Nov 2023 10:09:31 +0100
Subject: [PATCH] Paginator: Add options for advanced users in backend (#3697)

* Paginator: Add options for advanced users in backend

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

Co-authored-by: Richard Schreiber <schreiber@rami.io>

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

Co-authored-by: Richard Schreiber <schreiber@rami.io>

* Add clickability

---------

Co-authored-by: Richard Schreiber <schreiber@rami.io>
---
 .../templates/pretixcontrol/pagination.html   | 36 +++++++++++++++----
 src/pretix/static/pretixcontrol/js/ui/main.js | 13 +++++++
 2 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/src/pretix/control/templates/pretixcontrol/pagination.html b/src/pretix/control/templates/pretixcontrol/pagination.html
index 735a0692c5..4851f44d06 100644
--- a/src/pretix/control/templates/pretixcontrol/pagination.html
+++ b/src/pretix/control/templates/pretixcontrol/pagination.html
@@ -6,26 +6,48 @@
     <ul class="pagination">
         {% if is_paginated %}
             {% if page_obj.has_previous %}
+                {% if page_obj.previous_page_number > 1 %}
+                    <li>
+                        <a href="?{% url_replace request 'page' page_obj.num_pages %}" title="{% trans "Go to page 1" %}">
+                            <span class="fa fa-angle-double-left"></span>
+                        </a>
+                    </li>
+                {% endif %}
                 <li>
-                    <a href="?{% url_replace request 'page' page_obj.previous_page_number %}">
-                        <span>&laquo;</span>
+                    <a href="?{% url_replace request 'page' page_obj.previous_page_number %}" title="{% blocktrans with page=page_obj.previous_page_number %}Go to page {{ page }}{% endblocktrans %}">
+                        <span class="fa fa-angle-left"></span>
                     </a>
                 </li>
             {% endif %}
-            <li class="page-current"><a>
+            <li class="page-current">
+                <a {% if page_obj.paginator.count %}
+                    class="pagination-selection"
+                    data-href="?{% url_replace request 'page' '_PAGE_' %}"
+                    data-max="{{ page_obj.paginator.num_pages }}"
+                    title="{% trans "Click to choose a page" %}"
+                    href="#"
+                    {% endif %}>
                 {% blocktrans trimmed with page=page_obj.number of=page_obj.paginator.num_pages count=page_obj.paginator.count|intcomma %}
                     Page {{ page }} of {{ of }} ({{ count }} elements)
                 {% endblocktrans %}
-            </a></li>
+                </a>
+            </li>
             {% if page_obj.has_next %}
                 <li>
-                        <a href="?{% url_replace request 'page' page_obj.next_page_number %}">
-                        <span>&raquo;</span>
+                    <a href="?{% url_replace request 'page' page_obj.next_page_number %}" title="{% blocktrans with page=page_obj.next_page_number %}Go to page {{ page }}{% endblocktrans %}">
+                        <span class="fa fa-angle-right"></span>
+                    </a>
+                </li>
+            {% endif %}
+            {% if page_obj.paginator.count and page_obj.paginator.num_pages > page_obj.next_page_number %}
+                <li>
+                    <a href="?{% url_replace request 'page' page_obj.paginator.num_pages %}" title="{% blocktrans with page=page_obj.paginator.num_pages %}Go to page {{ page }}{% endblocktrans %}">
+                        <span class="fa fa-angle-double-right"></span>
                     </a>
                 </li>
             {% endif %}
         {% else %}
-        {% if page_obj.paginator.count > 1 %}
+            {% if page_obj.paginator.count > 1 %}
                 <li class="page-current"><a>
                     {% blocktrans trimmed with count=page_obj.paginator.count|intcomma %}
                         {{ count }} elements
diff --git a/src/pretix/static/pretixcontrol/js/ui/main.js b/src/pretix/static/pretixcontrol/js/ui/main.js
index a43d8571fa..ec612b2722 100644
--- a/src/pretix/static/pretixcontrol/js/ui/main.js
+++ b/src/pretix/static/pretixcontrol/js/ui/main.js
@@ -772,6 +772,19 @@ function setup_basics(el) {
         }
     });
 
+    el.find('a.pagination-selection').click(function (e) {
+        e.preventDefault();
+        var max = parseInt($(this).data("max"))
+        var inp = prompt(gettext("Enter page number between 1 and %(max)s.").replace("%(max)s", max));
+        if (inp) {
+            if (!parseInt(inp) || parseInt(inp) < 1 || parseInt(inp) > max) {
+                alert(gettext("Invalid page number."));
+            } else {
+                location.href = $(this).attr("data-href").replace("_PAGE_", inp);
+            }
+        }
+    });
+
     var url = document.location.toString();
     if (url.match('#')) {
         $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');