X-Git-Url: https://git.p6c8.net/pcdenotes.git/blobdiff_plain/f253eb82624c454150771efb46b6d34595eb6183..0f4e8b8769f4e9d58350b5d81cf931f61f03a33a:/notes/templates/note_list.html

diff --git a/notes/templates/note_list.html b/notes/templates/note_list.html
index 9f1554c..bf278e1 100644
--- a/notes/templates/note_list.html
+++ b/notes/templates/note_list.html
@@ -4,16 +4,27 @@
 {% block title %}Notes{% endblock %}
 
 {% block content %}
-    <h1>Notes</h1>
-    {% for note in notes %}
+  {% for note in notes_page %}
+  <article class="container mt-5">
     <h2>{{ note.title }}</h2>
     <p>ID: {{ note.id }}</p>
     <div>{{ note.content|linebreaksbr|markdownify }}</div>
     <p>Link: <a href="{{ note.get_absolute_url }}">View</a></p>
     <p>Date: {{ note.created_at|date:"Y-m-d H:i" }}</p>
-    {% empty %}
-    <p>No notes</p>
+  </article>
+  {% empty %}
+  <p>No notes</p>
+  {% endfor %}
+
+  <ul class="pagination">
+    {% for page in pages %}
+      {% ifnotequal page.number page_number %}
+        <li class="page-item"><a href="?page={{ page.number }}" class="page-link">{{ page.number }}</a></li>
+      {% else %}
+        <li class="page-item active"><span class="page-link">{{ page.number }}</span></li>
+      {% endifnotequal %}
     {% endfor %}
+  </ul>
 
-    <p>Number of notes: {{ notes_count }}</p>
+  <p>Number of notes: {{ notes_count }}</p>
 {% endblock %}
\ No newline at end of file