From 1149283c7b0b58dd9b62cfada0f9fd901f312609 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Sun, 9 Jul 2017 19:40:14 -0700
Subject: [PATCH] Add interface for creating bookmarks.

---
 .../etiquette_flask/templates/bookmarks.html  | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/frontends/etiquette_flask/templates/bookmarks.html b/frontends/etiquette_flask/templates/bookmarks.html
index 72be585..4a5fde1 100644
--- a/frontends/etiquette_flask/templates/bookmarks.html
+++ b/frontends/etiquette_flask/templates/bookmarks.html
@@ -53,11 +53,39 @@
                 <a href="{{bookmark.url}}" class="bookmark_url">{{bookmark.url}}</a>
             </div>
             {% endfor %}
+            <div class="new_bookmark_card">
+                <input id="new_bookmark_title" type="text" placeholder="title">
+                <input id="new_bookmark_url" type="text" placeholder="url">
+                <button id="new_bookmark_button" class="green_button" onclick="submit_bookmark_form()">Create</button>
+            </div>
         </div>
     </div>
 </body>
 
 
 <script type="text/javascript">
+function submit_bookmark_form()
+{
+    var url = document.getElementById("new_bookmark_url").value.trim();
+    var title = document.getElementById("new_bookmark_title").value.trim();
+    if (!url)
+    {
+        return;
+    }
+    return create_bookmark(url, title);
+}
+
+function create_bookmark(url, title)
+{
+    var api_url = "/bookmarks/create_bookmark";
+    var data = new FormData();
+    data.append("url", url);
+    if (title)
+    {
+        data.append("title", title);
+    }
+    var callback = function(){location.reload();};
+    post(api_url, data, callback);
+}
 </script>
 </html>