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