add pagination to view page

Author: LunguGeorgeProgramator

gallery/__pycache__/urls.cpython-37.pyc

@@ -6,4 +6,5 @@
     path('', views.index, name='index_main'),
     url(r'^(?P<last_item>\d+)$', views.index, name='index_main'),
     path('view/<folder_name>', views.view, name='view_main'),
+    url(r'^view/(?P<folder_name>.+)/(?P<last_item>\d+)$', views.view, name='view_main'),
 ]

gallery/__pycache__/views.cpython-37.pyc

@@ -13,8 +13,12 @@ def index(request, last_item = None):
         'prev': r.prev
     })
 
-def view(request, folder_name):
+def view(request, folder_name, last_item = None):
+    r = Pagination(last_item)
     return render(request, 'view.html', {
-        'files': LoadFiles().getPhotosFiles(folder_name)
+        'files': LoadFiles().getPhotosFiles(folder_name)[r.prev:r.lastPage],
+        'folder_name': folder_name,
+        'next': r.next,
+        'prev': r.prev
     })
 

gallery/urls.py

@@ -3,11 +3,23 @@
 {% endblock %}
 {% load static %}
 <div class="container">
+    <nav aria-label="...">
+        <ul class="pagination">
+            <li class="page-item"><a class="page-link" href="{% url 'view_main' folder_name prev %}">Previous</a></li>
+            <li class="page-item"><a class="page-link" href="{% url 'view_main' folder_name next %}"> Next</a></li>
+        </ul>
+    </nav>  
     <div class="row">
         {% for file in files %}
         <div class="col-3">
             <img width="250" src="{% static file %}">
         </div>
         {% endfor %} 
     </div>
+    <nav aria-label="...">
+        <ul class="pagination">
+            <li class="page-item"><a class="page-link" href="{% url 'view_main' folder_name prev %}">Previous</a></li>
+            <li class="page-item"><a class="page-link" href="{% url 'view_main' folder_name next %}"> Next</a></li>
+        </ul>
+    </nav>  
 </div>