koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/itemsearch.tt

   1 [% USE CGI %]
   2 [% USE JSON.Escape %]
   3
   4 [% BLOCK form_field_select %]
   5   <div class="form-field form-field-select">
   6     <label class="form-field-label" for="[% name %]">[% label %]</label>
   7     <select id="[% name %]_op" name="[% name %]_op">
   8       <option value="=">is</option>
   9       [% IF CGI.param(name _ '_op') == '!=' %]
  10         <option value="!=" selected="selected">is not</option>
  11       [% ELSE %]
  12         <option value="!=" >is not</option>
  13       [% END %]
  14     </select>
  15     [% values = CGI.param(name) %]
  16     <select id="[% name %]" name="[% name %]" multiple="multiple" size="[% options.size < 4 ? options.size + 1 : 4 %]">
  17       [% IF (values == '') %]
  18         <option value="" selected="selected">
  19       [% ELSE %]
  20         <option value="">
  21       [% END %]
  22         [% empty_option || "All" %]
  23       </option>
  24       [% FOREACH option IN options %]
  25         [% IF values != '' && values.grep(option.value).size %]
  26           <option value="[% option.value %]" selected="selected">[% option.label %]</option>
  27         [% ELSE %]
  28           <option value="[% option.value %]">[% option.label %]</option>
  29         [% END %]
  30       [% END %]
  31     </select>
  32   </div>
  33 [% END %]
  34
  35 [% BLOCK form_field_select_option %]
  36   [% IF params.f == value %]
  37     <option value="[% value %]" selected="selected">[% label %]</option>
  38   [% ELSE %]
  39     <option value="[% value %]">[% label %]</option>
  40   [% END %]
  41 [% END %]
  42
  43 [% BLOCK form_field_select_text %]
  44   <div class="form-field form-field-select-text">
  45     [% IF params.exists('c') %]
  46       <select name="c" class="form-field-conjunction">
  47         <option value="and">AND</option>
  48         [% IF params.c == 'or' %]
  49           <option value="or" selected="selected">OR</option>
  50         [% ELSE %]
  51           <option value="or">OR</option>
  52         [% END %]
  53       </select>
  54     [% ELSE %]
  55       <select name="c" class="form-field-conjunction" disabled="disabled">
  56         <option value="and">AND</option>
  57         <option value="or">OR</option>
  58       </select>
  59     [% END %]
  60     <select name="f" class="form-field-column">
  61       [% INCLUDE form_field_select_option value='barcode' label='Barcode' %]
  62       [% INCLUDE form_field_select_option value='itemcallnumber' label='Callnumber' %]
  63       [% INCLUDE form_field_select_option value='stocknumber' label='Stock number' %]
  64       [% INCLUDE form_field_select_option value='title' label='Title' %]
  65       [% INCLUDE form_field_select_option value='author' label='Author' %]
  66       [% INCLUDE form_field_select_option value='publishercode' label='Publisher' %]
  67       [% INCLUDE form_field_select_option value='publicationdate' label='Publication date' %]
  68       [% INCLUDE form_field_select_option value='collectiontitle' label='Collection' %]
  69       [% INCLUDE form_field_select_option value='isbn' label='ISBN' %]
  70       [% INCLUDE form_field_select_option value='issn' label='ISSN' %]
  71       [% IF items_search_fields.size %]
  72         <optgroup label="Custom search fields">
  73           [% FOREACH field IN items_search_fields %]
  74             [% marcfield = field.tagfield %]
  75             [% IF field.tagsubfield %]
  76               [% marcfield = marcfield _ '$' _ field.tagsubfield %]
  77             [% END %]
  78             [% IF params.f == "marc:$marcfield" %]
  79               <option value="marc:[% marcfield %]" data-authorised-values-category="[% field.authorised_values_category %]" selected="selected">[% field.label %] ([% marcfield %])</option>
  80             [% ELSE %]
  81               <option value="marc:[% marcfield %]" data-authorised-values-category="[% field.authorised_values_category %]">[% field.label %] ([% marcfield %])</option>
  82             [% END %]
  83           [% END %]
  84         </optgroup>
  85       [% END %]
  86     </select>
  87     <input type="text" name="q" class="form-field-value" value="[% params.q %]" />
  88     <input type="hidden" name="op" value="like" />
  89   </div>
  90 [% END %]
  91
  92 [% BLOCK form_field_select_text_block %]
  93   [% c = CGI.param('c').list %]
  94   [% f = CGI.param('f').list %]
  95   [% q = CGI.param('q').list %]
  96   [% op = CGI.param('op').list %]
  97   [% IF q.size %]
  98     [% size = q.size - 1 %]
  99     [% FOREACH i IN [0 .. size] %]
 100       [%
 101         params = {
 102           f => f.$i
 103           q = q.$i
 104           op = op.$i
 105         }
 106       %]
 107       [% IF i > 0 %]
 108         [% j = i - 1 %]
 109         [% params.c = c.$j %]
 110       [% END %]
 111       [% INCLUDE form_field_select_text params=params %]
 112     [% END %]
 113   [% ELSE %]
 114     [% INCLUDE form_field_select_text %]
 115   [% END %]
 116 [% END %]
 117
 118 [% BLOCK form_field_radio_yes_no %]
 119   <div class="form-field">
 120     <label class="form-field-label" for="[% name %]">[% label %]:</label>
 121     <input type="radio" name="[% name %]" id="[% name %]_indifferent" value="" checked="checked"/>
 122     <label for="[% name %]_indifferent">Indifferent</label>
 123     <input type="radio" name="[% name %]" id="[% name %]_yes" value="yes" />
 124     <label for="[% name %]_yes">Yes</label>
 125     <input type="radio" name="[% name %]" id="[% name %]_no" value="no" />
 126     <label for="[% name %]_no">No</label>
 127   </div>
 128 [% END %]
 129
 130 [%# Page starts here %]
 131
 132 [% INCLUDE 'doc-head-open.inc' %]
 133   <title>Koha &rsaquo; Catalog &rsaquo; Advanced search</title>
 134   [% INCLUDE 'doc-head-close.inc' %]
 135   [% INCLUDE 'datatables.inc' %]
 136   <script type="text/javascript" src="[% interface %]/lib/jquery/plugins/jquery.dataTables.columnFilter.js"></script>
 137   <link rel="stylesheet" type="text/css" href="[% themelang %]/css/datatables.css" />
 138   <link rel="stylesheet" type="text/css" href="[% themelang %]/css/itemsearchform.css" />
 139   <script type="text/javascript">
 140     //<![CDATA[
 141     var authorised_values = [% authorised_values_json %];
 142
 143     function loadAuthorisedValuesSelect(select) {
 144       var selected = select.find('option:selected');
 145       var category = selected.data('authorised-values-category');
 146       var form_field_value = select.siblings('.form-field-value');
 147       if (category && category in authorised_values) {
 148         var values = authorised_values[category];
 149         var html = '<select name="q" class="form-field-value">\n';
 150         for (i in values) {
 151           var value = values[i];
 152           html += '<option value="' + value.authorised_value + '">' + value.lib + '</option>\n';
 153         }
 154         html += '</select>\n';
 155         var new_form_field_value = $(html);
 156         new_form_field_value.val(form_field_value.val());
 157         form_field_value.replaceWith(new_form_field_value);
 158       } else {
 159         if (form_field_value.prop('tagName').toLowerCase() == 'select') {
 160           html = '<input name="q" type="text" class="form-field-value" />';
 161           var new_form_field_value = $(html);
 162           form_field_value.replaceWith(new_form_field_value);
 163         }
 164       }
 165     }
 166
 167     function addNewField() {
 168       var form_field = $('div.form-field-select-text').last();
 169       var copy = form_field.clone(true);
 170       copy.find('input,select').not('[type="hidden"]').each(function() {
 171         $(this).val('');
 172       });
 173       copy.find('.form-field-conjunction').removeAttr('disabled');
 174       form_field.after(copy);
 175       copy.find('select.form-field-column').change();
 176     }
 177
 178     function submitForm($form) {
 179       var tr = ''
 180         + '    <tr>'
 181         + '      <th>' + _("Bibliographic reference") + '</th>'
 182         + '      <th>' + _("Publication date") + '</th>'
 183         + '      <th>' + _("Publisher") + '</th>'
 184         + '      <th>' + _("Collection") + '</th>'
 185         + '      <th>' + _("Barcode") + '</th>'
 186         + '      <th>' + _("Callnumber") + '</th>'
 187         + '      <th>' + _("Home branch") + '</th>'
 188         + '      <th>' + _("Holding branch") + '</th>'
 189         + '      <th>' + _("Location") + '</th>'
 190         + '      <th>' + _("Stock number") + '</th>'
 191         + '      <th>' + _("Status") + '</th>'
 192         + '      <th>' + _("Issues") + '</th>'
 193         + '      <th></th>'
 194         + '    </tr>'
 195       var table = ''
 196         + '<table id="results">'
 197         + '  <thead>' + tr + tr + '</thead>'
 198         + '  <tbody></tbody>'
 199         + '</table>';
 200       $('#results-wrapper').empty().html(table);
 201
 202       var params = [];
 203       $form.find('select,input[type="text"],input[type="hidden"]').not('[disabled]').each(function () {
 204         params.push({ 'name': $(this).attr('name'), 'value': $(this).val() });
 205       });
 206       $form.find('input[type="radio"]:checked').each(function() {
 207         params.push({ 'name': $(this).attr('name'), 'value': $(this).val() });
 208       });
 209
 210       $('#results').dataTable($.extend(true, {}, dataTablesDefaults, {
 211         'bDestroy': true,
 212         'bServerSide': true,
 213         'bProcessing': true,
 214         'sAjaxSource': '/cgi-bin/koha/catalogue/itemsearch.pl',
 215         'fnServerParams': function(aoData) {
 216           aoData.push( { 'name': 'format', 'value': 'json' } );
 217           for (i in params) {
 218             aoData.push(params[i]);
 219           }
 220         },
 221         'sDom': '<"top pager"ilp>t<"bottom pager"ip>r',
 222         'aoColumns': [
 223           { 'sName': 'title' },
 224           { 'sName': 'publicationyear' },
 225           { 'sName': 'publishercode' },
 226           { 'sName': 'collectiontitle' },
 227           { 'sName': 'barcode' },
 228           { 'sName': 'itemcallnumber' },
 229           { 'sName': 'homebranch' },
 230           { 'sName': 'holdingbranch' },
 231           { 'sName': 'location' },
 232           { 'sName': 'stocknumber' },
 233           { 'sName': 'notforloan' },
 234           { 'sName': 'issues' },
 235           { 'sName': 'checkbox', 'bSortable': false }
 236         ]
 237       })).columnFilter({
 238         'sPlaceHolder': 'head:after',
 239         'aoColumns': [
 240           { 'type': 'text' },
 241           { 'type': 'text' },
 242           { 'type': 'text' },
 243           { 'type': 'text' },
 244           { 'type': 'text' },
 245           { 'type': 'text' },
 246           { 'type': 'select', 'values': [% branches.json %] },
 247           { 'type': 'select', 'values': [% branches.json %] },
 248           { 'type': 'select', 'values': [% locations.json %] },
 249           { 'type': 'text' },
 250           { 'type': 'select', 'values': [% notforloans.json %] },
 251           { 'type': 'text' },
 252           null
 253         ]
 254       });
 255     }
 256
 257     function hideForm($form) {
 258       $form.hide();
 259       $('#editsearchlink').show();
 260     }
 261
 262     $(document).ready(function () {
 263       // Add the "New field" link.
 264       var form_field = $('div.form-field-select-text').last()
 265       var button_field_new = $('<a href="#" class="button-field-new" title="Add a new field">New field</a>');
 266       button_field_new.click(function() {
 267         addNewField();
 268         return false;
 269       });
 270       form_field.after(button_field_new);
 271
 272       // If a field is linked to an authorised values list, display the list.
 273       $('div.form-field-select-text select').change(function() {
 274         loadAuthorisedValuesSelect($(this));
 275       }).change();
 276
 277       // Prevent user to select the 'All ...' option with other options.
 278       $('div.form-field-select').each(function() {
 279         $(this).find('select').filter(':last').change(function() {
 280           values = $(this).val();
 281           if (values.length > 1) {
 282             var idx = $.inArray('', values);
 283             if (idx != -1) {
 284               values.splice(idx, 1);
 285               $(this).val(values);
 286             }
 287           }
 288         });
 289       });
 290
 291       $('#itemsearchform').submit(function() {
 292         var format = $(this).find('input[name="format"]:checked').val();
 293         if (format == 'html') {
 294           submitForm($(this));
 295           hideForm($(this));
 296           return false;
 297         }
 298       });
 299
 300       $('#editsearchlink').click(function() {
 301         $('#itemsearchform').show();
 302         $(this).hide();
 303         return false;
 304       });
 305     });
 306     //]]>
 307   </script>
 308 </head>
 309 <body id="catalog_itemsearch" class="catalog">
 310   [% INCLUDE 'header.inc' %]
 311   <div id="breadcrumbs">
 312     <a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; Item search
 313   </div>
 314
 315   <div id="doc" class="yui-t7">
 316     <div id="bd">
 317       <h1>Item search</h1>
 318       <a href="/cgi-bin/koha/catalogue/search.pl">Go to advanced search</a>
 319       <form action="" method="get" id="itemsearchform">
 320         <fieldset>
 321           <legend>Item search</legend>
 322           <fieldset>
 323             [% INCLUDE form_field_select
 324               name="homebranch"
 325               label="Home branch"
 326               options = branches
 327               empty_option = "All branches"
 328             %]
 329             [% INCLUDE form_field_select
 330               name="location"
 331               label="Location"
 332               options = locations
 333               empty_option = "All locations"
 334             %]
 335           </fieldset>
 336           <fieldset>
 337             [% INCLUDE form_field_select
 338               name="itype"
 339               label="Item type"
 340               options = itemtypes
 341               empty_option = "All item types"
 342             %]
 343             [% INCLUDE form_field_select
 344               name="ccode"
 345               label="Collection code"
 346               options = ccodes
 347               empty_option = "All collection codes"
 348             %]
 349             [% INCLUDE form_field_select
 350               name="notforloan"
 351               label="Status"
 352               options = notforloans
 353               empty_option = "All statuses"
 354             %]
 355           </fieldset>
 356           <fieldset>
 357             [% INCLUDE form_field_select_text_block %]
 358             <p class="hint">You can use the following wildcard characters: % _</p>
 359             <p class="hint">% matches any number of characters</p>
 360             <p class="hint">_ matches only a single charcter</p>
 361           </fieldset>
 362           <fieldset>
 363             <div class="form-field">
 364               <label class="form-field-label" for="itemcallnumber_from">From call number:</label>
 365               [% value = CGI.param('itemcallnumber_from') %]
 366               <input type="text" id="itemcallnumber_from" name="itemcallnumber_from" value="[% value %]" />
 367               <span class="hint">(inclusive)</span>
 368             </div>
 369             <div class="form-field">
 370               [% value = CGI.param('itemcallnumber_to') %]
 371               <label class="form-field-label" for="itemcallnumber_to">To call number:</label>
 372               <input type="text" id="itemcallnumber_to" name="itemcallnumber_to" value="[% value %]" />
 373               <span class="hint">(inclusive)</span>
 374             </div>
 375             [% INCLUDE form_field_radio_yes_no name="damaged" label="Damaged" %]
 376             [% INCLUDE form_field_radio_yes_no name="itemlost" label="Lost" %]
 377             <div class="form-field">
 378               <label class="form-field-label" for="issues">Issues count:</label>
 379               <select id="issues_op" name="issues_op">
 380                 <option value=">">&gt;</option>
 381                 <option value="<">&lt;</option>
 382                 <option value="=">=</option>
 383                 <option value="!=">!=</option>
 384               </select>
 385               <input type="text" name="issues" />
 386             </div>
 387             <div class="form-field">
 388               <label class="form-field-label" for="datelastborrowed">Last issue date:</label>
 389               <select id="datelastborrowed_op" name="datelastborrowed_op">
 390                 <option value=">">After</option>
 391                 <option value="<">Before</option>
 392                 <option value="=">On</option>
 393               </select>
 394               <input type="text" name="datelastborrowed" />
 395               <span class="hint">ISO Format (AAAA-MM-DD)</span>
 396             </div>
 397           </fieldset>
 398           <fieldset>
 399             <div class="form-field-radio">
 400               <label>Output:</label>
 401               <input type="radio" id="format-html" name="format" value="html" checked="checked" /> <label for="format-html">Screen</label>
 402               <input type="radio" id="format-csv" name="format" value="csv" /> <label for="format-csv">CSV</label>
 403             </div>
 404             <div class="form-actions">
 405               <input type="submit" value="Search" />
 406             </div>
 407           </fieldset>
 408         </fieldset>
 409       </form>
 410
 411       <p><a id="editsearchlink" href="#" style="display:none">Edit search</a></p>
 412
 413       <div id="results-wrapper">
 414         [% IF search_done %]
 415
 416           [% IF total_rows > 0 %]
 417             <p>Found [% total_rows %] results.</p>
 418           [% ELSE %]
 419             <p>No results found.</p>
 420           [% END %]
 421
 422           [% IF results %]
 423             [% INCLUDE 'catalogue/itemsearch_items.inc' items = results %]
 424           [% END %]
 425
 426           <div id="pagination-bar">
 427             [% pagination_bar %]
 428           </div>
 429
 430         [% END %]
 431       </div>
 432     </div>
 433
 434     [% INCLUDE 'intranet-bottom.inc' %]