Koha/koha-tmpl/intranet-tmpl/prog/en/includes/patron-search.inc
Owen Leonard 432fce68ea Bug 11753 - Replace jQuery qTip plugin with Bootstrap tooltip on patron search form
The qTip plugin is out of date and incompatible with recent versions of
jQuery. This patch replaces use of qTip on the patron search form with a
Bootstrap tooltip implementation.

To test, apply the patch and view /cgi-bin/koha/members/members-home.pl

- Expand the patron search form by clicking the [+]
- Change 'search fields' from 'Standard' to 'Date of birth'
- A tooltip should appear giving details about the date format required
- Change the 'search fields' to something else. The tooltip should not
  appear.

Revision: Removed inclusion of qTip plugin from global header include.
The other instance of qTip usage occurs on a page which loads the plugin
separately.

Signed-off-by: Chris Cormack <chris@bigballofwax.co.nz>
Signed-off-by: Jonathan Druart <jonathan.druart@biblibre.com>
Signed-off-by: Galen Charlton <gmc@esilibrary.com>
2014-02-18 21:08:43 +00:00

109 lines
5.8 KiB
HTML

[% USE Koha %]
<div class="gradient">
<h1 id="logo"><a href="/cgi-bin/koha/mainpage.pl">[% LibraryName %]</a></h1><!-- Begin Patrons Resident Search Box -->
<div id="header_search">
<div id="patron_search" class="residentsearch">
<p class="tip">Enter patron card number or partial name:</p>
<form action="/cgi-bin/koha/members/member.pl" method="post">
<input id="searchmember" data-toggle="tooltip" size="25" class="focus" name="member" type="text" value="[% member %]"/>
<span class="filteraction" id="filteraction_off"> <a href="#" onclick="$('#filters').toggle();$('.filteraction').toggle();">[-]</a></span>
<span class="filteraction" id="filteraction_on"> <a href="#" onclick="$('#filters').toggle();$('.filteraction').toggle();">[+]</a></span>
<input value="Search" class="submit" type="submit" />
<div id="filters">
<p><label for="searchfields">Search fields:</label>
<select name="searchfields" id="searchfields">
<option selected="selected" value=''>Standard</option>
<option value='email,emailpro,B_email,'>Email</option>
<option value='borrowernumber'>Borrower number</option>
<option value='phone,phonepro,B_phone,altcontactphone,mobile'>Phone number</option>
<option value='streettype,address,address2,city,state,zipcode,country'>Street Address</option>
<option value='dateofbirth'>Date of birth</option>
<option value='sort1'>Sort field 1</option>
<option value='sort2'>Sort field 2</option>
</select>
<script type="text/javascript">
[% SET dateformat = Koha.Preference('dateformat') %]
$("#searchfields").change(function() {
if ( $(this).val() == 'dateofbirth' ) {
[% IF dateformat == 'us' %]
var MSG_DATE_FORMAT = _("Dates of birth should be entered in the format 'MM/DD/YYYY'");
[% ELSIF dateformat == 'iso' %]
var MSG_DATE_FORMAT = _("Dates of birth should be entered in the format 'YYYY-MM-DD'");
[% ELSIF dateformat == 'metric' %]
var MSG_DATE_FORMAT = _("Dates of birth should be entered in the format 'DD/MM/YYYY'");
[% END %]
$('#searchmember').attr("title",MSG_DATE_FORMAT).tooltip('show');
} else {
$('#searchmember').tooltip('destroy');
}
});
</script>
</p>
<p><label for="searchtype">Search type:</label>
<select name="searchtype" id="searchtype">
<option selected="selected" value=''>Starts with</option>
<option value='contain'>Contains</option>
</select></p>
<p><label for="searchorderby">Order by:</label>
<select name="orderby" id="searchorderby">
<option value="">Surname, Firstname</option>
<option value="cardnumber,0">Cardnumber</option>
</select></p>
[% IF ( branchloop ) %] <p><label for="branchcode">Library: </label><select name="branchcode" id="branchcode">
<option value="">Any</option>[% FOREACH branchloo IN branchloop %]
[% IF ( branchloo.selected ) %]
<option value="[% branchloo.value %]" selected="selected">[% branchloo.branchname %]</option>[% ELSE %]
<option value="[% branchloo.value %]">[% branchloo.branchname %]</option>[% END %]
[% END %]</select></p>
[% END %]
[% IF ( categories ) %]
<p><label for="categorycode">Category: </label><select name="categorycode" id="categorycode">
<option value="">Any</option>[% FOREACH categorie IN categories %]
[% IF ( categorie.selected ) %]
<option value="[% categorie.categorycode %]" selected="selected">[% categorie.description |html_entity %]</option>[% ELSE %]
<option value="[% categorie.categorycode %]">[% categorie.description |html_entity %]</option>[% END %]
[% END %]</select></p>
[% END %]
</div>
</form>
</div>
[% INCLUDE 'patron-search-box.inc' %]
[% IF ( CAN_user_catalogue ) %]
<div id="catalog_search" class="residentsearch">
<p class="tip">Enter search keywords:</p>
<form action="/cgi-bin/koha/catalogue/search.pl" method="get" id="cat-search-block">
<input type="text" name="q" id="search-form" size="40" value="" title="Enter the terms you wish to search for." class="form-text" />
<input type="submit" name="op" id="opac-submit" value="Submit" class="submit" />
</form>
</div>[% END %]
[% IF ( CAN_user_circulate ) %]
<div id="checkin_search" class="residentsearch">
<p class="tip">Scan a barcode to check in:</p>
<form method="post" action="/cgi-bin/koha/circ/returns.pl" autocomplete="off">
<input name="barcode" id="ret_barcode" size="40" accesskey="r" />
<input value="Submit" class="submit" type="submit" />
</form>
</div>
[% END %]
<ul>
<li><a href="#patron_search">Search patrons</a></li>
[% IF ( CAN_user_circulate ) %]<li><a href="#circ_search">Check out</a></li>[% END %]
[% IF ( CAN_user_circulate ) %]<li><a href="#checkin_search">Check in</a></li>[% END %]
[% IF ( CAN_user_catalogue ) %]<li><a href="#catalog_search">Search the catalog</a></li>[% END %]
</ul>
</div><!-- /header_search -->
</div><!-- /gradient -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function() {
[% IF ( advsearch ) %]$("#filteraction_on").toggle();
[% ELSE %]$("#filters").toggle();
$("#filteraction_off").toggle();[% END %]
});
//]]>
</script>
<!-- End Patrons Resident Search Box -->