diff booket.html @ 19:4a4d9527c06f

Add merge options Allow to merge loaded or imported bookmarks with the existing ones
author Guido Berhoerster <guido+booket@berhoerster.name>
date Thu, 02 Oct 2014 09:08:22 +0200
parents 3642bb668af1
children 55bc20390185
line wrap: on
line diff
--- a/booket.html	Tue Sep 30 21:32:39 2014 +0200
+++ b/booket.html	Thu Oct 02 09:08:22 2014 +0200
@@ -39,8 +39,8 @@
   <datalist id="tag-datalist"></datalist>
 
   <template id="tag-input-template">
-    <li><label>Tag <input type="text" name="tag" pattern="[^,;]*"
-    size="20" list="tag-datalist" placeholder="tag"></input>
+    <li><label class="top-label">Tag <input type="text" name="tag"
+    pattern="[^,;]*" size="20" list="tag-datalist" placeholder="tag"></input>
     </label></li>
   </template>
 
@@ -49,18 +49,18 @@
       <fieldset>
         <legend></legend>
         <input type="hidden" name="original-url"></input>
-        <label>URL <input type="url" required="required"
+        <label class="top-label">URL <input type="url" required="required"
         name="url" size="60" placeholder="http://example.com/"></input></label>
-        <label>Title <input type="text" name="title" size="60"
+        <label class="top-label">Title <input type="text" name="title" size="60"
         placeholder="A Title"></input></label>
-        <label>Favicon <img width="16" height="16" src="missing-favicon.svg"
-        class="bookmark-favicon" alt=""></img><input type="hidden"
-        name="favicon"></input></label>
+        <label class="top-label">Favicon <img width="16" height="16"
+        src="missing-favicon.svg" class="bookmark-favicon" alt=""></img><input
+        type="hidden" name="favicon"></input></label>
         <div>
           <ul class="tag-input-list"></ul>
           <button type="button" name="more-tags">Add more tags</button>
         </div>
-        <label>Import from Bookmarklet
+        <label class="top-label">Import from Bookmarklet
         <textarea name="bookmarklet-import" cols="60" rows="4"
         spellcheck="false"></textarea></label>
         <button type="reset" name="cancel">Cancel</button><button type="submit"
@@ -101,8 +101,11 @@
     <form id="load-form">
       <fieldset>
         <legend>Load Bookmarks</legend>
-        <label accesskey="i">File <input type="file" accept="application/json"
-        required="required" name="file"></input></label>
+        <label accesskey="i" class="top-label">File <input type="file"
+        accept="application/json" required="required"
+        name="file"></input></label>
+        <label><input type="checkbox" name="merge"></input> Merge with existing
+        bookmarks</label>
         <button type="submit" name="load-file" accesskey="l">Load</button>
       </fieldset>
     </form>
@@ -122,8 +125,10 @@
     <form id="import-form">
       <fieldset>
         <legend>Import Bookmarks</legend>
-        <label accesskey="e">File <input type="file" accept="text/html"
-        required="required" name="file"></input></label>
+        <label accesskey="e" class="top-label">File <input type="file"
+        accept="text/html" required="required" name="file"></input></label>
+        <label><input type="checkbox" name="merge"></input> Merge with existing
+        bookmarks</label>
         <button type="submit" name="import-file" accesskey="m">Import</button>
       </fieldset>
     </form>