From 79578823f58bd78e372de75cc347d0061ddf863e Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Fri, 18 Sep 2020 21:28:21 -0700
Subject: [PATCH] Fix jinja variable not defined.

---
 frontends/etiquette_flask/templates/bookmarks.html | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontends/etiquette_flask/templates/bookmarks.html b/frontends/etiquette_flask/templates/bookmarks.html
index 1c9bf6e..e4f1871 100644
--- a/frontends/etiquette_flask/templates/bookmarks.html
+++ b/frontends/etiquette_flask/templates/bookmarks.html
@@ -51,7 +51,7 @@
         <div id="bookmark_list">
             <h2>Bookmarks</h2>
             {% for bookmark in bookmarks %}
-            <div class="bookmark_card" data-bookmark-id="{{bookmark.id}}">
+            <div class="bookmark_card" data-id="{{bookmark.id}}">
                 <a
                 href="{{bookmark.url}}"
                 class="bookmark_title"
@@ -77,7 +77,7 @@
 
                 <button
                 class="red_button button_with_confirm"
-                data-onclick="return delete_bookmark_form();"
+                data-onclick="return delete_bookmark_form(event);"
                 data-prompt="Delete Bookmark?"
                 data-cancel-class="gray_button"
                 >
@@ -108,9 +108,10 @@ function create_bookmark_form()
     return api.bookmarks.create(url, title, common.refresh);
 }
 
-function delete_bookmark_form()
+function delete_bookmark_form(event)
 {
-    api.bookmarks.delete('{{bookmark.id}}', common.refresh);
+    const id = event.target.closest(".bookmark_card").dataset.id;
+    api.bookmarks.delete(id, common.refresh);
 }
 
 function on_open(ed, edit_element_map)
@@ -158,7 +159,7 @@ function create_editors()
         const title_div = card.getElementsByClassName("bookmark_title")[0];
         const url_div = card.getElementsByClassName("bookmark_url")[0];
         ed = new editor.Editor([title_div, url_div], on_open, on_save, on_cancel);
-        ed.misc_data["bookmark_id"] = card.dataset.bookmarkId;
+        ed.misc_data["bookmark_id"] = card.dataset.id;
     }
 }