issue111, auto-completion can now be enabled/disabled via config option

[phpfspot.git] / themes / default / templates / search.tpl

diff --git a/themes/default/templates/search.tpl b/themes/default/templates/search.tpl
index cd2a93b23ac92734e0eace1ea525c701f13c1931..f983c40b45ea168b4f90887965d47afe491ecb6d 100644 (file)
--- a/themes/default/templates/search.tpl
+++ b/themes/default/templates/search.tpl
@@ -1,62 +1,81 @@
-<table style="width: 100%;">
+<span style="vertical-align: middle; text-decoration: underline;">
+ <img src="resources/loupe.png" alt="loupe" />Search:
+</span>
+<form action="" onsubmit="startSearch(); return false;">
+<div class="searchfor">
+<table>
  <tr>
-  <td style="vertical-align: middle; text-decoration: underline;">
-   <img src="resources/loupe.png" alt="loupe" />Search:
+  <td>Tag:</td>
+  <td>
+   { if $use_autocomplete }
+   <input type="text" name="searchfor_tag" id="searchfor_tag" value="{$searchfor_tag}" size="15" acdropdown="true" autocomplete_list="url:rpc.php?action=getxmltaglist&amp;search=[S]&amp;length=10" />
+   { literal }
+   <script type="text/javascript">
+      var options = {
+         script: "rpc.php?action=getxmltaglist&",
+         varname: "search",
+         json: false,
+         maxresults: 15
+      };
+      var as = new bsn.AutoSuggest('searchfor_tag', options);
+   </script>
+   { /literal }
+   { else }
+   <input type="text" name="searchfor_tag" value="{$searchfor_tag}" size="15" />
+   { /if }
   </td>
+  <td>
+   <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" />
+  </td>
+ </tr>
+ <tr>
+  <td>Name:</td>
+  <td>
+   <input type="text" name="searchfor_name" value="{$searchfor_name}" size="15" />
+  </td>
+  <td>
+   <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" />
+  </td>
+ </tr>
+ <tr>
+  <td>Date:</td>
+  <td style="white-space: nowrap;">
+   { if ! $date_search_enabled }
+    <input type="checkbox" class="checkbox" name="consider_date" value="Y" onclick="datesearch();">
+   { else }
+    <input type="checkbox" class="checkbox" name="consider_date" value="Y" onclick="datesearch();" checked="checked">
+   { /if }
+   consider date-range
+  </td>
+  <td>&nbsp;</td>
  </tr>
  <tr>
-  <td class="searchfor">
-   <table>
-    <form action="" onsubmit="startSearch(); return false;">
-    <tr>
-     <td>Tag:</td>
-     <td>
-      <input type="text" name="searchfor" value="{$searchfor}" size="15" />
-     </td>
-     <td>
-      <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" />
-     </td>
-    </tr>
-    <tr>
-     <td>Date:</td>
-     <td style="white-space: nowrap;">
-      { if ! $date_search_enabled }
-       <input type="checkbox" name="consider_date" value="Y" onclick="datesearch();">
-      { else }
-       <input type="checkbox" name="consider_date" value="Y" onclick="datesearch();" checked="checked">
-      { /if }
-      consider date-range
-     </td>
-    </tr>
-    <tr>
-     <td>&nbsp;</td>
-     <td>{$from_date} <a href="javascript:showCalendar('from');" onclick="click(this);"><img src="resources/date.png" id="frompic"/></a></td>
-    </tr>
-    <tr>
-     <td>&nbsp;</td>
-     <td>
-      {$to_date} <a href="javascript:showCalendar('to');" onclick="click(this);"><img src="resources/date.png" id="topic" /></a>
-     </td>
-     <td>
-      <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" />
-     </td>
-    </tr>
-    <tr>
-     <td>
-      Sort-Order:&nbsp;
-     </td>
-     <td>
-      <select name="sort_order" onchange="update_sort_order(this);">
-       { sort_select_list }
-      </select>
-     </td>
-     <td>
-      &nbsp;
-     </td>
-    </tr>
-    </form>
-   </table>
-   <div id='calendar'></div>
+  <td>&nbsp;</td>
+  <td>{$from_date} <a href="javascript:showCalendar('from');" onclick="click(this);"><img src="resources/date.png" id="frompic"/></a></td>
+ </tr>
+ <tr>
+  <td>&nbsp;</td>
+  <td>
+   {$to_date} <a href="javascript:showCalendar('to');" onclick="click(this);"><img src="resources/date.png" id="topic" /></a>
+  </td>
+  <td>
+   <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" />
+  </td>
+ </tr>
+ <tr>
+  <td>
+   Sort-Order:&nbsp;
+  </td>
+  <td>
+   <select name="sort_order" onchange="update_sort_order(this);">
+    { sort_select_list }
+   </select>
+  </td>
+  <td>
+   &nbsp;
   </td>
  </tr>
 </table>
+</div>
+</form>
+<div id='calendar'></div>