Using <header> and <footer> in HTML

[pcdenotes.git] / notes / templates / note_list.html
diff --git a/notes/templates/note_list.html b/notes/templates/note_list.html

index fb2da3323eeb119467cf1c05c1706a8440039364..e77bce06508c1a8954bfcda91d7f5fd8779da0b1 100644 (file)
--- a/notes/templates/note_list.html
+++ b/notes/templates/note_list.html
@@ -1,26 +1,21 @@
-{% load markdownify %}
-<!DOCTYPE html>
+{% extends "note_base.html" %}
  
  
-<html lang="de">
-<head>
-  <title>Notes</title>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-</head>
-<body>
+{% block title %}Notes{% endblock %}
  
  
-    <h1>Notes</h1>
-    {% for note in notes %}
-    <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>
-    {% endfor %}
-
-    <p>Number of notes: {{ notes_count }}</p>
+{% block content %}
+  {% for note in notes_page %}
+  {% include "note.html" %}
+  {% empty %}
+  <p>No notes</p>
+  {% endfor %}
  
  
-</body>
-</html>
+  <ul class="pagination mt-5">
+    {% 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