]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/web/templates/default/opac/parts/searchbar.tt2
Merge branch 'master' of git.evergreen-ils.org:Evergreen into template-toolkit-opac
[working/Evergreen.git] / Open-ILS / web / templates / default / opac / parts / searchbar.tt2
1 [% PROCESS "default/opac/parts/org_selector.tt2" %]
2 <div id="search-box">    
3     [% UNLESS took_care_of_form -%]
4     <form action="[% ctx.opac_root %]/results" method="GET">
5     [%- END %]
6     <table cellpadding="0" cellspacing="10" border="0">
7         <tr>
8             <td colspan="3">
9                 <span class="search_catalog_lbl">[% l('Search the Catalog') %]</span>
10                 <a href="[% ctx.opac_root %]/advanced"
11                     id="home_adv_search_link"><span
12                     class="adv_search_font">[% l('Advanced Search') %]</span></a>
13             </td>
14         </tr>
15         <tr>
16             [% IF is_advanced %]
17             <td colspan="2">
18                 <input type="hidden" name="_adv" value="1" />
19             [% ELSE %]
20             <td>
21             [% INCLUDE "default/opac/parts/qtype_selector.tt2" %]
22             </td>
23             [% END %]
24             [% IF ctx.processed_search_query OR NOT is_advanced %]
25             <td>
26                 <div id="search_box_wrapper">
27                     <!-- Note: when common browsers support HTML5 placeholder text, we can remove the JS -->
28                     <input type="text" id="search_box" name="query" value="[% is_advanced ? ctx.processed_search_query : CGI.param('query') || l("Search Keyword") | html %]"
29                         [% IF is_advanced %]style="width: 450px"[% END %]
30                         onfocus="if (this.value=='[% l("Search Keyword") %]'){this.value='';this.style.color='#000';}"
31                         onblur="if (this.value==''){this.value='[% l("Search Keyword") %]';this.style.color='#999';}" />
32                 </div>
33                 <input name='page' type='hidden' value="0" />
34             </td>
35             <td valign="top">
36                 <div class="pos-abs">
37                     <div class="opac-auto-143">
38                         <input id='search-submit-go' type="image" alt="[% l('Search') %]" src="[% ctx.media_prefix %]/images/go-btn.png"
39                             onmouseover="this.src='[% ctx.media_prefix %]/images/go-btn-hover.png';"
40                             onmouseout="this.src='[% ctx.media_prefix %]/images/go-btn.png';" 
41                             onclick='setTimeout(function(){$("search-submit-spinner").className=""; $("search-submit-go").className="hidden"}, 2000)'/>
42                         <img id='search-submit-spinner' src='/opac/images/progressbar_green.gif' style='height:16px;width:16px;' class='hidden'/>
43                     </div>
44                 </div>
45             </td>
46             [% END %]
47         </tr>
48         [% UNLESS is_advanced %]
49         <tr>
50             <td>
51                 [% INCLUDE "default/opac/parts/coded_value_selector.tt2" attr=["mattype", "item_type"] none_ok=1 %]
52             </td>
53             <td>
54                 <span id='depth_selector_span'>
55                     [% PROCESS build_org_selector name='loc' value=CGI.param('loc') %]
56                 </span>
57                 <span id='lib_selector_span'>
58                     <a id='lib_selector_link' class='classic_link'
59                         href='#'>[% l("Choose a library to search") %]</a>
60                 </span>
61             </td>
62         </tr>
63         [% END %]
64     </table>
65     [% UNLESS took_care_of_form %]</form>[% END %]
66     [% IF is_advanced AND CGI.param('qtype') %]
67     <div class="opac-auto-102">
68         [ <a href="[% ctx.opac_root %]/advanced?[% query_string %]">[%
69             l('Click to Refine Your Original Search')
70         %]</a> ]
71     </div>
72     [% END %]
73     <div id="breadcrumb">
74         <a href="[% ctx.opac_root %]/home">[% l('Catalog Home') %]</a> &gt;
75     </div>
76     <div class="clear-both"></div>
77 </div>