Book Marx: Implement bookmark submission.

Change-Id: Ieb1fef8565ed0e17de9590d5207ba11ebfe6f177

2 files changed, 43 insertions, 0 deletions

diff --git a/src/main/resources/META-INF/resources/cms2/base.css b/src/main/resources/META-INF/resources/cms2/base.css
index e04e5d9..735b297 100644
--- a/src/main/resources/META-INF/resources/cms2/base.css
+++ b/src/main/resources/META-INF/resources/cms2/base.css
@@ -159,3 +159,7 @@ article.lazychat-message {
   padding: 0.3em;
   background: #f0f8f0;
 }
+
+#bookmark-submission textarea {
+  min-width: calc(100% - 12em);
+}
diff --git a/src/main/resources/templates/benki/bookmarks/bookmarkList.html b/src/main/resources/templates/benki/bookmarks/bookmarkList.html
index 0d392c8..9d4c706 100644
--- a/src/main/resources/templates/benki/bookmarks/bookmarkList.html
+++ b/src/main/resources/templates/benki/bookmarks/bookmarkList.html
@@ -1,4 +1,5 @@
 {@java.util.List<eu.mulk.mulkcms2.benki.bookmarks.Bookmark> bookmarks}
+{@java.lang.Boolean authenticated}
 
 {#include base.html}
 
@@ -10,6 +11,44 @@
 
 {#body}
 
+{#if authenticated}
+  <section id="bookmark-submission">
+    <form class="pure-form pure-form-aligned" method="post">
+      <fieldset>
+        <legend>Submit Bookmark</legend>
+
+        <div class="pure-control-group">
+          <label for="title-input">Title:</label>
+          <input name="title" id="title-input" type="text" placeholder="Title" required/>
+        </div>
+
+        <div class="pure-control-group">
+          <label for="uri-input">URI:</label>
+          <input name="uri" id="uri-input" type="text" placeholder="URI" required/>
+        </div>
+
+        <div class="pure-control-group">
+          <label for="description-input">Description:</label>
+          <textarea name="description" id="description-input" placeholder="Description"></textarea>
+        </div>
+
+        <div class="pure-control-group">
+          <label for="visibility-input">Visibility:</label>
+          <select id="visibility-input" name="visibility" required>
+            <option value="public">Public</option>
+            <option value="semiprivate" selected>Semiprivate</option>
+            <option value="private">Private</option>
+          </select>
+        </div>
+
+        <div class="pure-controls">
+          <button type="submit" class="pure-button pure-button-primary">Submit Bookmark</button>
+        </div>
+      </fieldset>
+    </form>
+  </section>
+{/if}
+
 {#for bookmark in bookmarks}
   {#with bookmark}
     <article class="bookmark">