Mercurial > projects > booket
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"> |