Add classes to default template to avoid using IDs in SCSS

[github/shaarli/Shaarli.git] / tpl / default / editlink.html
diff --git a/tpl/default/editlink.html b/tpl/default/editlink.html

index 2180c080aa4467f8ba5fd8ffc5e489f107c5f056..d8c571552aced2a76cfb44a54dc22ded64622d5e 100644 (file)
--- a/tpl/default/editlink.html
+++ b/tpl/default/editlink.html
@@ -4,43 +4,42 @@
    {include="includes"}
  </head>
  <body>
-  {if="$source !== 'firefoxsocialapi' && $source !== 'bookmarklet'"}
-    {include="page.header"}
-  {else}
-    <div class="center">Shaare to: {$shaarlititle}</div>
-  {/if}
-  <div id="editlinkform" class="pure-g">
+  {include="page.header"}
+  <div id="editlinkform" class="edit-link-container" 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">{'Shaare'|t}</h2>
+      <h2 class="window-title">
+        {if="!$link_is_new"}{'Edit Shaare'|t}{else}{'New Shaare'|t}{/if}
+      </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">
+        <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">
+        <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">{$link.description}</textarea>
+        <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"
-          data-list="{loop="$tags"}{$key}, {/loop}" data-multiple autocomplete="off" >
+        <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>
  
        <div>
@@ -59,7 +58,8 @@
  
  
        <div class="submit-buttons center">
-        <input type="submit" value="{'Save'|t}" name="save_edit" class="" id="button-save-edit">
+        <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&amp;lf_linkdate={$link.id}&amp;token={$token}"
             title="" name="delete_link" class="button button-red confirm-delete">
@@ -74,18 +74,6 @@
        {/if}
      </form>
    </div>
-  {if="$source !== 'firefoxsocialapi' && $source !== 'bookmarklet'"}
-    {include="page.footer"}
-  {/if}
-<script>
-  awesompleteUniqueTag('#lf_tags');
-  if (!document.linkform.lf_title.value) {
-    document.linkform.lf_title.focus();
-  } else if (!document.linkform.lf_description.value) {
-    document.linkform.lf_description.focus();
-  } else {
-    document.linkform.lf_tags.focus();
-  }
-</script>
+  {include="page.footer"}
  </body>
  </html>