From 7ab635430aac39ca39ab8dbed2b4039a0b64faf4 Mon Sep 17 00:00:00 2001
From: "Peter J. Holzer" <hjp@hjp.at>
Date: Sun, 23 Oct 2022 16:02:09 +0200
Subject: [PATCH] Add note to bookmark

---
 app.py              |  5 ++++-
 templates/book.html | 34 ++++++++++++++++++++++++----------
 2 files changed, 28 insertions(+), 11 deletions(-)
diff --git a/app.py b/app.py
index a39aa81..543e4e9 100644
--- a/app.py
+++ b/app.py
@@ -29,8 +29,11 @@ def book(id):
 @app.route("/book/<id>/mark", methods=["POST"])
 def bookmark(id):
     page = request.form["page"]
+    note = request.form["note"]
     csr = get_cursor()
-    csr.execute("insert into bookmarks(book, page) values(%s, %s)", (id, page,))
+    csr.execute(
+            "insert into bookmarks(book, page, note) values(%s, %s, %s)",
+            (id, page, note))
     return redirect(url_for("book", id=id), code=303)
 
 @app.route("/book/new", methods=["POST"])
diff --git a/templates/book.html b/templates/book.html
index 7cad313..27bef4b 100644
--- a/templates/book.html
+++ b/templates/book.html
@@ -6,29 +6,43 @@
     <title> Lesetagebuch: {{book.title}} </title>
     <style>
       table.bookmarks {
-        width: clamp(24ch, 90vw, 80ch)
+        width: clamp(24ch, 90vw, 80ch);
+        border-collapse: collapse;
       }
       td.pagenr {
         text-align: right;
       }
+      table.bookmarks tbody {
+        border: 1px solid black;
+      }
     </style>
   </head>
   <body>
     <h1>{{ book.title }}</h1>
     <form method="post" action="{{ url_for('bookmark', id=book.id) }}">
       <input name="page">
-      <input type="submit">
+      <input name="note">
+      <input type="submit" value="+">
     </form>
     <table class="bookmarks">
     {% for bookmark in bookmarks %}
-      <tr>
-        <td class="timestamp">
-          {{bookmark.ts.strftime("%Y-%m-%d %H:%M%z")}}
-        </td>
-        <td class="pagenr">
-          {{bookmark.page}}
-        </td>
-      </tr>
+      <tbody>
+        <tr>
+          <td class="timestamp">
+            {{bookmark.ts.strftime("%Y-%m-%d %H:%M%z")}}
+          </td>
+          <td class="pagenr">
+            {{bookmark.page}}
+          </td>
+        </tr>
+        <tr>
+          <td colspan="2" class="note">
+            {% if bookmark.note %}
+              {{bookmark.note}}
+            {% endif %}
+          </td>
+        </tr>
+      </tbody>
     {% endfor %}
     </table>
   </body>

- {{bookmark.ts.strftime("%Y-%m-%d %H:%M%z")}} -	- {{bookmark.page}} -
+ {{bookmark.ts.strftime("%Y-%m-%d %H:%M%z")}} +	+ {{bookmark.page}} +
+ {% if bookmark.note %} + {{bookmark.note}} + {% endif %} +