comparison 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
comparison
equal deleted inserted replaced
18:3642bb668af1 19:4a4d9527c06f
37 </header> 37 </header>
38 38
39 <datalist id="tag-datalist"></datalist> 39 <datalist id="tag-datalist"></datalist>
40 40
41 <template id="tag-input-template"> 41 <template id="tag-input-template">
42 <li><label>Tag <input type="text" name="tag" pattern="[^,;]*" 42 <li><label class="top-label">Tag <input type="text" name="tag"
43 size="20" list="tag-datalist" placeholder="tag"></input> 43 pattern="[^,;]*" size="20" list="tag-datalist" placeholder="tag"></input>
44 </label></li> 44 </label></li>
45 </template> 45 </template>
46 46
47 <template id="bookmark-editor-template"> 47 <template id="bookmark-editor-template">
48 <form class="bookmark-editor-form"> 48 <form class="bookmark-editor-form">
49 <fieldset> 49 <fieldset>
50 <legend></legend> 50 <legend></legend>
51 <input type="hidden" name="original-url"></input> 51 <input type="hidden" name="original-url"></input>
52 <label>URL <input type="url" required="required" 52 <label class="top-label">URL <input type="url" required="required"
53 name="url" size="60" placeholder="http://example.com/"></input></label> 53 name="url" size="60" placeholder="http://example.com/"></input></label>
54 <label>Title <input type="text" name="title" size="60" 54 <label class="top-label">Title <input type="text" name="title" size="60"
55 placeholder="A Title"></input></label> 55 placeholder="A Title"></input></label>
56 <label>Favicon <img width="16" height="16" src="missing-favicon.svg" 56 <label class="top-label">Favicon <img width="16" height="16"
57 class="bookmark-favicon" alt=""></img><input type="hidden" 57 src="missing-favicon.svg" class="bookmark-favicon" alt=""></img><input
58 name="favicon"></input></label> 58 type="hidden" name="favicon"></input></label>
59 <div> 59 <div>
60 <ul class="tag-input-list"></ul> 60 <ul class="tag-input-list"></ul>
61 <button type="button" name="more-tags">Add more tags</button> 61 <button type="button" name="more-tags">Add more tags</button>
62 </div> 62 </div>
63 <label>Import from Bookmarklet 63 <label class="top-label">Import from Bookmarklet
64 <textarea name="bookmarklet-import" cols="60" rows="4" 64 <textarea name="bookmarklet-import" cols="60" rows="4"
65 spellcheck="false"></textarea></label> 65 spellcheck="false"></textarea></label>
66 <button type="reset" name="cancel">Cancel</button><button type="submit" 66 <button type="reset" name="cancel">Cancel</button><button type="submit"
67 name="save-bookmark">Save</button> 67 name="save-bookmark">Save</button>
68 </fieldset> 68 </fieldset>
99 </aside> 99 </aside>
100 100
101 <form id="load-form"> 101 <form id="load-form">
102 <fieldset> 102 <fieldset>
103 <legend>Load Bookmarks</legend> 103 <legend>Load Bookmarks</legend>
104 <label accesskey="i">File <input type="file" accept="application/json" 104 <label accesskey="i" class="top-label">File <input type="file"
105 required="required" name="file"></input></label> 105 accept="application/json" required="required"
106 name="file"></input></label>
107 <label><input type="checkbox" name="merge"></input> Merge with existing
108 bookmarks</label>
106 <button type="submit" name="load-file" accesskey="l">Load</button> 109 <button type="submit" name="load-file" accesskey="l">Load</button>
107 </fieldset> 110 </fieldset>
108 </form> 111 </form>
109 112
110 <form id="save-form"> 113 <form id="save-form">
120 </form> 123 </form>
121 124
122 <form id="import-form"> 125 <form id="import-form">
123 <fieldset> 126 <fieldset>
124 <legend>Import Bookmarks</legend> 127 <legend>Import Bookmarks</legend>
125 <label accesskey="e">File <input type="file" accept="text/html" 128 <label accesskey="e" class="top-label">File <input type="file"
126 required="required" name="file"></input></label> 129 accept="text/html" required="required" name="file"></input></label>
130 <label><input type="checkbox" name="merge"></input> Merge with existing
131 bookmarks</label>
127 <button type="submit" name="import-file" accesskey="m">Import</button> 132 <button type="submit" name="import-file" accesskey="m">Import</button>
128 </fieldset> 133 </fieldset>
129 </form> 134 </form>
130 135
131 <form id="export-form"> 136 <form id="export-form">