Bug 30570: Replace the use of jQueryUI tabs in OPAC templates
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-advsearch.tt
1 [% USE raw %]
2 [% USE Asset %]
3 [% USE Koha %]
4 [% USE Branches %]
5 [% INCLUDE 'doc-head-open.inc' %]
6 <title>Advanced search &rsaquo; [% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>
7 [% INCLUDE 'doc-head-close.inc' %]
8 [% BLOCK cssinclude %][% END %]
9 </head>
10 [% INCLUDE 'bodytag.inc' bodyid='advsearch' bodyclass='scrollto' %]
11 [% INCLUDE 'masthead.inc' %]
12 <form id="advsearch_form" action="/cgi-bin/koha/opac-search.pl" method="get">
13     <input type="hidden" name="advsearch" value="1"/>
14     <div class="main">
15         <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
16             <ol class="breadcrumb">
17                 <li class="breadcrumb-item">
18                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
19                 </li>
20                 <li class="breadcrumb-item active">
21                     <a href="#" aria-current="page">Advanced search</a>
22                 </li>
23             </ol>
24         </nav> <!-- /#breadcrumbs -->
25
26         <div class="container-fluid">
27             <div class="row">
28                 <div class="col order-first order-md-first order-lg-2">
29                     <!-- BOOLEAN SEARCH OPTIONS -->
30                     <div id="booleansearch" class="maincontent">
31                         <h1>Advanced search</h1>
32                         <fieldset>
33                             <legend>Search for:</legend>
34                             [% IF ( expanded_options ) %]
35                                 <div class="advanced-search-terms extended">
36                             [% ELSE %]
37                                 <div class="advanced-search-terms">
38                             [% END # /IF ( expanded_options ) %]
39                                 [% FOREACH search_box IN [ 1, 2, 3] %]
40                                     <div class="search-term-row">
41                                         <div class="search-term-input">
42                                             [% IF ( expanded_options ) %]
43                                                     <select name="op" class="form-control">
44                                                         <option value="AND" selected="selected">and</option>
45                                                         <option value="OR">or</option>
46                                                         <option value="NOT">not</option>
47                                                     </select>
48                                             [% ELSE %]
49                                                 <label for="search-field_[% loop.index | html %]">
50                                                     [% IF loop.index == 0 %]
51                                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
52                                                     [% ELSE %]
53                                                         and
54                                                     [% END %]
55                                                 </label>
56                                             [% END # /IF ( expanded_options ) %]
57                                         </div> <!-- .search-term-input -->
58
59                                         <div class="search-term-input">
60                                             <select class="form-control" name="idx" id="search-field_[% loop.index | html %]">
61                                                 <option value="kw">Keyword</option>
62                                                 [% IF ( expanded_options ) %]
63                                                     <option value="kw,phr">&nbsp;&nbsp;&nbsp;&nbsp; Keyword phrase</option>
64                                                 [% END %]
65                                                 <option value="su,wrdl">Subject</option>
66                                                 [% IF ( expanded_options ) %]
67                                                     <option value="su,phr">&nbsp;&nbsp;&nbsp;&nbsp; Subject phrase</option>
68                                                     <option value="su-br">&nbsp;&nbsp;&nbsp;&nbsp; Subject and broader terms</option>
69                                                     <option value="su-na">&nbsp;&nbsp;&nbsp;&nbsp; Subject and narrower terms</option>
70                                                     <option value="su-rl">&nbsp;&nbsp;&nbsp;&nbsp; Subject and related terms</option>
71                                                 [% END %]
72                                                 <option value="ti">Title</option>
73                                                 [% IF ( expanded_options ) %]
74                                                     <option value="ti,phr">&nbsp;&nbsp;&nbsp;&nbsp; Title phrase</option>
75                                                     <option value="se,wrdl">Series title</option>
76                                                     [% IF ( Koha.Preference('OPACNumbersPreferPhrase') ) %]
77                                                         <option value="callnum,phr">Call number</option>
78                                                     [% ELSE %]
79                                                         <option value="callnum">Call number</option>
80                                                     [% END %]
81
82                                                 [% END %]
83                                                 <option value="au,wrdl">Author</option>
84                                                 [% IF ( expanded_options ) %]
85                                                     <option value="au,phr">&nbsp;&nbsp;&nbsp;&nbsp; Author phrase</option>
86                                                     <option value="cpn,wrdl">&nbsp;&nbsp;&nbsp;&nbsp; Corporate name</option>
87                                                     <option value="cfn,wrdl">&nbsp;&nbsp;&nbsp;&nbsp; Conference name</option>
88                                                     <option value="cfn,phr">&nbsp;&nbsp;&nbsp;&nbsp; Conference name phrase</option>
89                                                     <option value="pn,wrdl">&nbsp;&nbsp;&nbsp;&nbsp; Personal name</option>
90                                                     <option value="pn,phr">&nbsp;&nbsp;&nbsp;&nbsp; Personal name phrase</option>
91                                                 [% END %]
92                                                 [% IF ( expanded_options ) %]
93                                                     <option value="nt">Notes/Comments</option>
94                                                     [% IF (marcflavour != 'UNIMARC') %]
95                                                         <option value="curriculum">Curriculum</option>
96                                                     [% END %]
97                                                 [% END %]
98                                                 <option value="pb,wrdl">Publisher</option>
99                                                 <option value="pl,wrdl">Publisher location</option>
100                                                 [% IF ( expanded_options ) %]
101                                                     [% IF ( Koha.Preference('OPACNumbersPreferPhrase') ) %]
102                                                         <option value="ident,phr">Standard number</option>
103                                                     [% ELSE %]
104                                                         <option value="ident">Standard number</option>
105                                                     [% END %]
106                                                     <option value="nb">&nbsp;&nbsp;&nbsp;&nbsp; ISBN</option>
107                                                     <option value="ns">&nbsp;&nbsp;&nbsp;&nbsp; ISSN</option>
108                                                 [% ELSE %]
109                                                     <option value="nb">ISBN</option>
110                                                 [% END %]
111                                                 <option value="bc">Barcode</option>
112                                             </select> <!-- /#search-field_[% loop.index | html %] -->
113                                         </div> <!-- .search-term-input -->
114                                         <div class="search-term-input">
115                                             <input class="form-control" type="text" size="" name="q" title="Enter search terms" value="" />
116                                         </div> <!-- .search-term-input -->
117                                         [% IF ( expanded_options ) %]
118                                             <div class="search-term-input">
119                                                     <a class="ButtonPlus" title="Add another field" href="#">
120                                                         <i class="fa fa-plus-square" aria-hidden="true"></i>
121                                                     </a>
122                                                     <a class="ButtonLess" title="Remove field" href="#">
123                                                         <i class="fa fa-minus-square" aria-hidden="true"></i>
124                                                     </a>
125                                             </div> <!-- .search-term-input -->
126                                         [% END %]
127                                     </div> <!-- /.search-term-row -->
128                                 [% END # FOREACH search_box %]
129                                 [% IF ( expanded_options ) %]
130                                     [% IF Koha.Preference('SearchEngine') == 'Elasticsearch' %]
131                                         <div id="weight_search">
132                                             <label>
133                                                 <input type="checkbox" name="weight_search" checked="checked">
134                                                 Apply field weights to search
135                                             </label>
136                                         </div>
137                                     [% END %]
138                                 [% ELSE %]
139                                     <input type="hidden" name="weight_search" value="1" />
140                                 [% END %]
141                             </div> <!-- /.search-terms -->
142                         </fieldset>
143                     </div> <!-- /#booleansearch -->
144                 </div> <!-- / .col -->
145             </div> <!-- / .row -->
146
147             <div class="text-center">
148                 <!-- SEARCH BUTTONS -->
149                 <fieldset class="action">
150                     [% PROCESS searchbuttons %]
151                 </fieldset>
152                 <!-- /SEARCH BUTTONS -->
153             </div>
154
155             <div class="row">
156                 [%# Following on one line for translatability %]
157                 [% IF ( ( OpacAdvSearchOptions and OpacAdvSearchOptions.grep('itemtype').size > 0 and not expanded_options ) or ( OpacAdvSearchMoreOptions and OpacAdvSearchMoreOptions.grep('itemtype').size > 0 and expanded_options ) ) %]
158                     <div class="col order-first order-md-first order-lg-2">
159                         <div id="advsearches" class="toptabs">
160                             <ul class="nav nav-tabs" role="tablist">
161                                 [% FOREACH advsearchloo IN advancedsearchesloop %]
162                                     <li class="nav-item" role="presentation" id="advsearch-tab-[% advsearchloo.advanced_search_type | html %]">
163                                         <a href="#advsearch-[% advsearchloo.advanced_search_type | uri %]" class="nav-link" aria-controls="advsearch-[% advsearchloo.advanced_search_type | html %]" aria-selected="false" role="tab" data-toggle="tab">
164                                             [% IF ( advsearchloo.advanced_search_type == 'itemtypes' ) %]<span>Item type</span>
165                                             [% ELSIF ( advsearchloo.advanced_search_type == 'ccode' ) %]<span>Collection</span>
166                                             [% ELSIF ( advsearchloo.advanced_search_type == 'loc' ) %]<span>Shelving location</span>
167                                             [% ELSE %]<span>Something else</span>
168                                             [% END %]
169                                         </a>
170                                     </li>
171                                 [% END %]
172                             </ul>
173                             <div class="tab-content">
174                                 [% FOREACH advsearchloo IN advancedsearchesloop %]
175                                     <div role="tabpanel" class="tab-pane" id="advsearch-[% advsearchloo.advanced_search_type | html %]" class="advsearch" aria-labelledby="advsearch-tab-[% advsearchloo.advanced_search_type | html %]">
176                                         <fieldset>
177                                             <legend>Limit to any of the following:</legend>
178                                             <div class="row">
179                                                 [% FOREACH itemtypeloo IN advsearchloo.code_loop %]
180                                                     [% IF (advsearchloo.advanced_search_type != 'itemtypes') OR (((!itemtypeloo.searchcategory) AND (itemtypeloo.cat == 0)) OR (itemtypeloo.cat == 1)) %]
181                                                         <div class="col-sm-6 col-lg-3">
182                                                             <input type="checkbox"
183                                                                 id="[% itemtypeloo.ccl FILTER remove(',') | html %]-[% itemtypeloo.number | html %]"
184                                                                 name="[% IF ( itemtypeloo.cat == 1 ) %]searchcat[% ELSE %]limit[% END %]"
185                                                                 value="[% IF ( itemtypeloo.cat == 1 ) %][% itemtypeloo.code | html %][% ELSE %]mc-[% itemtypeloo.ccl | html %]:[% itemtypeloo.code | html %][% END %]"
186                                                             />
187                                                             <label for="[% itemtypeloo.ccl FILTER remove(',') | html %]-[% itemtypeloo.number | html %]">
188                                                                 [% UNLESS ( Koha.Preference('OpacNoItemTypeImages')) %]
189                                                                     [% IF ( itemtypeloo.imageurl ) %]
190                                                                         <img src="[% itemtypeloo.imageurl | html %]" alt="[% itemtypeloo.description | html %]" />
191                                                                     [% END %]
192                                                                     &nbsp;
193                                                                 [% END %]
194                                                                 [% itemtypeloo.description | html %]
195                                                             </label>
196                                                         </div>
197                                                     [% IF ( loop.last ) %]</div>[% ELSE %][% UNLESS ( loop.count % 4 ) %]</div><div class="row">[% END %][% END %]
198                                                     [% END %]
199                                                 [% END %]
200                                         </fieldset>
201                                     </div> <!-- / #advsearch-[% advsearchloo.advanced_search_type | html %] -->
202                                 [% END # / FOREACH advancedsearchesloop %]
203                             </div> <!-- /.tab-content -->
204                         </div> <!-- / #advsearches -->
205                     </div> <!-- / .col -->
206                 [% END # /IF OpacAdvSearchOptions %]
207             </div>
208
209             <div id="advsearch_limits" class="row">
210
211                 [%# Following on one line for translatability %]
212                 [% IF ( ( OpacAdvSearchOptions and OpacAdvSearchOptions.grep('location').size > 0 and not expanded_options ) or ( OpacAdvSearchMoreOptions and OpacAdvSearchMoreOptions.grep('location').size > 0 and expanded_options ) ) %]
213                     [% IF ( singleBranchMode ) %]
214                         <div class="col-sm-6 col-lg-3">
215                             <!-- AVAILABILITY LIMITS -->
216                             <div id="location" class="advsearch_limit">
217                                 <fieldset>
218                                     <legend>Availability: </legend>
219                                     <div style="margin-top:.4em">
220                                         <label for="available-items"><input type="checkbox" id="available-items" name="limit" value="available" /> Only items currently available for loan or reference</label>
221                                     </div>
222                                 </fieldset>
223                             </div> <!-- / #location -->
224                             <!-- /AVAILABILITY LIMITS -->
225                         </div> <!-- / .col -->
226                     [% ELSE %]
227                         <div class="col-sm-6 col-lg-3">
228                             <!-- AVAILABILITY LIMITS -->
229                             <div id="location" class="advsearch_limit">
230                                 <fieldset>
231                                     <label for="branchloop">Location and availability:</label>
232                                     <select name="limit" id="branchloop">
233                                     <option value="">All libraries</option>
234                                     [% FOREACH BranchesLoo IN Branches.all( selected => opac_name ) %]
235                                         [% IF BranchesLoo.selected %]
236                                             <option value="branch:[% BranchesLoo.branchcode | html %]" selected="selected">[% BranchesLoo.branchname | html %]</option>
237                                         [% ELSE %]
238                                             <option value="branch:[% BranchesLoo.branchcode | html %]">[% BranchesLoo.branchname | html %]</option>
239                                         [% END %]
240                                     [% END %]
241                                     </select>
242                                     [% IF search_groups %]
243                                         <p>OR</p>
244                                         <label for="categoryloop">Groups of libraries</label>
245                                         <select name="limit" id="categoryloop">
246                                             <option value=""> -- none -- </option>
247                                             [% FOREACH sg IN search_groups %]
248                                                 <option value="multibranchlimit:[% sg.id | html %]">[% sg.title | html %]</option>
249                                             [% END %]
250                                         </select>
251                                     [% END %]
252                                     <div style="margin-top:.4em">
253                                         <label for="available-items"><input type="checkbox" id="available-items" name="limit" value="available" /> Only items currently available for loan or reference</label>
254                                     </div>
255                                 </fieldset>
256                             </div> <!-- / #location -->
257                             <!-- /AVAILABILITY LIMITS -->
258                         </div> <!-- / .col -->
259                     [% END # / IF singleBranchMode %]
260                 [% END %]
261
262                 [%# Following on one line for translatability %]
263                 [% IF ( ( OpacAdvSearchOptions and OpacAdvSearchOptions.grep('sorting').size > 0 and not expanded_options ) or ( OpacAdvSearchMoreOptions and OpacAdvSearchMoreOptions.grep('sorting').size > 0 and expanded_options ) ) %]
264                     <div class="col-sm-6 col-lg-3">
265                         <!-- RANK LIMITS -->
266                         <div id="sortby" class="advsearch_limit">
267                             <fieldset>
268                                 <label for="sort_by">Sort by:</label>
269                                 <select id="sort_by" name="sort_by">
270                                     [% INCLUDE 'resort_form.inc' %]
271                                 </select>
272                             </fieldset>
273                         </div>
274                         <!-- RANK LIMITS -->
275                     </div> <!-- / .col -->
276                 [% END %]
277
278                 [%# Following on one line for translatability %]
279                 [% IF ( ( OpacAdvSearchOptions and OpacAdvSearchOptions.grep('pubdate').size > 0 and not expanded_options ) or ( OpacAdvSearchMoreOptions and OpacAdvSearchMoreOptions.grep('pubdate').size > 0 and expanded_options ) ) %]
280                     <div class="col-sm-6 col-lg-3">
281                         <div id="pubrange" class="advsearch_limit">
282                             <!-- PUB RANGE OPTION -->
283                             <fieldset>
284                                 <label for="limit-yr">Publication date range</label>
285                                 <input type="text" size="30" id="limit-yr" name="limit-yr" title="Enter search terms" value="" />
286                                 <div class="hint">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.</div>
287                             </fieldset>
288                             <!-- /PUB RANGE OPTION -->
289                         </div>
290                     </div>
291                 [% END %]
292
293                 [%# Following on one line for translatability %]
294                 [% IF ( ( OpacAdvSearchOptions and OpacAdvSearchOptions.grep('language').size > 0 and not expanded_options ) or ( OpacAdvSearchMoreOptions and OpacAdvSearchMoreOptions.grep('language').size > 0 and expanded_options ) ) %]
295                     <div class="col-sm-6 col-lg-3">
296                         <div id="langfilter" class="advsearch_limit">
297                             <fieldset>
298                                 <!-- LANGUAGE LIMIT -->
299                                 <label for="language-limit">Language</label>
300                                 <select id="language-limit" name="limit">
301                                     <option value="">No limit</option>
302                                     [% FOREACH search_languages_loo IN search_languages_loop %]
303                                         [% IF ( search_languages_loo.selected ) %]
304                                             <option value="ln,rtrn:[% search_languages_loo.iso639_2_code | html %]" selected="selected">[% search_languages_loo.language_description | html %]</option>
305                                         [% ELSE %]
306                                             <option value="ln,rtrn:[% search_languages_loo.iso639_2_code | html %]">[% search_languages_loo.language_description | html %]</option>
307                                         [% END %]
308                                     [% END %]
309                                 </select>
310                                 <!-- /LANGUAGE LIMIT -->
311                             </fieldset>
312                         </div> <!-- / #langfilter -->
313                     </div> <!-- / .col -->
314                 [% END %]
315             </div> <!-- / .row -->
316
317             [%# Following on one line for translatability %]
318             [% IF ( ( OpacAdvSearchOptions and OpacAdvSearchOptions.grep('subtype').size > 0 and not expanded_options ) or ( OpacAdvSearchMoreOptions and OpacAdvSearchMoreOptions.grep('subtype').size > 0 and expanded_options ) ) %]
319                 [% IF ( usmarc ) %]
320                     <div id="subtypes" class="row">
321                         <!-- SUBTYPE LIMITS -->
322                         <div class="col-sm-6 col-lg-3">
323                             <div class="advsearch_limit">
324                                 <fieldset>
325                                     <label for="subtype_audience">Audience</label>
326                                     <select id="subtype_audience" name="limit" class="subtype">
327                                         <option value="" selected="selected" class="menuheader">Any audience</option>
328                                         <option value="aud:a">Preschool</option>
329                                         <option value="aud:b">Primary</option>
330                                         <option value="aud:c">Pre-adolescent</option>
331                                         <option value="aud:d">Adolescent</option>
332                                         <option value="aud:e">Adult</option>
333                                         <option value="aud:f">Specialized</option>
334                                         <option value="aud:g">General</option>
335                                         <option value="aud:j">Juvenile</option>
336                                     </select>
337                                 </fieldset>
338                             </div> <!-- /.advsearch_limit -->
339                         </div> <!-- / .col-sm-6 col-lg-3 -->
340
341                         <div class="col-sm-6 col-lg-3">
342                             <div class="advsearch_limit">
343                                 <fieldset>
344                                     <label for="subtype_content">Content</label>
345                                     <select id="subtype_content"  name="limit" class="subtype">
346                                         <option value="" selected="selected" class="menuheader">Any content</option>
347                                         <option value="fic:1">Fiction</option>
348                                         <option value="fic:0">Non-fiction</option>
349                                         <option value="bio:b">Biography</option>
350                                         <option value="mus:j">Musical recording</option>
351                                         <option value="mus:i">Non-musical recording</option>
352                                     </select>
353                                 </fieldset>
354                             </div> <!-- /.advsearch_limit -->
355                         </div>
356
357                         <div class="col-sm-6 col-lg-3">
358                             <div class="advsearch_limit">
359                                 <fieldset>
360                                     <label for="subtype_format">Format</label>
361                                     <select id="subtype_format" name="limit" class="subtype">
362                                         <option value="" selected="selected" class="menuheader">Any format</option>
363                                         <option value="l-format:ta">Regular print</option>
364                                         <option value="l-format:tb">Large print</option>
365                                         <option value="l-format:tc or l-format:fb">Braille</option>
366                                         <option value="">-----------</option>
367                                         <option value="l-format:sd">CD audio</option>
368                                         <option value="l-format:ss">Cassette recording</option>
369                                         <option value="l-format:vf">VHS tape / Videocassette</option>
370                                         <option value="l-format:vd">DVD video / Videodisc</option>
371                                         <option value="l-format:co">CD software</option>
372                                         <option value="l-format:cr">Website</option>
373                                     </select>
374                                 </fieldset>
375                             </div> <!-- /.advsearch_limit -->
376                         </div> <!-- / .col-sm-6 col-lg-3 -->
377
378                         <div class="col-sm-6 col-lg-3">
379                             <div class="advsearch_limit">
380                                 <fieldset>
381                                     <label for="subtype_additional">Additional content types for books/printed materials</label>
382                                     <select id="subtype_additional" name="limit" class="subtype">
383                                         <option value="">Any</option>
384                                         <option value="ctype:a">Abstracts/summaries</option>
385                                         <option value="ctype:b">Bibliographies</option>
386                                         <option value="ctype:c">Catalogs</option>
387                                         <option value="ctype:d">Dictionaries</option>
388                                         <option value="ctype:e">Encyclopedias </option>
389                                         <option value="ctype:f">Handbooks</option>
390                                         <option value="ctype:g">Legal articles</option>
391                                         <option value="ctype:i">Indexes</option>
392                                         <option value="ctype:j">Patent document</option>
393                                         <option value="ctype:k">Discographies</option>
394                                         <option value="ctype:l">Legislation</option>
395                                         <option value="ctype:m">Theses</option>
396                                         <option value="ctype:n">Surveys</option>
397                                         <option value="ctype:o">Reviews</option>
398                                         <option value="ctype:p">Programmed texts</option>
399                                         <option value="ctype:q">Filmographies</option>
400                                         <option value="ctype:r">Directories</option>
401                                         <option value="ctype:s">Statistics</option>
402                                         <option value="ctype:t">Technical reports</option>
403                                         <option value="ctype:v">Legal cases and case notes</option>
404                                         <option value="ctype:w">Law reports and digests</option>
405                                         <option value="ctype:z">Treaties </option>
406                                     </select>
407                                 </fieldset>
408                             </div> <!-- /.advsearch_limit -->
409                         </div> <!-- / .col-sm-6 col-lg-3 -->
410                     </div> <!-- / #subtypes.row -->
411                     <!-- SUBTYPE LIMITS -->
412                 [% END # / IF usmarc %]
413
414                 [% IF ( UNIMARC ) %]
415                     <div id="subtypes_unimarc" class="row">
416                         <!-- SUBTYPE LIMITS -->
417                         [% INCLUDE 'subtypes_unimarc.inc' %]
418                     </div>
419                 [% END %]
420             [% END # / IF expanded_options %]
421
422             [% IF ( OpacAdvSearchMoreOptions and OpacAdvSearchMoreOptions.size > 0 and expanded_options ) or ( OpacAdvSearchOptions and OpacAdvSearchOptions.size > 0 and not expanded_options ) %]
423                 <div class="text-center">
424                     <fieldset class="action">
425                         <!-- SEARCH BUTTONS -->
426                         [% PROCESS searchbuttons %]
427                         <!-- /SEARCH BUTTONS -->
428                     </fieldset>
429                 </div>
430             [% END %]
431         </div> <!-- / .container-fluid -->
432    </div> <!-- / .main -->
433 </form>
434
435 [% INCLUDE 'opac-bottom.inc' %]
436 [% BLOCK searchbuttons %]
437     <p>
438         <input class="btn btn-primary" type="submit" accesskey="s" name="do" title="Search" value="Search" />
439
440         [% IF ( OpacAdvSearchMoreOptions and OpacAdvSearchMoreOptions.size > 0 ) %]
441             [% IF expanded_options %]
442                 <a href="/cgi-bin/koha/opac-search.pl?expanded_options=0" class="btn btn-default more-less-options">Fewer options</a>
443             [% ELSIF not expanded_options %]
444                 <a href="/cgi-bin/koha/opac-search.pl?expanded_options=1" class="btn btn-default more-less-options">More options</a>
445             [% END %]
446         [% END %]
447
448         <a href="/cgi-bin/koha/opac-search.pl?do=Clear" class="btn btn-default new-search">New search</a>
449     </p>
450 [% END %]
451
452 [% BLOCK jsinclude %]
453 [% Asset.js("lib/jquery/plugins/jquery.deserialize.min.js") | $raw %]
454 <script>
455 $(document).ready(function() {
456     [% IF search_groups %]
457         function branch_limit() {
458             if( $("#branchloop").val() != "" ){
459                 $("#categoryloop").val("").prop('disabled',true);
460             } else {
461                 $("#categoryloop").prop('disabled',false);
462             }
463             if ( $("#categoryloop").val() != "" ){
464                 $("#branchloop").val("").prop('disabled',true);
465             } else {
466                 $("#branchloop").prop('disabled',false);
467             }
468         }
469         branch_limit();
470         $("#branchloop,#categoryloop").on("change",function(){
471             branch_limit();
472         });
473     [% END %]
474
475     if( $("#advsearches .tab-pane.active").length < 1 ){
476         $("#advsearches a:first").tab("show");
477     }
478
479     $('.search-term-row .search-term-input select[name="op"]').first().prop("disabled",true).hide();
480
481     [% IF ( ReturnToSearch ) %]
482         if (form_serialized = JSON.parse( Cookies.get("form_serialized") ) ) {
483             // Add missing term inputs if there were more than 3
484             var count = (form_serialized.match(/&q=/g) || []).length;
485             for(var i = 3 ; i < count ; i++) {
486                 $("a.ButtonPlus:last").click();
487             }
488             $('#advsearch form').deserialize(form_serialized);
489         }
490         if (form_serialized_limits = JSON.parse( Cookies.get("form_serialized_limits") ) ) {
491             $('#language-limit')     .val(form_serialized_limits[0]);
492             $('#branchloop')         .val(form_serialized_limits[1]);
493             $('#subtype_audience')   .val(form_serialized_limits[2]);
494             $('#subtype_content')    .val(form_serialized_limits[3]);
495             $('#subtype_format')     .val(form_serialized_limits[4]);
496             $('#subtype_additional') .val(form_serialized_limits[5]);
497             $('#locloop')            .val(form_serialized_limits[6]);
498         }
499     [% ELSE %]
500         //Clear all form cookies
501         Cookies.remove("form_serialized", { path: '/'});
502         Cookies.remove("form_serialized_limits", { path: '/'});
503         Cookies.remove("search_path_code", { path: '/'});
504     [% END %]
505     $('#advsearch_form').submit(function() {
506         $('[name^="limit"]').each(function(){
507             if( $(this).val() == '' ){
508                 $(this).prop("disabled","disabled");
509             }
510         });
511         $(".search-term-row").each(function(){
512             if( $(this).find('input[name="q"]').val() == "" ){
513                 $(this).find('input[name="q"]').prop("disabled","disabled");
514                 $(this).find('select[name="op"]').prop("disabled","disabled");
515                 $(this).find('select[name="idx"]').prop("disabled","disabled");
516             }
517         });
518         form_serialized = $(this).serialize();
519         Cookies.set("form_serialized", JSON.stringify( form_serialized ), { path: '/', sameSite: 'Lax' });
520         form_serialized_limits = [
521             $('#language-limit').val(),   $('#branchloop').val(),
522             $('#subtype_audience').val(), $('#subtype_content').val(),
523             $('#subtype_format').val(),   $('#subtype_additional').val(),
524             $('#locloop').val()
525         ];
526         Cookies.set("form_serialized_limits", JSON.stringify( form_serialized_limits ),{ path: '/', sameSite: 'Lax' });
527         [% IF ( expanded_options ) %]
528             Cookies.set("search_path_code", 'exs', { path: '/', sameSite: 'Lax' });
529         [% ELSE %]
530             Cookies.set("search_path_code", 'ads', { path: '/', sameSite: 'Lax' });
531         [% END %]
532     });
533
534 });
535     /* This function allows to display a new field to search.
536     */
537     $(document).on("click", '.ButtonPlus', function(e) {
538         e.preventDefault();
539         $('.ButtonLess').show();
540         var thisLine = $(this).parent().parent();
541         var newLine = thisLine.clone();
542         $(newLine).find('.search-term-input select[name="op"]').first().prop("disabled",false).show();
543         newLine.find('input').val('');
544         thisLine.after(newLine);
545     });
546
547     $(document).on("click", '.ButtonLess', function(e) {
548         e.preventDefault();
549         if( $("a.ButtonLess").length <= 2 ) {
550            $('.ButtonLess').hide();
551         }
552         $(this).parent().parent().remove();
553         $('.search-term-row .search-term-input select[name="op"]').first().prop("disabled",true).hide();
554     });
555
556 </script>
557 [% END %]