Bug 11753 - Replace jQuery qTip plugin with Bootstrap tooltip on patron search form
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / includes / patron-search.inc
1 [% USE Koha %]
2 <div class="gradient">
3 <h1 id="logo"><a href="/cgi-bin/koha/mainpage.pl">[% LibraryName %]</a></h1><!-- Begin Patrons Resident Search Box -->
4 <div id="header_search">
5         <div id="patron_search" class="residentsearch">
6         <p class="tip">Enter patron card number or partial name:</p>
7         <form action="/cgi-bin/koha/members/member.pl" method="post">
8     <input id="searchmember" data-toggle="tooltip" size="25" class="focus" name="member" type="text" value="[% member %]"/>
9         <span class="filteraction" id="filteraction_off"> <a href="#" onclick="$('#filters').toggle();$('.filteraction').toggle();">[-]</a></span>
10         <span class="filteraction" id="filteraction_on"> <a href="#" onclick="$('#filters').toggle();$('.filteraction').toggle();">[+]</a></span>
11
12     <input value="Search" class="submit" type="submit" />
13
14   <div id="filters">
15       <p><label for="searchfields">Search fields:</label>
16             <select name="searchfields" id="searchfields">
17                 <option selected="selected" value=''>Standard</option>
18                 <option value='email,emailpro,B_email,'>Email</option>
19                 <option value='borrowernumber'>Borrower number</option>
20                 <option value='phone,phonepro,B_phone,altcontactphone,mobile'>Phone number</option>
21                 <option value='streettype,address,address2,city,state,zipcode,country'>Street Address</option>
22                 <option value='dateofbirth'>Date of birth</option>
23                 <option value='sort1'>Sort field 1</option>
24                 <option value='sort2'>Sort field 2</option>
25             </select>
26             <script type="text/javascript">
27                 [% SET dateformat = Koha.Preference('dateformat') %]
28                 $("#searchfields").change(function() {
29                     if ( $(this).val() == 'dateofbirth' ) {
30                         [% IF dateformat == 'us' %]
31                             var MSG_DATE_FORMAT = _("Dates of birth should be entered in the format 'MM/DD/YYYY'");
32                         [% ELSIF dateformat == 'iso' %]
33                             var MSG_DATE_FORMAT = _("Dates of birth should be entered in the format 'YYYY-MM-DD'");
34                         [% ELSIF dateformat == 'metric' %]
35                             var MSG_DATE_FORMAT = _("Dates of birth should be entered in the format 'DD/MM/YYYY'");
36                         [% END %]
37                         $('#searchmember').attr("title",MSG_DATE_FORMAT).tooltip('show');
38                     } else {
39                         $('#searchmember').tooltip('destroy');
40                     }
41                 });
42             </script>
43         </p>
44         <p><label for="searchtype">Search type:</label>
45                 <select name="searchtype" id="searchtype">
46                     <option selected="selected" value=''>Starts with</option>
47                     <option value='contain'>Contains</option>
48                 </select></p>
49
50       <p><label for="searchorderby">Order by:</label>
51             <select name="orderby" id="searchorderby">
52             <option value="">Surname, Firstname</option>
53             <option value="cardnumber,0">Cardnumber</option>
54             </select></p>
55         [% IF ( branchloop ) %] <p><label for="branchcode">Library: </label><select name="branchcode" id="branchcode">
56                 <option value="">Any</option>[% FOREACH branchloo IN branchloop %]
57                 [% IF ( branchloo.selected ) %]
58                 <option value="[% branchloo.value %]" selected="selected">[% branchloo.branchname %]</option>[% ELSE %]
59                 <option value="[% branchloo.value %]">[% branchloo.branchname %]</option>[% END %]
60               [% END %]</select></p>
61       [% END %]
62       [% IF ( categories ) %]
63         <p><label for="categorycode">Category: </label><select name="categorycode" id="categorycode">
64                 <option value="">Any</option>[% FOREACH categorie IN categories %]
65                 [% IF ( categorie.selected ) %]
66                 <option value="[% categorie.categorycode %]" selected="selected">[% categorie.description |html_entity %]</option>[% ELSE %]
67                 <option value="[% categorie.categorycode %]">[% categorie.description |html_entity %]</option>[% END %]
68                 [% END %]</select></p>
69       [% END %]
70   </div>
71 </form>
72         </div>
73
74     [% INCLUDE 'patron-search-box.inc' %]
75
76         [% IF ( CAN_user_catalogue ) %]
77     <div id="catalog_search" class="residentsearch">
78         <p class="tip">Enter search keywords:</p>
79                 <form action="/cgi-bin/koha/catalogue/search.pl"  method="get" id="cat-search-block">
80                          <input type="text" name="q" id="search-form" size="40" value="" title="Enter the terms you wish to search for." class="form-text" />
81                                 <input type="submit" name="op" id="opac-submit" value="Submit" class="submit" />
82                 </form>
83         </div>[% END %]
84     [% IF ( CAN_user_circulate ) %]
85     <div id="checkin_search" class="residentsearch">
86     <p class="tip">Scan a barcode to check in:</p>
87     <form method="post" action="/cgi-bin/koha/circ/returns.pl" autocomplete="off">
88     <input name="barcode" id="ret_barcode" size="40" accesskey="r" />
89     <input value="Submit" class="submit" type="submit" />
90     </form>
91     </div>
92     [% END %]
93                         <ul>
94             <li><a href="#patron_search">Search patrons</a></li>
95             [% IF ( CAN_user_circulate ) %]<li><a href="#circ_search">Check out</a></li>[% END %]
96     [% IF ( CAN_user_circulate ) %]<li><a href="#checkin_search">Check in</a></li>[% END %]
97             [% IF ( CAN_user_catalogue ) %]<li><a href="#catalog_search">Search the catalog</a></li>[% END %]
98                         </ul>
99 </div><!-- /header_search -->
100 </div><!-- /gradient -->
101 <script type="text/javascript">//<![CDATA[
102 $(document).ready(function() {
103     [% IF ( advsearch ) %]$("#filteraction_on").toggle();
104     [% ELSE %]$("#filters").toggle();
105     $("#filteraction_off").toggle();[% END %]
106 });
107 //]]>
108 </script>
109 <!-- End Patrons Resident Search Box -->