Refactor convert pagination to django-components structure.

Author: Antoliny0919

.gitignore

@@ -198,7 +198,6 @@ cython_debug/
 # $GIT_DIR/info/exclude or the core.excludesFile configuration variable as
 # described in https://git-scm.com/docs/gitignore
 *.pyc
-src
 *DS_Store
 *~
 *.db

.idea/djangosnippets.org.iml

@@ -0,0 +1,49 @@
+from django_components import Component, register
+from django.utils.html import format_html, format_html_join
+from base.pagination import  PAGE_VAR, Pagination
+from base.templatetags.base_templatetags import querystring
+
+
+@register("pagination")
+class PaginationComponent(Component):
+    template_file = "pagination.html"
+
+    def pagination_number(self, pagination, num):
+        """
+        Generate an individual page index link in a paginated list.
+        """
+        page_link_css = "py-[5px] px-[10px] border-1 border-transparent rounded-lg no-underline hover:border-base-orange-400"
+        if num == pagination.paginator.ELLIPSIS:
+            return format_html("{} ", pagination.paginator.ELLIPSIS)
+        elif num == pagination.page_num:
+            return format_html(
+                '<a href="" class="{} bg-base-orange-400 text-base-white-400" aria-current="page">{}</a> ',
+                page_link_css, num
+            )
+        else:
+            link = querystring(None, {**pagination.params, PAGE_VAR: num})
+            return format_html(
+                '<a class="{}" href="{}">{}</a> ',
+                page_link_css,
+                link,
+                num,
+            )
+
+    def get_template_data(self, args, kwargs, slots, context):
+        pagination = kwargs.get("pagination_obj")
+        if pagination is None or not isinstance(pagination, Pagination):
+            raise ValueError("pagination_obj is required and must be an instance of Pagination")
+        page_elements =  format_html_join(
+            "\n",
+            '<li class="inline-block">{page_element}</li>',
+            ({"page_element": self.pagination_number(pagination, page_num)} for page_num in pagination.page_range)
+        )
+        previous_page_link = f"?{PAGE_VAR}={ pagination.page_num - 1}" if pagination.page.has_previous() else ""
+        next_page_link = f"?{PAGE_VAR}={pagination.page_num + 1}" if pagination.page.has_next() else ""
+
+        return {
+            "pagination": pagination,
+            "previous_page_link": previous_page_link,
+            "next_page_link": next_page_link,
+            "page_elements": page_elements,
+        }

.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,18 @@
+{% if pagination.multi_page %}
+<nav class="justify-center my-8" aria-labelledby="pagination">
+    <h2 id="pagination" class="sr-only">Pagination {{ pagination.opts.verbose_name_plural }}</h2>
+    <ul class="flex justify-center gap-2 transition-colors duration-200 ease-out ml-0">
+        <li>
+            <a class="py-[5px] px-[10px] mr-2 no-underline rounded-lg border-1 border-transparent text-base hover:border-base-orange-400 {% if previous_page_link == '' %}text-base-gray-400 hover:border-transparent cursor-default{% endif %}" href="{{ previous_page_link }}" rel="prev" aria-label="Previous page">
+                <span class="arrow-left inline-flex items-center">Previous</span>
+            </a>
+        </li>
+        {{ page_elements }}
+        <li>
+            <a class="py-[5px] px-[10px] ml-2 no-underline rounded-lg border-1 border-transparent text-base hover:border-base-orange-400 {% if next_page_link == '' %}text-base-gray-400 hover:border-transparent cursor-default{% endif %}" href="{{ next_page_link }}" rel="next" aria-label="Next page">
+                <span class="arrow-right inline-flex items-center">Next</span>
+            </a>
+        </li>
+    </ul>
+</nav>
+{% endif %}