Vintage theme: support async metadata retrieval

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

index f751d50b055968123334cd3c4a3e48a39b6d1edb..343418bce1a8436c0edb50d2e0867b5c74ee88b8 100644 (file)
--- a/tpl/vintage/editlink.html
+++ b/tpl/vintage/editlink.html
@@ -1,30 +1,43 @@
  <!DOCTYPE html>
  <html>
  <head>{include="includes"}
-    <link type="text/css" rel="stylesheet" href="inc/awesomplete.css#" />
  </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} >
+{$asyncLoadClass=$link_is_new && $async_metadata && empty($link.title) ? 'loading-input' : ''}
  <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}">
+        <form method="post" name="linkform" action="{$base_path}/admin/shaare">
            {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>
+            <label for="lf_url"><i>URL</i></label><br><input type="text" name="lf_url" id="lf_url" value="{$link.url}" class="lf_input">
+            <label for="lf_title"><i>Title</i></label>
+            <div class="{$asyncLoadClass}">
+              <input type="text" name="lf_title" id="lf_title" value="{$link.title}" class="lf_input">
+              <div class="icon-container">
+                <i class="loader"></i>
+              </div>
+            </div>
+            <label for="lf_description"><i>Description</i></label>
+            <div class="{if="$retrieve_description"}{$asyncLoadClass}{/if}">
+              <textarea name="lf_description" id="lf_description" rows="4" cols="25">{$link.description}</textarea>
+              <div class="icon-container">
+                <i class="loader"></i>
+              </div>
+            </div>
+            <label for="lf_tags"><i>Tags</i></label>
+            <div class="{if="$retrieve_description"}{$asyncLoadClass}{/if}">
+              <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" >
+              <div class="icon-container">
+                <i class="loader"></i>
+              </div>
+            </div>
  
            {if="$formatter==='markdown'"}
              <div class="md_help">
@@ -55,12 +68,11 @@
                </a>
              {/if}
              <input type="hidden" name="token" value="{$token}">
+            <input type="hidden" name="source" value="{$source}">
              {if="$http_referer"}<input type="hidden" name="returnurl" value="{$http_referer}">{/if}
          </form>
      </div>
  </div>
-{if="$source !== 'firefoxsocialapi'"}
  {include="page.footer"}
-{/if}
-</body>
+{if="$link_is_new && $async_metadata"}<script src="{$asset_path}/js/metadata.min.js?v={$version_hash}#"></script>{/if}</body>
  </html>