Add a paginator to all list views.

babyblotter/templates/babyblotter/paginator.html

@@ -0,0 +1,30 @@
+{% if is_paginated %}
+    <nav aria-label="Page navigation">
+        <ul class="pagination justify-content-center">
+
+            {% if page_obj.has_previous %}
+                <li class="page-item">
+                    <a class="page-link" href="?page={{ page_obj.previous_page_number }}" aria-label="Previous">
+                        <i class="fa fa-chevron-left" aria-hidden="true"></i>
+                        <span class="sr-only">Previous</span>
+                    </a>
+                </li>
+            {% endif %}
+
+            {% for num in page_obj.paginator.page_range %}
+                <li class="page-item{% if num == page_obj.number %} active{% endif %}">
+                    <a class="page-link" href="?page={{ num }}">{{ num }}</a>
+                </li>
+            {% endfor %}
+
+            {% if page_obj.has_next %}
+                <li class="page-item">
+                    <a class="page-link" href="?page={{ page_obj.next_page_number }}" aria-label="Next">
+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>
+                        <span class="sr-only">Next</span>
+                    </a>
+                </li>
+            {% endif %}
+        </ul>
+    </nav>
+{% endif %}

core/templates/core/child_list.html

@@ -52,6 +52,8 @@
                 {% endfor %}
             </tbody>
         </table>
+
+        {% include 'babyblotter/paginator.html' %}
     </div>
 
     {% if perms.core.add_child %}

core/templates/core/diaperchange_list.html

@@ -11,8 +11,8 @@
             <thead class="thead-inverse">
                 <tr>
                     <th>Child</th>
-                    <th>Wet</th>
-                    <th>Solid</th>
+                    <th class="text-center">Wet</th>
+                    <th class="text-center">Solid</th>
                     <th>Color</th>
                     <th>Time</th>
                     <th class="text-center">Actions</th>
@@ -51,6 +51,8 @@
                 {% endfor %}
             </tbody>
         </table>
+
+        {% include 'babyblotter/paginator.html' %}
     </div>
 
     {% if perms.core.add_diaperchange %}

core/templates/core/feeding_list.html

@@ -57,6 +57,8 @@
                 {% endfor %}
             </tbody>
         </table>
+
+        {% include 'babyblotter/paginator.html' %}
     </div>
 
     {% if perms.core.add_feeding %}

core/templates/core/note_list.html

@@ -46,6 +46,8 @@
                 {% endfor %}
             </tbody>
         </table>
+
+        {% include 'babyblotter/paginator.html' %}
     </div>
 
     {% if perms.core.add_note %}

core/templates/core/sleep_list.html

@@ -49,6 +49,8 @@
                 {% endfor %}
             </tbody>
         </table>
+
+        {% include 'babyblotter/paginator.html' %}
     </div>
 
     {% if perms.core.add_sleep %}

core/templates/core/timer_list.html

@@ -36,5 +36,7 @@
             {% endfor %}
             </tbody>
         </table>
+
+        {% include 'babyblotter/paginator.html' %}
     </div>
 {% endblock %}

core/templates/core/tummytime_list.html

@@ -51,6 +51,8 @@
                 {% endfor %}
             </tbody>
         </table>
+
+        {% include 'babyblotter/paginator.html' %}
     </div>
 
     {% if perms.core.add_tummytime %}

core/views.py

@@ -16,6 +16,7 @@ from .forms import (ChildForm, DiaperChangeForm, FeedingForm, SleepForm,
 class ChildList(PermissionRequiredMixin, ListView):
     model = Child
     permission_required = ('core.view_child',)
+    paginate_by = 10
 
 
 class ChildAdd(PermissionRequiredMixin, CreateView):
@@ -41,6 +42,7 @@ class ChildDelete(PermissionRequiredMixin, DeleteView):
 class DiaperChangeList(PermissionRequiredMixin, ListView):
     model = DiaperChange
     permission_required = ('core.view_diaperchange',)
+    paginate_by = 10
 
 
 class DiaperChangeAdd(PermissionRequiredMixin, CreateView):
@@ -66,6 +68,7 @@ class DiaperChangeDelete(PermissionRequiredMixin, DeleteView):
 class FeedingList(PermissionRequiredMixin, ListView):
     model = Feeding
     permission_required = ('core.view_feeding',)
+    paginate_by = 10
 
 
 class FeedingAdd(PermissionRequiredMixin, CreateView):
@@ -97,6 +100,7 @@ class FeedingDelete(PermissionRequiredMixin, DeleteView):
 class NoteList(PermissionRequiredMixin, ListView):
     model = Note
     permission_required = ('core.view_note',)
+    paginate_by = 10
 
 
 class NoteAdd(PermissionRequiredMixin, CreateView):
@@ -122,6 +126,7 @@ class NoteDelete(PermissionRequiredMixin, DeleteView):
 class SleepList(PermissionRequiredMixin, ListView):
     model = Sleep
     permission_required = ('core.view_sleep',)
+    paginate_by = 10
 
 
 class SleepAdd(PermissionRequiredMixin, CreateView):
@@ -153,6 +158,7 @@ class SleepDelete(PermissionRequiredMixin, DeleteView):
 class TimerList(PermissionRequiredMixin, ListView):
     model = Timer
     permission_required = ('core.view_timer',)
+    paginate_by = 10
 
 
 class TimerDetail(PermissionRequiredMixin, DetailView):
@@ -232,6 +238,7 @@ class TimerDelete(PermissionRequiredMixin, DeleteView):
 class TummyTimeList(PermissionRequiredMixin, ListView):
     model = TummyTime
     permission_required = ('core.view_tummytime',)
+    paginate_by = 10
 
 
 class TummyTimeAdd(PermissionRequiredMixin, CreateView):