Resize editlink textarea while editing an existing shaare

[github/shaarli/Shaarli.git] / tpl / default / editlink.html

diff --git a/tpl/default/editlink.html b/tpl/default/editlink.html
index f831655c1bac0ce55f248f176d6feddc36419454..3c9b5cda7cdceeb7e6ce5e977508d4b4b1b12037 100644 (file)
--- a/tpl/default/editlink.html
+++ b/tpl/default/editlink.html
@@ -9,29 +9,30 @@
   {/if}
   <div id="editlinkform" class="pure-g">
     <div class="pure-u-lg-1-5 pure-u-1-8"></div>
-    <form method="post" name="linkform" class="page-form pure-u-lg-3-5 pure-u-3-4" >
-      <h2>Shaare</h2>
+    <form method="post" name="linkform" class="page-form pure-u-lg-3-5 pure-u-3-4 page-form page-form-light">
+      <h2 class="window-title">{'Shaare'|t}</h2>
       <input type="hidden" name="lf_linkdate" value="{$link.linkdate}">
       <div>
-        <label for="lf_url">URL</label>
+        <label for="lf_url">{'URL'|t}</label>
       </div>
       <div>
         <input type="text" name="lf_url" id="lf_url" value="{$link.url}" class="lf_input">
       </div>
       <div>
-      <label for="lf_title">Title</label>
+      <label for="lf_title">{'Title'|t}</label>
       </div>
       <div>
         <input type="text" name="lf_title" id="lf_title" value="{$link.title}" class="lf_input">
       </div>
       <div>
-        <label for="lf_description">Description</label>
+        <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" onkeyup="textAreaAdjust(this)"
+        >{$link.description}</textarea>
       </div>
       <div>
-        <label for="lf_tags">Tags</label>
+        <label for="lf_tags">{'Tags'|t}</label>
       </div>
       <div>
         <input type="text" name="lf_tags" id="lf_tags" value="{$link.tags}" class="lf_input"
@@ -40,10 +41,10 @@
 
       <div>
         <input type="checkbox"  name="lf_private" id="lf_private"
-        {if="($link_is_new && $GLOBALS['privateLinkByDefault']==true) || $link.private == true"}
+        {if="($link_is_new && $default_private_links) || $link.private == true"}
           checked="checked"
         {/if}>
-        &nbsp;<label for="lf_private">Private</label>
+        &nbsp;<label for="lf_private">{'Private'|t}</label>
       </div>
 
       <div id="editlink-plugins">
@@ -53,9 +54,9 @@
       </div>
 
       <div>
-        <input type="submit" value="Save" name="save_edit">
+        <input type="submit" value="{'Save'|t}" name="save_edit">
         {if="!$link_is_new"}
-          <input type="submit" value="Delete" name="delete_link" class="delete-link">
+          <input type="submit" value="{'Delete'|t}" name="delete_link" class="delete-link">
         {/if}
       </div>
 
@@ -70,13 +71,19 @@
   {/if}
 <script>
   awesompleteUniqueTag('#lf_tags');
-  if (!'{$link.title}') {
+  if (!document.linkform.lf_title.value) {
     document.linkform.lf_title.focus();
-  } else if (!'{$link.description}') {
+  } else if (!document.linkform.lf_description.value) {
     document.linkform.lf_description.focus();
   } else {
     document.linkform.lf_tags.focus();
   }
+  function textAreaAdjust(el) {
+    el.style.height = (el.scrollHeight > el.clientHeight) ? (el.scrollHeight) + "px" : (el.clientHeight - 18) + "px";
+  }
+  (function (window, document) {
+    textAreaAdjust(document.linkform.lf_description)
+  })(this, this.document);
 </script>
 </body>
 </html>