From 8b7cfaaac98a815195a17b5e28111a65be0791ab Mon Sep 17 00:00:00 2001
From: Matthias Andreas Benkard <code@mail.matthias.benkard.de>
Date: Wed, 12 Feb 2020 05:30:42 +0100
Subject: Bookmark submission: Rearrange fields, focus URI field on pane
 expansion.

Change-Id: I2c440905a39ea0126fa6b1024fa7b54e80a59b1a
---
 .../resources/META-INF/resources/bookmarks/bookmarkList.js    |  5 +++++
 .../resources/templates/benki/bookmarks/bookmarkList.html     | 11 ++++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)
 create mode 100644 src/main/resources/META-INF/resources/bookmarks/bookmarkList.js

(limited to 'src/main')

diff --git a/src/main/resources/META-INF/resources/bookmarks/bookmarkList.js b/src/main/resources/META-INF/resources/bookmarks/bookmarkList.js
new file mode 100644
index 0000000..eab07f5
--- /dev/null
+++ b/src/main/resources/META-INF/resources/bookmarks/bookmarkList.js
@@ -0,0 +1,5 @@
+document.addEventListener('DOMContentLoaded', () => {
+  let bookmarkSubmissionPane = document.getElementById('bookmark-submission-pane');
+  let uriInput = document.getElementById('uri-input');
+  bookmarkSubmissionPane.addEventListener('opened', () => uriInput.focus());
+});
\ No newline at end of file
diff --git a/src/main/resources/templates/benki/bookmarks/bookmarkList.html b/src/main/resources/templates/benki/bookmarks/bookmarkList.html
index 8242cd8..9f7b402 100644
--- a/src/main/resources/templates/benki/bookmarks/bookmarkList.html
+++ b/src/main/resources/templates/benki/bookmarks/bookmarkList.html
@@ -13,7 +13,8 @@
 
 {! #if authenticated !}
   <script type="module" src="/web_modules/elix/define/ExpandableSection.js"></script>
-  <elix-expandable-section>
+  <script type="module" src="/bookmarks/bookmarkList.js" defer></script>
+  <elix-expandable-section id="bookmark-submission-pane">
     <h2 slot="header" class="small-title"><button class="pure-button">Create New Bookmark</button></h2>
     <section id="bookmark-submission">
       <form class="pure-form pure-form-aligned" method="post">
@@ -21,13 +22,13 @@
           <legend>New Bookmark</legend>
 
           <div class="pure-control-group">
-            <label for="title-input">Title:</label>
-            <input name="title" id="title-input" type="text" placeholder="Title" required/>
+            <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="uri-input">URI:</label>
-            <input name="uri" id="uri-input" type="text" placeholder="URI" required/>
+            <label for="title-input">Title:</label>
+            <input name="title" id="title-input" type="text" placeholder="Title" required/>
           </div>
 
           <div class="pure-control-group">
-- 
cgit v1.2.3