diff options
Diffstat (limited to 'tpl/default/editlink.html')
-rw-r--r-- | tpl/default/editlink.html | 134 |
1 files changed, 81 insertions, 53 deletions
diff --git a/tpl/default/editlink.html b/tpl/default/editlink.html index f855dfb1..d6f81f96 100644 --- a/tpl/default/editlink.html +++ b/tpl/default/editlink.html | |||
@@ -1,63 +1,91 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html> |
3 | <head>{include="includes"} | 3 | <head> |
4 | <link type="text/css" rel="stylesheet" href="inc/awesomplete.css#" /> | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
6 | <body | 6 | <body> |
7 | {if="$link.title==''"}onload="document.linkform.lf_title.focus();" | 7 | {if="$source !== 'firefoxsocialapi' && $source !== 'bookmarklet'"} |
8 | {elseif="$link.description==''"}onload="document.linkform.lf_description.focus();" | ||
9 | {else}onload="document.linkform.lf_tags.focus();"{/if} > | ||
10 | <div id="pageheader"> | ||
11 | {if="$source !== 'firefoxsocialapi'"} | ||
12 | {include="page.header"} | 8 | {include="page.header"} |
13 | {else} | 9 | {else} |
14 | <div id="shaarli_title"><a href="{$titleLink}">{$shaarlititle}</a></div> | 10 | <div class="center">Shaare to: {$shaarlititle}</div> |
15 | {/if} | 11 | {/if} |
16 | <div id="editlinkform"> | 12 | <div id="editlinkform" class="pure-g"> |
17 | <form method="post" name="linkform"> | 13 | <div class="pure-u-lg-1-5 pure-u-1-24"></div> |
18 | <input type="hidden" name="lf_linkdate" value="{$link.linkdate}"> | 14 | <form method="post" name="linkform" class="page-form pure-u-lg-3-5 pure-u-22-24 page-form page-form-light"> |
19 | {if="isset($link.id)"} | 15 | <h2 class="window-title">{'Shaare'|t}</h2> |
20 | <input type="hidden" name="lf_id" value="{$link.id}"> | 16 | <input type="hidden" name="lf_linkdate" value="{$link.linkdate}"> |
21 | {/if} | 17 | {if="isset($link.id)"} |
22 | <label for="lf_url"><i>URL</i></label><br><input type="text" name="lf_url" id="lf_url" value="{$link.url}" class="lf_input"><br> | 18 | <input type="hidden" name="lf_id" value="{$link.id}"> |
23 | <label for="lf_title"><i>Title</i></label><br><input type="text" name="lf_title" id="lf_title" value="{$link.title}" class="lf_input"><br> | 19 | {/if} |
24 | <label for="lf_description"><i>Description</i></label><br><textarea name="lf_description" id="lf_description" rows="4" cols="25">{$link.description}</textarea><br> | 20 | <div> |
25 | <label for="lf_tags"><i>Tags</i></label><br> | 21 | <label for="lf_url">{'URL'|t}</label> |
26 | <input type="text" name="lf_tags" id="lf_tags" value="{$link.tags}" class="lf_input" | 22 | </div> |
27 | data-list="{loop="$tags"}{$key}, {/loop}" data-multiple autocomplete="off" ><br> | 23 | <div> |
24 | <input type="text" name="lf_url" id="lf_url" value="{$link.url}" class="lf_input"> | ||
25 | </div> | ||
26 | <div> | ||
27 | <label for="lf_title">{'Title'|t}</label> | ||
28 | </div> | ||
29 | <div> | ||
30 | <input type="text" name="lf_title" id="lf_title" value="{$link.title}" class="lf_input"> | ||
31 | </div> | ||
32 | <div> | ||
33 | <label for="lf_description">{'Description'|t}</label> | ||
34 | </div> | ||
35 | <div> | ||
36 | <textarea name="lf_description" id="lf_description">{$link.description}</textarea> | ||
37 | </div> | ||
38 | <div> | ||
39 | <label for="lf_tags">{'Tags'|t}</label> | ||
40 | </div> | ||
41 | <div> | ||
42 | <input type="text" name="lf_tags" id="lf_tags" value="{$link.tags}" class="lf_input" | ||
43 | data-list="{loop="$tags"}{$key}, {/loop}" data-multiple autocomplete="off" > | ||
44 | </div> | ||
28 | 45 | ||
29 | {loop="$edit_link_plugin"} | 46 | <div> |
30 | {$value} | 47 | <input type="checkbox" name="lf_private" id="lf_private" |
31 | {/loop} | 48 | {if="($link_is_new && $default_private_links || $link.private == true)"} |
49 | checked="checked" | ||
50 | {/if}> | ||
51 | <label for="lf_private">{'Private'|t}</label> | ||
52 | </div> | ||
32 | 53 | ||
33 | {if="($link_is_new && $default_private_links) || $link.private == true"} | 54 | <div id="editlink-plugins"> |
34 | <input type="checkbox" checked="checked" name="lf_private" id="lf_private"> | 55 | {loop="$edit_link_plugin"} |
35 | <label for="lf_private"><i>Private</i></label><br> | 56 | {$value} |
36 | {else} | 57 | {/loop} |
37 | <input type="checkbox" name="lf_private" id="lf_private"> | 58 | </div> |
38 | <label for="lf_private"><i>Private</i></label><br><br> | 59 | |
39 | {/if} | 60 | |
40 | <input type="submit" value="Save" name="save_edit" class="bigbutton"> | 61 | <div class="submit-buttons center"> |
41 | <input type="submit" value="Cancel" name="cancel_edit" class="bigbutton"> | 62 | <input type="submit" value="{'Save'|t}" name="save_edit" class=""> |
42 | {if="!$link_is_new && isset($link.id)"} | 63 | {if="!$link_is_new"} |
43 | <a href="?delete_link&lf_linkdate={$link.id}&token={$token}" | 64 | <a href="?delete_link&lf_linkdate={$link.id}&token={$token}" |
44 | name="delete_link" class="bigbutton" | 65 | title="" name="delete_link" class="button button-red confirm-delete"> |
45 | onClick="return confirmDeleteLink();"> | 66 | {'Delete'|t} |
46 | {'Delete'|t} | 67 | </a> |
47 | </a> | 68 | {/if} |
48 | {/if} | 69 | </div> |
49 | <input type="hidden" name="token" value="{$token}"> | 70 | |
50 | {if="$http_referer"}<input type="hidden" name="returnurl" value="{$http_referer}">{/if} | 71 | <input type="hidden" name="token" value="{$token}"> |
51 | </form> | 72 | {if="$http_referer"} |
52 | </div> | 73 | <input type="hidden" name="returnurl" value="{$http_referer}"> |
53 | </div> | 74 | {/if} |
54 | {if="$source !== 'firefoxsocialapi'"} | 75 | </form> |
55 | {include="page.footer"} | 76 | </div> |
56 | {/if} | 77 | {if="$source !== 'firefoxsocialapi' && $source !== 'bookmarklet'"} |
57 | <script src="inc/awesomplete.min.js#"></script> | 78 | {include="page.footer"} |
58 | <script src="inc/awesomplete-multiple-tags.js#"></script> | 79 | {/if} |
59 | <script> | 80 | <script> |
60 | awesompleteUniqueTag('#lf_tags'); | 81 | awesompleteUniqueTag('#lf_tags'); |
82 | if (!document.linkform.lf_title.value) { | ||
83 | document.linkform.lf_title.focus(); | ||
84 | } else if (!document.linkform.lf_description.value) { | ||
85 | document.linkform.lf_description.focus(); | ||
86 | } else { | ||
87 | document.linkform.lf_tags.focus(); | ||
88 | } | ||
61 | </script> | 89 | </script> |
62 | </body> | 90 | </body> |
63 | </html> | 91 | </html> |