Bug 10309 - New OPAC theme based on Bootstrap
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-advsearch.tt
1 [% USE Koha %]
2 [% INCLUDE 'doc-head-open.inc' %]
3 [% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %]
4     catalog › Advanced search
5 [% INCLUDE 'doc-head-close.inc' %]
6 [% BLOCK cssinclude %][% END %]
7 </head>
8 <body id="advsearch" class="scrollto">
9 [% INCLUDE 'masthead.inc' %]
10 <form action="/cgi-bin/koha/opac-search.pl" method="get">
11     <div class="main">
12         <ul class="breadcrumb">
13             <li><a href="/cgi-bin/koha/opac-main.pl">Home</a> <span class="divider">&rsaquo;</span></li>
14             <li><a href="#">Advanced search</a></li>
15         </ul>
16
17         <div class="container-fluid">
18             <div class="row-fluid">
19                 <div class="span12">
20                     <!-- BOOLEAN SEARCH OPTIONS -->
21                     <div id="booleansearch" class="maincontent">
22                         <fieldset>
23                             <legend>Search for:</legend>
24                             [% FOREACH search_box IN search_boxes_loop %]
25                                 <p>
26                                     [% IF ( expanded_options ) %]
27                                         [% IF ( search_box.boolean ) %]
28                                         <select class="span1" name="op">
29                                             <option value="and" selected="selected">and</option>
30                                             <option value="or">or</option>
31                                             <option value="not">not</option>
32                                         </select>
33                                         [% END %]
34                                     [% END %]
35                                     [% IF ( expanded_options ) %][% left_content %][% END %]
36                                     <select name="idx">
37                                         <option value="kw">Keyword</option>
38                                         <option value="su,wrdl">Subject</option>
39                                         [% IF ( expanded_options ) %]
40                                             <option value="su,phr">&nbsp;&nbsp;&nbsp;&nbsp; Subject phrase</option>
41                                             <option value="su-br">&nbsp;&nbsp;&nbsp;&nbsp; Subject and broader terms</option>
42                                             <option value="su-na">&nbsp;&nbsp;&nbsp;&nbsp; Subject and narrower terms</option>
43                                             <option value="su-rl">&nbsp;&nbsp;&nbsp;&nbsp; Subject and related terms</option>
44                                         [% END %]
45                                         <option value="ti">Title</option>
46                                         [% IF ( expanded_options ) %]
47                                             <option value="ti,phr">&nbsp;&nbsp;&nbsp;&nbsp; Title phrase</option>
48                                             <option value="se,wrdl">Series title</option>
49                                             [% IF ( numbersphr) %]
50                                                 <option value="callnum,phr">Call number</option>
51                                             [% ELSE %]
52                                                 <option value="callnum">Call number</option>
53                                             [% END %]
54                                             <option value="location">Shelving location</option>
55                                         [% END %]
56                                         <option value="au,wrdl">Author</option>
57                                         [% IF ( expanded_options ) %]
58                                             <option value="au,phr">&nbsp;&nbsp;&nbsp;&nbsp; Author phrase</option>
59                                             <option value="cpn,wrdl">&nbsp;&nbsp;&nbsp;&nbsp; Corporate name</option>
60                                             <option value="cfn,wrdl">&nbsp;&nbsp;&nbsp;&nbsp; Conference name</option>
61                                             <option value="cfn,phr">&nbsp;&nbsp;&nbsp;&nbsp; Conference name phrase</option>
62                                             <option value="pn,wrdl">&nbsp;&nbsp;&nbsp;&nbsp; Personal name</option>
63                                             <option value="pn,phr">&nbsp;&nbsp;&nbsp;&nbsp; Personal name phrase</option>
64                                         [% END %]
65                                         [% IF ( expanded_options ) %]
66                                             <option value="nt">Notes/Comments</option>
67                                             [% IF (marcflavour != 'UNIMARC') %]
68                                                 <option value="curriculum">Curriculum</option>
69                                             [% END %]
70                                         [% END %]
71                                         <option value="pb,wrdl">Publisher</option>
72                                         <option value="pl,wrdl">Publisher location</option>
73                                         [% IF ( expanded_options ) %]
74                                             [% IF ( numbersphr) %]
75                                                 <option value="sn,phr">Standard number</option>
76                                             [% ELSE %]
77                                                 <option value="sn">Standard number</option>
78                                             [% END %]
79                                             <option value="sn">Standard number</option>
80                                             <option value="nb">&nbsp;&nbsp;&nbsp;&nbsp; ISBN</option>
81                                             <option value="ns">&nbsp;&nbsp;&nbsp;&nbsp; ISSN</option>
82                                             [% IF ( numbersphr) %]
83                                                 <option value="lcn,phr">&nbsp;&nbsp;&nbsp;&nbsp; Call number</option>
84                                             [% ELSE %]
85                                                 <option value="lcn">&nbsp;&nbsp;&nbsp;&nbsp; Call number</option>
86                                             [% END %]
87                                         [% ELSE %]
88                                             <option value="nb">ISBN</option>
89                                         [% END %]
90                                         <option value="bc">Barcode</option>
91                                     </select>
92                                     <input type="text" size="30" name="q" title="Enter search terms" value="" />
93                                     [% IF ( expanded_options ) %]
94                                         [% IF ( !loop.first ) %]
95                                             <a class="ButtonPlus" name="ButtonPlus" title="Add another field" href="#">[+]</a>
96                                             <a class="ButtonLess" title="Remove field" href="#">[-]</a>
97                                         [% END %]
98                                     [% END %]
99                                 </p>
100                             [% END # FOREACH search_box %]
101                         </fieldset>
102                     </div> <!-- /BOOLEAN SEARCH OPTIONS -->
103                 </div> <!-- / .span12 -->
104             </div> <!-- / .row-fluid -->
105         </div> <!-- / .container-fluid -->
106     </div> <!-- / .main -->
107                     <div class="text-center">
108                         <!-- SEARCH BUTTONS -->
109                         [% PROCESS searchbuttons %]
110                         <!-- /SEARCH BUTTONS -->
111                     </div>
112
113     <div class="main">
114         <div class="container-fluid">
115             <div class="row-fluid">
116                 <div class="span12">
117                     <div id="advsearches" class="toptabs">
118                         <ul>
119                             [% FOREACH advsearchloo IN advancedsearchesloop %]
120                                 <li id="advsearch-tab-[% advsearchloo.advanced_search_type %]">
121                                 <a href="#advsearch-[% advsearchloo.advanced_search_type %]">
122                                [% IF ( advsearchloo.advanced_search_type == 'itemtypes' ) %]Item type
123                                [% ELSIF ( advsearchloo.advanced_search_type == 'ccode' ) %]Collection
124                                [% ELSIF ( advsearchloo.advanced_search_type == 'loc' ) %]Shelving location
125                                [% ELSE %]Something else
126                                [% END %]
127                                </a></li>
128                             [% END %]
129                         </ul>
130
131                         [% FOREACH advsearchloo IN advancedsearchesloop %]
132                             <div id="advsearch-[% advsearchloo.advanced_search_type %]" class="advsearch">
133                                 <fieldset>
134                                     <legend>Limit to any of the following:</legend>
135                                     <div class="row-fluid">
136                                         [% FOREACH itemtypeloo IN advsearchloo.code_loop %]
137                                             <div class="span3"><input type="checkbox" id="[% itemtypeloo.ccl FILTER remove(',') %]-[% itemtypeloo.number %]" name="limit" value="mc-[% itemtypeloo.ccl %]:[% itemtypeloo.code %]"/><label for="[% itemtypeloo.ccl FILTER remove(',') %]-[% itemtypeloo.number %]">[% UNLESS ( noItemTypeImages ) %][% IF ( itemtypeloo.imageurl ) %]<img src="[% itemtypeloo.imageurl %]" alt="[% itemtypeloo.description %]" />[% END %]&nbsp;[% END %]
138                                             [% itemtypeloo.description %]</label></div>
139                                             [% IF ( loop.last ) %]</div>[% ELSE %][% UNLESS ( loop.count % 4 ) %]</div><div class="row-fluid">[% END %][% END %]
140                                         [% END %]
141                                 </fieldset>
142                             </div> <!-- / #advsearch-[% advsearchloo.advanced_search_type %] -->
143                         [% END # / FOREACH advancedsearchesloop %]
144                     </div> <!-- / #advsearches -->
145                 </div>
146
147                 <div class="row-fluid">
148                     <div class="span3">
149                         <div id="pubrange">
150                             <!-- PUB RANGE OPTION -->
151                             <fieldset>
152                                 <legend>Publication date range</legend>
153                                 <label for="limit-yr">Date range:</label>
154                                 <input type="text" size="30" id="limit-yr" name="limit-yr" title="Enter search terms" value="" />
155                                 <p>For example:  1999-2001.  You could also use "-1987" for everything published in and before 1987 or "2008-" for everything published in 2008 and after.</p>
156                             </fieldset>
157                             <!-- /PUB RANGE OPTION -->
158                         </div>
159                     </div>
160
161                     <div class="span3">
162                         <div id="langfilter">
163                             <fieldset>
164                                 <legend>Language</legend>
165                                 <!-- LANGUAGE LIMIT -->
166                                 <p>
167                                     <label for="language-limit">Language: </label>
168                                     <select id="language-limit" name="limit">
169                                         <option value="">No limit</option>
170                                             [% FOREACH search_languages_loo IN search_languages_loop %]
171                                                 [% IF ( search_languages_loo.selected ) %]
172                                                     <option value="ln,rtrn:[% search_languages_loo.iso639_2_code %]" selected="selected">[% search_languages_loo.language_description %]</option>
173                                                 [% ELSE %]
174                                                     <option value="ln,rtrn:[% search_languages_loo.iso639_2_code %]">[% search_languages_loo.language_description %]</option>
175                                                 [% END %]
176                                             [% END %]
177                                     </select>
178                                 </p>
179                                 <!-- /LANGUAGE LIMIT -->
180                             </fieldset>
181                         </div> <!-- / #langfilter -->
182                     </div> <!-- / .span3 -->
183
184                     [% UNLESS ( singleBranchMode ) %]
185                         <div class="span3">
186                             <!-- AVAILABILITY LIMITS -->
187                             <div id="location">
188                                 <fieldset>
189                                     <legend>Location and availability: </legend>
190                                     <label for="branchloop">Library:</label>
191                                     <select name="limit" id="branchloop">
192                                     <option value="">All libraries</option>
193                                     [% FOREACH BranchesLoo IN BranchesLoop %]
194                                         [% IF ( BranchesLoo.selected ) %]
195                                             <option value="branch:[% BranchesLoo.value %]" selected="selected">[% BranchesLoo.branchname %]</option>
196                                         [% ELSE %]
197                                             <option value="branch:[% BranchesLoo.value %]">[% BranchesLoo.branchname %]</option>
198                                         [% END %]
199                                     [% END %]
200                                     </select>
201                                     [% IF ( searchdomainloop ) %]
202                                         <p>OR</p>
203                                         <label for="categoryloop">Groups of libraries</label>
204                                         <select name="multibranchlimit" id="categoryloop">
205                                             <option value=""> -- none -- </option>
206                                             [% FOREACH searchdomainloo IN searchdomainloop %]
207                                                 <option value="[% searchdomainloo.categorycode %]">[% searchdomainloo.categoryname %]</option>
208                                             [% END %]
209                                         </select>
210                                     [% END %]
211                                     <div style="margin-top:.4em">
212                                         <label for="available-items"><input type="checkbox" id="available-items" name="limit" value="available" /> Only items currently available for loan or reference</label>
213                                     </div>
214                                 </fieldset>
215                             </div> <!-- / #location -->
216                             <!-- /AVAILABILITY LIMITS -->
217                         </div> <!-- / .span3 -->
218                     [% END # / UNLESS singleBranchMode %]
219
220                     <div class="span3">
221                     <!-- RANK LIMITS -->
222                         <div id="sortby">
223                             <fieldset>
224                                 <legend>Sorting: </legend>
225                                 <label for="sort_by">Sort by:</label>
226                                 <select id="sort_by" name="sort_by">
227                                     [% INCLUDE 'resort_form.inc' %]
228                                 </select>
229                             </fieldset>
230                         </div>
231                     <!-- RANK LIMITS -->
232                     </div> <!-- / .span3 -->
233                 </div> <!-- / .row-fluid -->
234
235                 [% IF ( expanded_options ) %]
236                     <div class="row-fluid">
237                         [% IF ( usmarc ) %]
238                             <!-- SUBTYPE LIMITS -->
239                                 <div id="subtypes">
240                                     <div class="span3">
241                                         <fieldset>
242                                             <legend>Audience</legend>
243                                             <select name="limit" class="subtype">
244                                             <option value="" selected="selected" class="menuheader">Any audience</option>
245                                                 <option value="aud:a">Preschool</option>
246                                                 <option value="aud:b">Primary</option>
247                                                 <option value="aud:c">Pre-adolescent</option>
248                                                 <option value="aud:d">Adolescent</option>
249                                                 <option value="aud:e">Adult</option>
250                                                 <option value="aud:f">Specialized</option>
251                                                 <option value="aud:g">General</option>
252                                                 <option value="aud:j">Juvenile</option>
253                                             </select>
254                                         </fieldset>
255                                     </div> <!-- / .span3 -->
256
257                                     <div class="span3">
258                                         <fieldset>
259                                             <legend>Content</legend>
260                                             <select name="limit" class="subtype">
261                                                 <option value="" selected="selected" class="menuheader">Any content</option>
262                                                 <option value="fic:1">Fiction</option>
263                                                 <option value="fic:0">Non fiction</option>
264                                                 <option value="bio:b">Biography</option>
265                                                 <option value="mus:j">Musical recording</option>
266                                                 <option value="mus:i">Non-musical recording</option>
267                                             </select>
268                                         </fieldset>
269                                     </div>
270
271                                     <div class="span3">
272                                         <fieldset>
273                                             <legend>Format</legend>
274                                             <select name="limit" class="subtype">
275                                                 <option value="" selected="selected" class="menuheader">Any format</option>
276                                                 <option value="l-format:ta">Regular print</option>
277                                                 <option value="l-format:tb">Large print</option>
278                                                 <option value="l-format:fk">Braille</option>
279                                                 <option value="">-----------</option>
280                                                 <option value="l-format:sd">CD audio</option>
281                                                 <option value="l-format:ss">Cassette recording</option>
282                                                 <option value="l-format:vf">VHS tape / Videocassette</option>
283                                                 <option value="l-format:vd">DVD video / Videodisc</option>
284                                                 <option value="l-format:co">CD software</option>
285                                                 <option value="l-format:cr">Website</option>
286                                             </select>
287                                         </fieldset>
288                                     </div> <!-- / .span3 -->
289
290                                     <div class="span3">
291                                         <fieldset>
292                                             <legend>Additional content types for books/printed materials</legend>
293                                             <select name="limit" class="subtype">
294                                                 <option value="">Any</option>
295                                                 <option value="ctype:a">Abstracts/summaries</option>
296                                                 <option value="ctype:b">Bibliographies</option>
297                                                 <option value="ctype:c">Catalogs</option>
298                                                 <option value="ctype:d">Dictionaries</option>
299                                                 <option value="ctype:e">Encyclopedias </option>
300                                                 <option value="ctype:f">Handbooks</option>
301                                                 <option value="ctype:g">Legal articles</option>
302                                                 <option value="ctype:i">Indexes</option>
303                                                 <option value="ctype:j">Patent document</option>
304                                                 <option value="ctype:k">Discographies</option>
305                                                 <option value="ctype:l">Legislation</option>
306                                                 <option value="ctype:m">Theses</option>
307                                                 <option value="ctype:n">Surveys</option>
308                                                 <option value="ctype:o">Reviews</option>
309                                                 <option value="ctype:p">Programmed texts</option>
310                                                 <option value="ctype:q">Filmographies</option>
311                                                 <option value="ctype:r">Directories</option>
312                                                 <option value="ctype:s">Statistics</option>
313                                                 <option value="ctype:t">Technical reports</option>
314                                                 <option value="ctype:v">Legal cases and case notes</option>
315                                                 <option value="ctype:w">Law reports and digests</option>
316                                                 <option value="ctype:z">Treaties </option>
317                                             </select>
318                                         </fieldset>
319                                     </div> <!-- / .span3 -->
320                                 </div> <!-- / #subtypes -->
321                             [% END # / IF usmarc %]
322
323                             [% IF ( UNIMARC ) %]
324                                 <div id="subtypes_unimarc">
325                                     <!-- SUBTYPE LIMITS -->
326                                     [% INCLUDE 'subtypes_unimarc.inc' %]
327                                 </div>
328                             [% END %]
329                         </div> <!-- / .span4 -->
330                     </div> <!-- / .row-fluid -->
331                 [% END # / IF expanded_options %]
332
333                     </div> <!-- /BOOLEAN SEARCH OPTIONS -->
334                 </div> <!-- / .span12 -->
335             </div> <!-- / .row-fluid -->
336         </div> <!-- / .container-fluid -->
337     </div> <!-- / .main -->
338
339         <div class="container-fluid">
340             <div class="row-fluid">
341                 <div class="span12">
342                     <div class="text-center">
343                         <!-- SEARCH BUTTONS -->
344                         [% PROCESS searchbuttons %]
345                         <!-- /SEARCH BUTTONS -->
346                     </div>
347                 </form>
348             </div> <!-- / .span12 -->
349             </div> <!-- / .row-fluid -->
350         </div> <!-- / .container-fluid -->
351
352 </form>
353
354 [% INCLUDE 'opac-bottom.inc' %]
355 [% BLOCK searchbuttons %]
356     <p>
357         <input class="btn btn-success" type="submit" accesskey="s" name="do" title="Search" value="Search" />
358         [% IF ( expanded_options ) %]
359             <a href="/cgi-bin/koha/opac-search.pl?expanded_options=0">[Fewer options]</a>
360         [% ELSE %]
361             <a href="/cgi-bin/koha/opac-search.pl?expanded_options=1">[More options]</a>
362         [% END %]
363         <a href="/cgi-bin/koha/opac-search.pl?do=Clear">[New search]</a>
364     </p>
365 [% END %]
366
367 [% BLOCK jsinclude %]
368 <script type="text/javascript">//<![CDATA[
369     $(document).ready(function() {
370         $('#advsearches').tabs();
371     });
372     /* This function allows to display a new field to search.
373     */
374     $(document).on("click", '.ButtonPlus', function(e) {
375         e.preventDefault();
376         $('.ButtonLess').show();
377         var thisLine = $(this).parent();
378         var newLine = thisLine.clone();
379         newLine.find('input').val('');
380         thisLine.after(newLine);
381     });
382
383     $(document).on("click", '.ButtonLess', function(e) {
384         e.preventDefault();
385         if($(this).parent().siblings().length <= 3 ) {
386            $('.ButtonLess').hide();
387         }
388         $(this).parent().remove();
389     });
390     //]]>
391 </script>
392 [% END %]