From e2b523a45617204d6e40c0f7af04df2d2cb266d4 Mon Sep 17 00:00:00 2001
From: MOIS3Y <s.zhukovskii@ispsystem.com>
Date: Sat, 29 Jul 2023 16:36:08 +0900
Subject: [PATCH] Create: paginations

---
 logs_collector/collector/models.py            |   3 +
 .../templates/collector/navigation.html       | 114 +++++++++---------
 .../templates/collector/pagination.html       |  37 ++++++
 .../templates/collector/tickets.html          |   2 +
 logs_collector/collector/views.py             |   2 +
 5 files changed, 103 insertions(+), 55 deletions(-)
 create mode 100644 logs_collector/collector/templates/collector/pagination.html

diff --git a/logs_collector/collector/models.py b/logs_collector/collector/models.py
index 61f7c62..8655c7a 100644
--- a/logs_collector/collector/models.py
+++ b/logs_collector/collector/models.py
@@ -82,6 +82,9 @@ class Ticket(models.Model):
     platform = models.ForeignKey('Platform', on_delete=models.CASCADE)
     user = models.ForeignKey(User, on_delete=models.CASCADE)
 
+    class Meta:
+        ordering = ['-time_update']
+
     def get_absolute_url(self):
         return reverse(
             'ticket',
diff --git a/logs_collector/collector/templates/collector/navigation.html b/logs_collector/collector/templates/collector/navigation.html
index b029eb1..d3e9d9c 100644
--- a/logs_collector/collector/templates/collector/navigation.html
+++ b/logs_collector/collector/templates/collector/navigation.html
@@ -1,58 +1,62 @@
 <header>
-  <nav class="navbar navbar-expand-lg bg-body-tertiary">
-    <div class="container">
-      <a class="navbar-brand" href="{% url 'index' %}">Logs Collector</a>
-      <button
-        class="navbar-toggler"
-        type="button"
-        data-bs-toggle="collapse"
-        data-bs-target="#navbarSupportedContent"
-        aria-controls="navbarSupportedContent"
-        aria-expanded="false"
-        aria-label="Переключатель навигации"
-      >
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <div class="collapse navbar-collapse" id="navbarSupportedContent">
-        <ul class="navbar-nav ml-auto mb-2 mb-lg-0">
-          <li class="nav-item dropdown">
-            <a
-              class="nav-link dropdown-toggle"
-              href="#"
-              role="button"
-              data-bs-toggle="dropdown"
-              aria-expanded="false"
-              >Tickets</a>
-            <ul class="dropdown-menu">
-              <li>
-                <a class="dropdown-item" href="{% url 'index' %}">All</a>
-              </li>
-              {% for platform in platforms %}
-              <li>
-                <a
-                  class="dropdown-item"
-                  href="{{ platform.get_absolute_url }}"
-                >{{ platform.pretty_name}}</a>
-              </li>
-              {% endfor %}
-              <li><hr class="dropdown-divider" /></li>
-              <li><a class="dropdown-item" href="#">Create ticket</a></li>
-            </ul>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link disabled">Отключенная</a>
-          </li>
-        </ul>
-        <form class="d-flex" role="search">
-          <input
-            class="form-control me-2"
-            type="search"
-            placeholder="Поиск"
-            aria-label="Поиск"
-          />
-          <button class="btn btn-outline-success" type="submit">Поиск</button>
-        </form>
+  <section>
+    <nav class="navbar navbar-expand-lg bg-body-tertiary">
+      <div class="container">
+        <a class="navbar-brand" href="{% url 'index' %}">Logs Collector</a>
+        <button
+          class="navbar-toggler"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent"
+          aria-expanded="false"
+          aria-label="Переключатель навигации"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav ml-auto mb-2 mb-lg-0">
+            <li class="nav-item dropdown">
+              <a
+                class="nav-link dropdown-toggle"
+                href="#"
+                role="button"
+                data-bs-toggle="dropdown"
+                aria-expanded="false"
+                >Tickets</a
+              >
+              <ul class="dropdown-menu">
+                <li>
+                  <a class="dropdown-item" href="{% url 'index' %}">All</a>
+                </li>
+                {% for platform in platforms %}
+                <li>
+                  <a
+                    class="dropdown-item"
+                    href="{{ platform.get_absolute_url }}"
+                    >{{ platform.pretty_name}}</a
+                  >
+                </li>
+                {% endfor %}
+                <li><hr class="dropdown-divider" /></li>
+                <li><a class="dropdown-item" href="#">Create ticket</a></li>
+              </ul>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link disabled">Отключенная</a>
+            </li>
+          </ul>
+          <form class="d-flex" role="search">
+            <input
+              class="form-control me-2"
+              type="search"
+              placeholder="Поиск"
+              aria-label="Поиск"
+            />
+            <button class="btn btn-outline-success" type="submit">Поиск</button>
+          </form>
+        </div>
       </div>
-    </div>
-  </nav>
+    </nav>
+  </section>
 </header>
diff --git a/logs_collector/collector/templates/collector/pagination.html b/logs_collector/collector/templates/collector/pagination.html
new file mode 100644
index 0000000..e707a59
--- /dev/null
+++ b/logs_collector/collector/templates/collector/pagination.html
@@ -0,0 +1,37 @@
+{% if page_obj.has_other_pages %}
+  <nav class="d-flex justify-content-center mt-3" aria-label="...">
+    <ul class="pagination">
+      {% if page_obj.has_previous %}
+        <li class="page-item">
+          <a 
+            class="page-link"
+            href="?page={{ page_obj.previous_page_number }}"
+          >Back</a>
+        </li>
+      {% else %}
+        <li class="page-item disabled"><a class="page-link">Back</a></li>
+      {% endif %}
+      {% for page in paginator.page_range %}
+        {% if page_obj.number == page %}
+          <li class="page-item active" aria-current="page">
+            <button class="page-link">{{ page }}</button>
+          </li>
+        {% elif page >= page_obj.number|add:-2 and page <= page_obj.number|add:2%}
+        <li class="page-item">
+          <a class="page-link" href="?page={{ page }}">{{ page }}</a>
+        </li>
+        {% endif %}
+      {% endfor %}
+      {% if page_obj.has_next %}
+        <li class="page-item">
+          <a 
+            class="page-link"
+            href="?page={{ page_obj.next_page_number }}"
+          >Next</a>
+        </li>
+      {% else %}
+        <li class="page-item disabled"><a class="page-link">Next</a></li>
+      {% endif %}
+    </ul>
+  </nav>
+{% endif %}
diff --git a/logs_collector/collector/templates/collector/tickets.html b/logs_collector/collector/templates/collector/tickets.html
index 926c1a2..da97758 100644
--- a/logs_collector/collector/templates/collector/tickets.html
+++ b/logs_collector/collector/templates/collector/tickets.html
@@ -91,7 +91,9 @@
           </div>
         </div>
       {% endfor %}
+      {% include 'collector/pagination.html' %}
     </div>
+    
   </section>
 </main>
 {% endblock content %}
diff --git a/logs_collector/collector/views.py b/logs_collector/collector/views.py
index 6a33a9f..14db96e 100644
--- a/logs_collector/collector/views.py
+++ b/logs_collector/collector/views.py
@@ -21,6 +21,7 @@ class ListAllTickets(generic.ListView):
     model = Ticket
     template_name = 'collector/tickets.html'
     context_object_name = 'tickets'
+    paginate_by = 5
 
     def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)
@@ -33,6 +34,7 @@ class ListPlatformTickets(generic.ListView):
     template_name = 'collector/tickets.html'
     context_object_name = 'tickets'
     allow_empty = False
+    paginate_by = 5
 
     def get_queryset(self):
         return Ticket.objects.filter(