Add awesomplete to tag search

This commit is contained in:
ArthurHoaro 2015-06-09 14:23:28 +02:00
parent cbecab7735
commit 65d6251744
3 changed files with 23 additions and 3 deletions

View file

@ -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>