Add awesomplete to tag search shaarli/Shaarli#49

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

index 766a80ce83044e9f5f07ee8b6df3d725e26414e9..47e67e71effd6e96ac8e93984c5c205ac532bb65 100644 (file)
--- a/tpl/linklist.html
+++ b/tpl/linklist.html
@@ -1,12 +1,21 @@
  <!DOCTYPE html>
  <html>
-<head>{include="includes"}</head>
+<head>
+    <link type="text/css" rel="stylesheet" href="../inc/awesomplete.css" />
+    {include="includes"}
+</head>
  <body>
  <div id="pageheader">
      {include="page.header"}
      <div id="headerform" class="search">
          <form method="GET" class="searchform" name="searchform"><input type="text" id="searchform_value" name="searchterm" placeholder="Search text" value=""> <input type="submit" value="Search" class="bigbutton"></form>
-        <form method="GET" class="tagfilter" name="tagfilter"><input type="text" name="searchtags" id="tagfilter_value" placeholder="Filter by tag" value=""> <input type="submit" value="Search" class="bigbutton"></form>
+        <form method="GET" class="tagfilter" name="tagfilter">
+            <input type="text" name="searchtags" id="tagfilter_value" placeholder="Filter by tag" value="" list="tagsList" autocomplete="off" class="awesomplete" data-minChars="1">
+            <datalist id="tagsList">
+                {loop="$tags"}<option>{$key}</option>{/loop}
+            </datalist>
+            <input type="submit" value="Search" class="bigbutton">
+        </form>
      </div>
  </div>
  
@@ -129,5 +138,6 @@ function showQrCode(caller,loading)
      return false;
  }
  </script>
+<script src="inc/awesomplete.min.js#"></script>
  </body>
  </html>