<!DOCTYPE html>
<html>
-<head>{include="includes"}
- <link type="text/css" rel="stylesheet" href="inc/awesomplete.css#" />
+<head>
+ {include="includes"}
</head>
-<body
-{if="$link.title==''"}onload="document.linkform.lf_title.focus();"
-{elseif="$link.description==''"}onload="document.linkform.lf_description.focus();"
-{else}onload="document.linkform.lf_tags.focus();"{/if} >
-<div id="pageheader">
- {if="$source !== 'firefoxsocialapi'"}
- {include="page.header"}
- {else}
- <div id="shaarli_title"><a href="{$titleLink}">{$shaarlititle}</a></div>
- {/if}
- <div id="editlinkform">
- <form method="post" name="linkform">
- <input type="hidden" name="lf_linkdate" value="{$link.linkdate}">
- {if="isset($link.id)"}
- <input type="hidden" name="lf_id" value="{$link.id}">
- {/if}
- <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>
- <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>
- <label for="lf_description"><i>Description</i></label><br><textarea name="lf_description" id="lf_description" rows="4" cols="25">{$link.description}</textarea><br>
- <label for="lf_tags"><i>Tags</i></label><br>
- <input type="text" name="lf_tags" id="lf_tags" value="{$link.tags}" class="lf_input"
- data-list="{loop="$tags"}{$key}, {/loop}" data-multiple autocomplete="off" ><br>
+<body>
+ {include="page.header"}
+ <div id="editlinkform" class="pure-g">
+ <div class="pure-u-lg-1-5 pure-u-1-24"></div>
+ <form method="post" name="linkform" class="page-form pure-u-lg-3-5 pure-u-22-24 page-form page-form-light">
+ <h2 class="window-title">
+ {if="!$link_is_new"}{'Edit'|t}{/if}
+ {'Shaare'|t}
+ </h2>
+ <input type="hidden" name="lf_linkdate" value="{$link.linkdate}">
+ {if="isset($link.id)"}
+ <input type="hidden" name="lf_id" value="{$link.id}">
+ {/if}
+ {if="!$link_is_new"}<div class="created-date">{'Created:'|t} {$link.created|format_date}</div>{/if}
+ <div>
+ <label for="lf_url">{'URL'|t}</label>
+ </div>
+ <div>
+ <input type="text" name="lf_url" id="lf_url" value="{$link.url}" class="lf_input autofocus">
+ </div>
+ <div>
+ <label for="lf_title">{'Title'|t}</label>
+ </div>
+ <div>
+ <input type="text" name="lf_title" id="lf_title" value="{$link.title}" class="lf_input autofocus">
+ </div>
+ <div>
+ <label for="lf_description">{'Description'|t}</label>
+ </div>
+ <div>
+ <textarea name="lf_description" id="lf_description" class="autofocus">{$link.description}</textarea>
+ </div>
+ <div>
+ <label for="lf_tags">{'Tags'|t}</label>
+ </div>
+ <div>
+ <input type="text" name="lf_tags" id="lf_tags" value="{$link.tags}" class="lf_input autofocus"
+ data-list="{loop="$tags"}{$key}, {/loop}" data-multiple data-autofirst autocomplete="off" >
+ </div>
- {loop="$edit_link_plugin"}
- {$value}
- {/loop}
+ <div>
+ <input type="checkbox" name="lf_private" id="lf_private"
+ {if="($link_is_new && $default_private_links || $link.private == true)"}
+ checked="checked"
+ {/if}>
+ <label for="lf_private">{'Private'|t}</label>
+ </div>
- {if="($link_is_new && $default_private_links) || $link.private == true"}
- <input type="checkbox" checked="checked" name="lf_private" id="lf_private">
- <label for="lf_private"><i>Private</i></label><br>
- {else}
- <input type="checkbox" name="lf_private" id="lf_private">
- <label for="lf_private"><i>Private</i></label><br>
- {/if}
- <input type="submit" value="Save" name="save_edit" class="bigbutton">
- <input type="submit" value="Cancel" name="cancel_edit" class="bigbutton">
- {if="!$link_is_new"}<input type="submit" value="Delete" name="delete_link" class="bigbutton delete" onClick="return confirmDeleteLink();">{/if}
- <input type="hidden" name="token" value="{$token}">
- {if="$http_referer"}<input type="hidden" name="returnurl" value="{$http_referer}">{/if}
- </form>
- </div>
-</div>
-{if="$source !== 'firefoxsocialapi'"}
-{include="page.footer"}
-{/if}
-<script src="inc/awesomplete.min.js#"></script>
-<script src="inc/awesomplete-multiple-tags.js#"></script>
-<script>
- awesompleteUniqueTag('#lf_tags');
-</script>
+ <div id="editlink-plugins">
+ {loop="$edit_link_plugin"}
+ {$value}
+ {/loop}
+ </div>
+
+
+ <div class="submit-buttons center">
+ <input type="submit" name="save_edit" class="" id="button-save-edit"
+ value="{if="$link_is_new"}{'Save'|t}{else}{'Apply Changes'|t}{/if}">
+ {if="!$link_is_new"}
+ <a href="?delete_link&lf_linkdate={$link.id}&token={$token}"
+ title="" name="delete_link" class="button button-red confirm-delete">
+ {'Delete'|t}
+ </a>
+ {/if}
+ </div>
+
+ <input type="hidden" name="token" value="{$token}">
+ {if="$http_referer"}
+ <input type="hidden" name="returnurl" value="{$http_referer}">
+ {/if}
+ </form>
+ </div>
+ {include="page.footer"}
</body>
</html>