]> git.immae.eu Git - github/shaarli/Shaarli.git/commitdiff
projects / github / shaarli / Shaarli.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw (from parent 1: 7d338fa)
Merge remote-tracking branch 'ArthurHoaro/search-tag-awesomplete' into next
authornodiscc <nodiscc@gmail.com>
Tue, 23 Jun 2015 12:18:31 +0000 (14:18 +0200)
committernodiscc <nodiscc@gmail.com>
Tue, 23 Jun 2015 12:18:31 +0000 (14:18 +0200)
inc/shaarli.css patch | blob | blame | history
index.php patch | blob | blame | history
tpl/linklist.html patch | blob | blame | history

diff --git a/inc/shaarli.css b/inc/shaarli.css
index c4348c70ff92757a8f102ed8509d26054041a19c..f54135249a80da97a14fdc64179db6ae3af94d81 100644 (file)
--- a/inc/shaarli.css
+++ b/inc/shaarli.css
@@ -221,8 +221,17 @@ h1 {
     margin-left:24px;
 }
 
+.tagfilter div.awesomplete {
+    width: inherit;
+}
+
 .tagfilter #tagfilter_value {
-    width: 10%;
+    width: 100%;
+    display: inline;
+}
+
+.tagfilter li {
+    color: black;
 }
 
 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
diff --git a/index.php b/index.php
index 1d63efcd809842eb03d24a7f189f15815733374d..b44ec4630e59924129bd33e0c1d4c8621bfe9d7c 100644 (file)
--- a/index.php
+++ b/index.php
@@ -2006,6 +2006,7 @@ function buildLinkList($PAGE,$LINKSDB)
     $PAGE->assign('redirector',empty($GLOBALS['redirector']) ? '' : $GLOBALS['redirector']); // Optional redirector URL.
     $PAGE->assign('token',$token);
     $PAGE->assign('links',$linkDisp);
+    $PAGE->assign('tags', $LINKSDB->allTags());
     return;
 }
 
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>
The personal, minimalist, super-fast, database free, bookmarking service - community repo