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

   1 [% USE raw %]
   2 [% USE To %]
   3 [% USE Asset %]
   4 [% USE AuthorisedValues %]
   5
   6 [%- BLOCK form_label -%]
   7   [%- SWITCH label -%]
   8     [%- CASE 'barcode' %]<span>Barcode</span>
   9     [%- CASE 'itemcallnumber' %]<span>Call number</span>
  10     [%- CASE 'stocknumber' %]<span>Inventory number</span>
  11     [%- CASE 'title' %]<span>Title</span>
  12     [%- CASE 'author' %]<span>Author</span>
  13     [%- CASE 'publishercode' %]<span>Publisher</span>
  14     [%- CASE 'publicationyear' %]<span>Publication date</span>
  15     [%- CASE 'collectiontitle' %]<span>Collection title</span>
  16     [%- CASE 'isbn' %]<span>ISBN</span>
  17     [%- CASE 'issn' %]<span>ISSN</span>
  18     [%- CASE 'homebranch' %]<span>Home library</span>
  19     [%- CASE 'holdingbranch' %]<span>Current library</span>
  20     [%- CASE 'All libraries' %]<span>All libraries</span>
  21     [%- CASE 'location' %]<span>Shelving location</span>
  22     [%- CASE 'All locations' %]<span>All locations</span>
  23     [%- CASE 'itype' %]<span>Item type</span>
  24     [%- CASE 'All item types' %]<span>All item types</span>
  25     [%- CASE 'ccode' %]<span>Collection</span>
  26     [%- CASE 'All collection codes' %]<span>All collections</span>
  27     [%- CASE 'notforloan' %]<span>Status</span>
  28     [%- CASE 'All statuses' %]<span>All statuses</span>
  29     [%- CASE 'damaged' %]<span>Damaged</span>
  30     [%- CASE 'itemlost' %]<span>Lost</span>
  31     [%- CASE 'withdrawn' %]<span>Withdrawn</span>
  32     [%- CASE 'new_status' %]<span>Is new</span>
  33   [%- END -%]
  34 [%- END -%]
  35
  36 [% BLOCK form_field_select %]
  37   <div class="form-field form-field-select">
  38     <label class="form-field-label" for="[% name | html %]">[% INCLUDE form_label label=name %]</label>
  39     <select id="[% name | html %]_op" name="[% name | html %]_op">
  40       <option value="=">is</option>
  41       <option value="!=" >is not</option>
  42     </select>
  43     <select id="[% name | html %]" name="[% name | html %]" multiple="multiple" size="[% options.size < 4 ? options.size + 1 : 4 | html %]">
  44       <option value="" selected="selected">
  45         [% IF (empty_option) %][% INCLUDE form_label label=empty_option %][% ELSE %]<span>All</span>[% END %]
  46       </option>
  47       [% FOREACH option IN options %]
  48         <option value="[% option.value | html %]">[% option.label | html %]</option>
  49       [% END %]
  50     </select>
  51   </div>
  52 [% END %]
  53
  54 [% BLOCK form_field_select_option %]
  55   <option value="[% value | html %]">[% INCLUDE form_label label=value %]</option>
  56 [% END %]
  57
  58 [% BLOCK form_field_select_text %]
  59   <div class="form-field form-field-select-text">
  60     <select name="c" class="form-field-conjunction" disabled="disabled">
  61       <option value="and">AND</option>
  62       <option value="or">OR</option>
  63     </select>
  64     <select name="f" class="form-field-column">
  65       [% INCLUDE form_field_select_option value='barcode' %]
  66       [% INCLUDE form_field_select_option value='itemcallnumber' %]
  67       [% INCLUDE form_field_select_option value='stocknumber' %]
  68       [% INCLUDE form_field_select_option value='title' %]
  69       [% INCLUDE form_field_select_option value='author' %]
  70       [% INCLUDE form_field_select_option value='publishercode' %]
  71       [% INCLUDE form_field_select_option value='publicationyear' %]
  72       [% INCLUDE form_field_select_option value='collectiontitle' %]
  73       [% INCLUDE form_field_select_option value='isbn' %]
  74       [% INCLUDE form_field_select_option value='issn' %]
  75       [% IF items_search_fields.size %]
  76         <optgroup label="Custom search fields">
  77           [% FOREACH field IN items_search_fields %]
  78             [% marcfield = field.tagfield %]
  79             [% IF field.tagsubfield.defined AND field.tagsubfield != "" %]
  80               [% marcfield = marcfield _ '$' _ field.tagsubfield %]
  81             [% END %]
  82             <option value="marc:[% marcfield | html %]" data-authorised-values-category="[% field.authorised_values_category | html %]">[% field.label | html %] ([% marcfield | html %])</option>
  83           [% END %]
  84         </optgroup>
  85       [% END %]
  86     </select>
  87     [% IF params.exists('op') %]
  88         <select name="op" class="form-field-not">
  89            <option value="like">is</option>
  90             [% IF params.op == 'not like' %]
  91                <option value="not like" selected="selected">is not</option>
  92             [% ELSE %]
  93                <option value="not like">is not</option>
  94             [% END %]
  95         </select>
  96     [% ELSE %]
  97         <select name="op" class="form-field-not">
  98            <option value="like">is</option>
  99            <option value="not like">is not</option>
 100         </select>
 101     [% END %]
 102     <input type="text" name="q" class="form-field-value" value="" />
 103   </div>
 104 [% END %]
 105
 106 [% BLOCK form_field_radio_yes_no %]
 107   <div class="form-field [% divclass | html %]">
 108     <label class="form-field-label">[% INCLUDE form_label label=name %]:</label>
 109     <input type="radio" name="[% name | html %]" id="[% name | html %]_indifferent" value="" checked="checked"/>
 110     <label for="[% name | html %]_indifferent">Ignore</label>
 111     <input type="radio" name="[% name | html %]" id="[% name | html %]_yes" value="yes" />
 112     <label for="[% name | html %]_yes">Yes</label>
 113     <input type="radio" name="[% name | html %]" id="[% name | html %]_no" value="no" />
 114     <label for="[% name | html %]_no">No</label>
 115   </div>
 116 [% END %]
 117
 118 [%# We need to escape html characters for 'value' and 'label' %]
 119 [%- BLOCK escape_html_value_label -%]
 120     [%- SET escaped = [] -%]
 121     [%- FOR e IN elts -%]
 122         [%- value = BLOCK %][% e.value | html %][% END -%]
 123         [%- label = BLOCK %][% e.label | html %][% END -%]
 124         [%- escaped.push({ 'value' => value, 'label' => label }) -%]
 125     [%- END -%]
 126     [%- To.json(escaped) | $raw -%]
 127 [%- END -%]
 128
 129 [% notforloans = AuthorisedValues.GetDescriptionsByKohaField({ kohafield = 'items.notforloan' }) %]
 130 [% FOREACH nfl IN notforloans %]
 131     [% nfl.value = nfl.authorised_value %]
 132     [% nfl.label = nfl.lib %]
 133 [% END %]
 134
 135 [% locations = AuthorisedValues.GetDescriptionsByKohaField({ kohafield = 'items.location' }) %]
 136 [% FOREACH loc IN locations %]
 137     [% loc.value = loc.authorised_value %]
 138     [% loc.label = loc.lib %]
 139 [% END %]
 140
 141 [%# Page starts here %]
 142
 143 [% SET footerjs = 1 %]
 144 [% INCLUDE 'doc-head-open.inc' %]
 145   <title>Item search &rsaquo; Catalog &rsaquo; Koha</title>
 146   [% INCLUDE 'doc-head-close.inc' %]
 147   [% Asset.css("css/itemsearchform.css") | $raw %]
 148 </head>
 149
 150 <body id="catalog_itemsearch" class="catalog">
 151   [% INCLUDE 'header.inc' %]
 152   [% INCLUDE 'home-search.inc' %]
 153
 154 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
 155     <ol>
 156         <li>
 157             <a href="/cgi-bin/koha/mainpage.pl">Home</a>
 158         </li>
 159         <li>
 160             <a href="/cgi-bin/koha/catalogue/search.pl">Catalog</a>
 161         </li>
 162         <li>
 163             <a href="#" aria-current="page">
 164                 Item search
 165             </a>
 166         </li>
 167     </ol>
 168 </nav>
 169
 170 <div class="main container-fluid">
 171     <div class="row">
 172         <div class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
 173
 174     <div id="item-search-block">
 175       <h1>Item search</h1>
 176
 177       <p><a href="/cgi-bin/koha/catalogue/search.pl">Go to advanced search</a></p>
 178       <form action="/cgi-bin/koha/catalogue/itemsearch.pl" method="get" id="itemsearchform">
 179           <div id="toolbar" class="btn-toolbar">
 180               <fieldset class="action">
 181                   <div class="btn-group">
 182                       <button class="btn btn-default"><i class="fa fa-search"></i> Search</button>
 183                   </div>
 184               </fieldset>
 185           </div>
 186           <fieldset>
 187             [% INCLUDE form_field_select name="homebranch" options = branches empty_option = "All libraries" %]
 188             [% INCLUDE form_field_select name="holdingbranch" options = branches empty_option = "All libraries" %]
 189             [% IF locations.size %]
 190                 [% INCLUDE form_field_select name="location" options = locations empty_option = "All locations" %]
 191             [% END %]
 192           </fieldset>
 193           <fieldset>
 194             [% INCLUDE form_field_select name="itype" options = itemtypes empty_option = "All item types" %]
 195             [% IF ccodes.size %]
 196                 [% INCLUDE form_field_select name="ccode" options = ccodes empty_option = "All collection codes" %]
 197             [% END %]
 198             [% IF notforloans.size %]
 199                 [% INCLUDE form_field_select name="notforloan" options = notforloans empty_option = "All statuses" %]
 200             [% END %]
 201             [% IF itemlosts.size %]
 202                 [% INCLUDE form_field_select name="itemlost" options = itemlosts empty_option = "All statuses" %]
 203             [% END %]
 204             [% IF withdrawns.size %]
 205                 [% INCLUDE form_field_select name="withdrawn" options = withdrawns empty_option = "All statuses" %]
 206             [% END %]
 207             <div class="form-field">
 208                 <label class="form-field-label">Availability:</label>
 209                 <input type="radio" name="onloan" id="onloan_indifferent" value="" checked="checked"/>
 210                 <label for="onloan_indifferent">Ignore</label>
 211                 <input type="radio" name="onloan" id="onloan_yes" value="IS NOT NULL" />
 212                 <label for="onloan_yes">Checked out</label>
 213             </div>
 214           </fieldset>
 215           <fieldset>
 216             [% INCLUDE form_field_select_text %]
 217             <p class="hint">You can use the following wildcard characters: % _</p>
 218             <p class="hint">% matches any number of characters</p>
 219             <p class="hint">_ matches only a single character</p>
 220           </fieldset>
 221           <fieldset>
 222             <div class="form-field">
 223               <label class="form-field-label" for="itemcallnumber_from">From call number:</label>
 224               <input type="text" id="itemcallnumber_from" name="itemcallnumber_from" value="" />
 225               <span class="hint">(inclusive)</span>
 226             </div>
 227             <div class="form-field">
 228               <label class="form-field-label" for="itemcallnumber_to">To call number:</label>
 229               <input type="text" id="itemcallnumber_to" name="itemcallnumber_to" value="" />
 230               <span class="hint">(inclusive)</span>
 231             </div>
 232             [% INCLUDE form_field_radio_yes_no name="damaged" %]
 233             [% IF ( has_new_status ) %]
 234                 [% INCLUDE form_field_radio_yes_no name="new_status" divclass='item-new-status' %]
 235             [% END %]
 236             <div class="form-field">
 237               <label class="form-field-label" for="issues_op">Checkout count:</label>
 238               <select id="issues_op" name="issues_op">
 239                 <option value=">">&gt;</option>
 240                 <option value="<">&lt;</option>
 241                 <option value="=">=</option>
 242                 <option value="!=">!=</option>
 243               </select>
 244               <input type="text" name="issues" />
 245             </div>
 246             <div class="form-field">
 247               <label class="form-field-label" for="datelastborrowed_op">Last checkout date:</label>
 248               <select id="datelastborrowed_op" name="datelastborrowed_op">
 249                 <option value=">">After</option>
 250                 <option value="<">Before</option>
 251                 <option value="=">On</option>
 252               </select>
 253               <input type="text" name="datelastborrowed" />
 254               <span class="hint">ISO Format (YYYY-MM-DD)</span>
 255             </div>
 256           </fieldset>
 257           <fieldset>
 258             <div class="form-field-radio">
 259               <label>Output:</label>
 260               <input type="radio" id="format-html" name="format" value="html" checked="checked" /> <label for="format-html">Screen</label>
 261               <input type="radio" id="format-csv" name="format" value="csv" /> <label for="format-csv">CSV</label>
 262               <input type="radio" id="format-barcodes" name="format" value="barcodes"/> <label for="format-barcodes">Barcodes file</label>
 263             </div>
 264           </fieldset>
 265       </form>
 266     </div>
 267     </div>
 268   </div>
 269     <div class="row">
 270         <div class="col-md-12">
 271       <div id="results-wrapper"></div>
 272         </div>
 273       </div>
 274
 275 [% MACRO jsinclude BLOCK %]
 276     [% INCLUDE 'datatables.inc' %]
 277     [% Asset.js("lib/jquery/plugins/jquery.dataTables.columnFilter.js") | $raw %]
 278     [% Asset.js("lib/hc-sticky.js") | $raw %]
 279     <script>
 280         var authorised_values = [% authorised_values_json | $raw %];
 281
 282         function loadAuthorisedValuesSelect(select) {
 283             var selected = select.find('option:selected');
 284             var category = selected.data('authorised-values-category');
 285             var form_field_value = select.siblings('.form-field-value');
 286             if (category && category in authorised_values) {
 287                 var values = authorised_values[category];
 288                 var html = '<select name="q" class="form-field-value">\n';
 289                 for (i in values) {
 290                     var value = values[i];
 291                     html += '<option value="' + value.authorised_value + '">' + value.lib + '</option>\n';
 292                 }
 293                 html += '</select>\n';
 294                 var new_form_field_value = $(html);
 295                 new_form_field_value.val(form_field_value.val());
 296                 form_field_value.replaceWith(new_form_field_value);
 297             } else {
 298                 if (form_field_value.prop('tagName').toLowerCase() == 'select') {
 299                     html = '<input name="q" type="text" class="form-field-value" />';
 300                     var new_form_field_value = $(html);
 301                     form_field_value.replaceWith(new_form_field_value);
 302                 }
 303             }
 304         }
 305
 306     function addNewField( link ) {
 307             var form_field = $('div.form-field-select-text').last();
 308             var copy = form_field.clone(true);
 309             copy.find('input,select').not('[type="hidden"]').each(function() {
 310                 $(this).val('');
 311             });
 312             copy.find('.form-field-conjunction').prop('disabled', false).val('and');
 313             form_field.after(copy);
 314       link.remove();
 315             copy.find('select.form-field-column').change();
 316         }
 317
 318         function submitForm($form) {
 319             var tr = ''
 320                 + '    <tr>'
 321                 + '      <th id="items_checkbox"></th>'
 322                 + '      <th id="items_title">' + _("Title") + '</th>'
 323                 + '      <th id="items_pubdate">' + _("Publication date") + '</th>'
 324                 + '      <th id="items_publisher">' + _("Publisher") + '</th>'
 325                 + '      <th id="items_collection">' + _("Collection") + '</th>'
 326                 + '      <th id="items_barcode">' + _("Barcode") + '</th>'
 327                 + '      <th id="items_callno">' + _("Call number") + '</th>'
 328                 + '      <th id="items_homebranch">' + _("Home library") + '</th>'
 329                 + '      <th id="items_holdingbranch">' + _("Current library") + '</th>'
 330                 + '      <th id="items_location">' + _("Shelving location") + '</th>'
 331                 + '      <th id="items_itype">' + _("Itemtype") + '</th>'
 332                 + '      <th id="item_inventoryno">' + _("Inventory number") + '</th>'
 333                 + '      <th id="items_status">' + _("Not for loan status") + '</th>'
 334                 + '      <th id="items_itemlost">' + _("Lost status") + '</th>'
 335                 + '      <th id="items_widthdrawn">' + _("Withdrawn status") + '</th>'
 336                 + '      <th id="items_checkouts">' + _("Checkouts") + '</th>'
 337                 + '      <th id="items_date_due">' + _("Due date") + '</th>'
 338                 + '      <th id=""></th>'
 339                 + '    </tr>'
 340             var table = ''
 341                 + '<table id="results">'
 342                 + '  <thead>' + tr + tr + '</thead>'
 343                 + '  <tbody></tbody>'
 344                 + '</table>';
 345
 346             var advSearchLink = $('<a>')
 347                 .attr('href', '/cgi-bin/koha/catalogue/search.pl')
 348                 .html(_("Go to advanced search"));
 349             var editSearchLink = $('<a>')
 350                 .attr('href', '#')
 351                 .html(_("Edit search"))
 352                 .addClass('btn btn-default btn-xs')
 353                 .on('click', function(e) {
 354                     e.preventDefault();
 355                     $('#item-search-block').show();
 356                 });
 357
 358             function getCheckedItemnumbers () {
 359                 var itemnumbers;
 360                 try {
 361                     itemnumbers = JSON.parse(sessionStorage.getItem('itemsearch_itemnumbers') || '[]');
 362                 } catch (e) {
 363                     itemnumbers = [];
 364                 }
 365
 366                 return new Set(itemnumbers);
 367             }
 368
 369             function exportItems(format) {
 370               var itemnumbers = getCheckedItemnumbers();
 371               if (itemnumbers.size > 0) {
 372                 var href = '/cgi-bin/koha/catalogue/item-export.pl?format=' + format;
 373                 href += '&itemnumber=' + Array.from(itemnumbers).join('&itemnumber=');
 374                 location = href;
 375               } else {
 376                 $('#format-' + format).prop('checked', true);
 377                 $('#itemsearchform').submit();
 378                 $('#format-html').prop('checked', true);
 379               }
 380             }
 381
 382             var csvExportLink = $('<a>')
 383                 .attr('href', '#')
 384                 .html("CSV")
 385                 .on('click', function(e) {
 386                     e.preventDefault();
 387                     exportItems('csv');
 388                 });
 389             var barcodesExportLink = $('<a>')
 390                 .attr('href', '#')
 391                 .html(_("Barcodes file"))
 392                 .on('click', function(e) {
 393                     e.preventDefault();
 394                     exportItems('barcodes');
 395               });
 396
 397             var exportButton = $('<div>')
 398               .addClass('btn-group')
 399               .append($('<button>')
 400                   .addClass('btn btn-default btn-xs dropdown-toggle')
 401                   .attr('id', 'export-button')
 402                   .attr('data-toggle', 'dropdown')
 403                   .attr('aria-haspopup', 'true')
 404                   .attr('aria-expanded', 'false')
 405                   .html(_("Export all results to") + ' <span class="caret"></span>'))
 406               .append($('<ul>')
 407                   .addClass('dropdown-menu')
 408                   .append($('<li>').append(csvExportLink))
 409                   .append($('<li>').append(barcodesExportLink)));
 410
 411             var selectVisibleRows = $('<a>')
 412               .attr('href', '#')
 413               .append('<i class="fa fa-check"></i> ')
 414               .append(_("Select visible rows"))
 415               .on('click', function(e) {
 416                   e.preventDefault();
 417                   $('#results input[type="checkbox"]').prop('checked', true).change();
 418               });
 419             var clearSelection = $('<a>')
 420               .attr('href', '#')
 421               .append('<i class="fa fa-remove"></i> ')
 422               .append(_("Clear selection"))
 423               .on('click', function(e) {
 424                   e.preventDefault();
 425                   sessionStorage.setItem('itemsearch_itemnumbers', '[]');
 426                   $('#results input[type="checkbox"]').prop('checked', false).change();
 427               });
 428             var exportLinks = $('<p>')
 429               .append(selectVisibleRows)
 430               .append(' ')
 431               .append(clearSelection)
 432               .append(' | ')
 433               .append(exportButton);
 434
 435             var results_heading = $('<div>').addClass('results-heading')
 436                 .append("<h1>" + _("Item search results") + "</h1>")
 437                 .append($('<p>').append(advSearchLink))
 438                 .append($('<p>').append(editSearchLink))
 439                 .append(exportLinks);
 440             $('#results-wrapper').empty()
 441                 .append(results_heading)
 442                 .append(table);
 443
 444             var params = [];
 445             $form.find('select:not(:disabled) option:selected,input[type="text"]:not(:disabled),input[type="hidden"]:not(:disabled),input[type="radio"]:checked').each(function() {
 446                 if ( $(this).prop('tagName').toLowerCase() == 'option' ) {
 447                     var name = $(this).parents('select').first().attr('name');
 448                     var value = $(this).val();
 449                     params.push({ 'name': name, 'value': value });
 450                 } else {
 451                     params.push({ 'name': $(this).attr('name'), 'value': $(this).val() });
 452                 }
 453             });
 454
 455             $('#results').dataTable($.extend(true, {}, dataTablesDefaults, {
 456                 'bDestroy': true,
 457                 'bServerSide': true,
 458                 'bProcessing': true,
 459                 'sAjaxSource': '/cgi-bin/koha/catalogue/itemsearch.pl',
 460                 'fnServerData': function(sSource, aoData, fnCallback) {
 461                     aoData.push( { 'name': 'format', 'value': 'json' } );
 462                     for (i in params) {
 463                         aoData.push(params[i]);
 464                     }
 465                     $.ajax({
 466                         'dataType': 'json',
 467                         'type': 'POST',
 468                         'url': sSource,
 469                         'data': aoData,
 470                         'success': function(json){
 471                             fnCallback(json);
 472                         }
 473                     });
 474                 },
 475                 'sDom': '<"top pager"ilp>t<"bottom pager"ip>r',
 476                 'aaSorting': [[1, 'asc']],
 477                 'aoColumns': [
 478                     { 'sName': 'checkbox', 'bSortable': false },
 479                     { 'sName': 'title' },
 480                     { 'sName': 'publicationyear' },
 481                     { 'sName': 'publishercode' },
 482                     { 'sName': 'ccode' },
 483                     { 'sName': 'barcode' },
 484                     { 'sName': 'itemcallnumber' },
 485                     { 'sName': 'homebranch' },
 486                     { 'sName': 'holdingbranch' },
 487                     { 'sName': 'location' },
 488                     { 'sName': 'itype'},
 489                     { 'sName': 'stocknumber' },
 490                     { 'sName': 'notforloan' },
 491                     { 'sName': 'itemlost' },
 492                     { 'sName': 'withdrawn' },
 493                     { 'sName': 'issues' },
 494                     { 'sName': 'date_due' },
 495                     { 'sName': 'actions', 'bSortable': false }
 496                 ],
 497                 "sPaginationType": "full_numbers",
 498                 fixedHeader: false // There is a bug on this view
 499             })).columnFilter({
 500                 'sPlaceHolder': 'head:after',
 501                 'aoColumns': [
 502                     null,
 503                     { 'type': 'text' },
 504                     { 'type': 'text' },
 505                     { 'type': 'text' },
 506                     [% IF ccodes.size %]
 507                         { 'type': 'select', 'values': [% INCLUDE escape_html_value_label elts => ccodes %] },
 508                     [% ELSE %]
 509                         null,
 510                     [% END %]
 511                     { 'type': 'text' },
 512                     { 'type': 'text' },
 513                     { 'type': 'select', 'values': [% INCLUDE escape_html_value_label elts => branches %] },
 514                     { 'type': 'select', 'values': [% INCLUDE escape_html_value_label elts => branches %] },
 515                     [% IF locations.size %]
 516                         { 'type': 'select', 'values': [% INCLUDE escape_html_value_label elts => locations %] },
 517                     [% ELSE %]
 518                         null,
 519                     [% END %]
 520                     [% IF itemtypes.size %]
 521                         { 'type': 'select', 'values': [% INCLUDE escape_html_value_label elts => itemtypes %] },
 522                     [% ELSE %]
 523                         null,
 524                     [% END %]
 525                     { 'type': 'text' },
 526                     [% IF notforloans.size %]
 527                         { 'type': 'select', 'values': [% INCLUDE escape_html_value_label elts => notforloans %] },
 528                     [% ELSE %]
 529                         null,
 530                     [% END %]
 531                     [% IF itemlosts.size %]
 532                         { 'type': 'select', 'values': [% INCLUDE escape_html_value_label elts => itemlosts %] },
 533                     [% ELSE %]
 534                         null,
 535                     [% END %]
 536                     [% IF withdrawns.size %]
 537                         { 'type': 'select', 'values': [% INCLUDE escape_html_value_label elts => withdrawns %] },
 538                     [% ELSE %]
 539                         null,
 540                     [% END %]
 541                     { 'type': 'text' },
 542                     { 'type': 'text' },
 543                     null
 544                 ]
 545             });
 546             $('#results').on('draw.dt', function (e, settings) {
 547                 var itemnumbers = getCheckedItemnumbers();
 548                 $(this).find('input[type="checkbox"][name="itemnumber"]').each(function () {
 549                     var itemnumber = this.value;
 550                     if (itemnumbers.has(itemnumber)) {
 551                         this.checked = true;
 552                     }
 553                 });
 554             });
 555
 556             sessionStorage.setItem('itemsearch_itemnumbers', '[]');
 557
 558             $('#results').on('change', 'input[type="checkbox"]', function() {
 559               var itemnumber = this.value;
 560               var itemnumbers = getCheckedItemnumbers();
 561               if (this.checked) {
 562                   itemnumbers.add(itemnumber);
 563               } else {
 564                   itemnumbers.delete(itemnumber);
 565               }
 566               sessionStorage.setItem('itemsearch_itemnumbers', JSON.stringify(Array.from(itemnumbers)));
 567
 568               var caret = ' <span class="caret">';
 569               if (itemnumbers.size > 0) {
 570                 $('#export-button').html(_("Export selected results (%s) to").format(itemnumbers.size) + caret);
 571               } else {
 572                 $('#export-button').html(_("Export all results to") + caret);
 573               }
 574             });
 575         }
 576         var Sticky;
 577         $(document).ready(function () {
 578             Sticky = $("#toolbar");
 579             Sticky.hcSticky({
 580                 stickTo: "#item-search-block",
 581                 stickyClass: "floating"
 582             });
 583             // Add the "New field" link.
 584             var form_field = $('div.form-field-select-text').last()
 585             var NEW_FIELD = _("New field");
 586       var button_field_new = $('<a href="#" class="button-field-new" title="Add a new field"><i class="fa fa-plus"></i> ' + NEW_FIELD + '</a>');
 587       button_field_new.click(function(e) {
 588           e.preventDefault();
 589           addNewField( $(this) );
 590             });
 591       form_field.append(button_field_new);
 592
 593             // If a field is linked to an authorised values list, display the list.
 594             $('div.form-field-select-text select[name="f"]').change(function() {
 595                 loadAuthorisedValuesSelect($(this));
 596             }).change();
 597
 598             // Prevent user to select the 'All ...' option with other options.
 599             $('div.form-field-select').each(function() {
 600                 $(this).find('select').filter(':last').change(function() {
 601                     values = $(this).val();
 602                     if (values.length > 1) {
 603                         var idx = $.inArray('', values);
 604                         if (idx != -1) {
 605                             values.splice(idx, 1);
 606                             $(this).val(values);
 607                         }
 608                     }
 609                 });
 610             });
 611
 612             $('#itemsearchform').submit(function() {
 613                 var searchform = $(this);
 614                 var format = searchform.find('input[name="format"]:checked').val();
 615                 if (format == 'html') {
 616                     submitForm(searchform);
 617                     $("#item-search-block").hide();
 618                     return false;
 619                 }
 620             });
 621         });
 622     </script>
 623 [% END %]
 624
 625 [% INCLUDE 'intranet-bottom.inc' %]