Koha-community/Koha
13
7
Fork 0
Code Issues Releases Wiki Activity

Bug 8600: can now remove search input fields in OPAC advanced search form

Browse source 
If you follow the 'More options' link in the OPAC
advanced search form, each search input field after
the first now has a '-' button that lets you remove
the box.  This complements the '+' buttons that
already existed that allow the user to add additional
input fields.

Signed-off-by: Cedric Vita <cedric.vita@dracenie.com>
Signed-off-by: Chris Cormack <chris@bigballofwax.co.nz>
Signed-off-by: Galen Charlton <gmc@esilibrary.com>
This commit is contained in:
Frédérick 2013-03-20 17:23:39 -04:00 committed by Galen Charlton
parent 7668e19c95
commit 0d6bd380ba
1 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
koha-tmpl/opac-tmpl/prog/en/modules/opac-advsearch.tt
View file

@ -124,7 +124,10 @@
<input type="text" size="30" name="q" title="Enter search terms" value="" />
[% IF ( expanded_options ) %]
<!-- [% IF ( search_box.scan_index ) %]<input type="checkbox" name="scan" id="scan" value="1" /> Scan Indexes[% END %] -->
[% IF ( search_box.add_field ) %]<a href="JavaScript:add_field();" id="ButtonPlus" title="Add another field">[+]</a>[% END %]
[% IF ( !loop.first ) %]
<a class="ButtonPlus" name="ButtonPlus" title="Add another field">[+]</a>
<a class="ButtonLess" title="Remove field">[-]</a>
[% END %]
[% END %]
</p>
[% END %]
@ -335,12 +338,21 @@
<script type="text/javascript" language="javascript">
/* This function allows to display a new field to search.
*/
function add_field() {
var ButtonPlus = document.getElementById('ButtonPlus');
var line = ButtonPlus.parentNode;
line.parentNode.appendChild(line.cloneNode(true));
line.removeChild(ButtonPlus);
}
$(document).on("click", '.ButtonPlus', function() {
$('.ButtonLess').show();
var thisLine = $(this).parent();
var newLine = thisLine.clone();
console.log(newLine);
newLine.find('input').val('');
thisLine.after(newLine);
});
$(document).on("click", '.ButtonLess', function() {
if($(this).parent().siblings().length <= 3 ) {
$('.ButtonLess').hide();
}
$(this).parent().remove();
});
</script>
</div>