X-Git-Url: https://git.p6c8.net/pcdenotes.git/blobdiff_plain/f253eb82624c454150771efb46b6d34595eb6183..ae03458e871011aea691e3d67b577f60362f481d:/notes/templates/note_list.html?page=%7B%7B%20page.number%20%7D%7D

diff --git a/notes/templates/note_list.html b/notes/templates/note_list.html
index 9f1554c..ffc256a 100644
--- a/notes/templates/note_list.html
+++ b/notes/templates/note_list.html
@@ -4,16 +4,23 @@
 {% block title %}Notes{% endblock %}
 
 {% block content %}
-    <h1>Notes</h1>
-    {% for note in notes %}
-    <h2>{{ note.title }}</h2>
-    <p>ID: {{ note.id }}</p>
+  {% for note in notes_page %}
+  <article class="container mt-5">
+    <h2><a href="{{ note.get_absolute_url }}" class="link-dark">{{ note.title }}</a></h2>
     <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>
-    {% endfor %}
+  </article>
+  {% empty %}
+  <p>No notes</p>
+  {% endfor %}
 
-    <p>Number of notes: {{ notes_count }}</p>
+  <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>
 {% endblock %}
\ No newline at end of file