koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recordedbooks-search.tt

   1 [% USE raw %]
   2 [% USE Asset %]
   3 [% USE Koha %]
   4 [% INCLUDE 'doc-head-open.inc' %]
   5 <title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog &rsaquo; RecordedBooks search for '[% q | html %]'</title>
   6 [% INCLUDE 'doc-head-close.inc' %]
   7 [% BLOCK cssinclude %]
   8 [% END %]
   9 </head>
  10 [% INCLUDE 'bodytag.inc' bodyid='recordedbooks-results-page' bodyclass='scrollto' %]
  11 [% INCLUDE 'masthead.inc' %]
  12
  13     <div class="main">
  14         <ul class="breadcrumb">
  15             <li><a href="/cgi-bin/koha/opac-main.pl">Home</a> <span class="divider">&rsaquo;</span></li>
  16             <li><a href="#">RecordedBooks search for '[% q | html %]'</a></li>
  17         </ul>
  18
  19         <div class="container-fluid">
  20             <div class="row-fluid">
  21                 <div class="span2">
  22                     [% IF ( OpacNav || OpacNavBottom ) %]
  23                         [% INCLUDE 'navigation.inc' %]
  24                     [% END %]
  25                 </div>
  26                 <div class="span10">
  27                     <div id="recordedbooks-results-content" class="maincontent searchresults">
  28                         <h1>RecordedBooks search for '[% q | html %]'</h1>
  29                             <div id="breadcrumbs">
  30                                 <p></p>
  31                             </div>
  32
  33                             <div id="top-pages">
  34                                 <div class="pagination pagination-small">
  35                                 </div>
  36                             </div>
  37
  38                             <table id="recordedbooks-results-list" class="table table-striped">
  39                                 <tbody>
  40                                 </tbody>
  41                             </table>
  42
  43                             <div id="bottom-pages">
  44                                 <div class="pagination pagination-small">
  45                                 </div>
  46                             </div>
  47
  48                     </div> <!-- / #recordedbooks-results-content -->
  49                 </div> <!-- / .span10 -->
  50             </div> <!-- / .row-fluid -->
  51         </div> <!-- / .container-fluid -->
  52     </div> <!-- / .main -->
  53
  54 [% INCLUDE 'recordedbooks-checkout.inc' %]
  55
  56 [% INCLUDE 'opac-bottom.inc' %]
  57 [% BLOCK jsinclude %]
  58 [% Asset.js("js/recordedbooks.js") | $raw %]
  59 <script>
  60 var querystring = "[% q |replace( "'", "\'" ) |replace( '\n', '\\n' ) |replace( '\r', '\\r' ) |html %]";
  61 var results_per_page = [% OPACnumSearchResults || 20 | html %];
  62
  63 function search( page ) {
  64     $( '#recordedbooks-status' ).html( MSG_SEARCHING.format("RecordedBooks") + ' <img class="throbber" src="[% interface | html %]/lib/jquery/plugins/themes/classic/throbber.gif" /></span>' );
  65
  66     KOHA.RecordedBooks.search( querystring, results_per_page, page, function( data ) {
  67         if ( data.error ) {
  68             $( '#recordedbooks-status' ).html( '<strong class="unavailable">' + MSG_ERROR_SEARCHING_COLLECTION.format("RecordedBooks") + ': ' + data.error + '</strong>' );
  69             return;
  70         }
  71
  72         if ( !data.total ) {
  73             $( '#recordedbooks-status' ).html( '<strong>' + MSG_NO_RESULTS_FOUND_IN_COLLECTION.format("RecordedBooks") + '</strong>' );
  74             return;
  75         }
  76
  77         $( '#recordedbooks-results-list tbody' ).empty();
  78
  79         $( '#recordedbooks-status' ).html( '<strong>' + MSG_RESULTS_FOUND_IN_COLLECTION.format(data.total, "RecordedBooks") + '</strong>' );
  80
  81         for ( var i = 0; data.items[i]; i++ ) {
  82             var prod = data.items[i];
  83             var results = [];
  84
  85             results.push( '<tr>' );
  86
  87             results.push( '<td class="info"><span class="title">' );
  88             if (prod.url) results.push( '<a href="', prod.url, '" target="recordedbooks">' );
  89             results.push( prod.title );
  90             if (prod.url) results.push( '</a>' );
  91             results.push( '</span>' );
  92             results.push( '<p>' + MSG_BY + ' ', prod.author, '</p>' );
  93             if (prod.description) results.push( '<p>' + prod.description, '</p>' );
  94             results.push( '<span class="results_summary mediatype"><span class="label">' + MSG_TYPE + ': </span>', prod.media, '</span>' );
  95
  96             results.push( '</td>' );
  97
  98             results.push( '<td>' );
  99             if ( prod.images && prod.images.medium ) {
 100                 if (prod.url) results.push( '<a href="', prod.url, '" target="recordedbooks">' );
 101                 results.push( '<img class="thumbnail" src="', prod.images.medium, '" />' );
 102                 if (prod.url) results.push( '</a>' );
 103             }
 104             results.push( '</td>' );
 105
 106             results.push( '</tr>' );
 107             var $tr = $( results.join( '' ));
 108             $( '#recordedbooks-results-list tbody' ).append( $tr );
 109
 110             $tr.find( '.info' ).each(function() {
 111                 KOHA.RecordedBooks.add_actions(this, prod.isbn);
 112             });
 113         }
 114
 115         $( '#recordedbooks-results-list tr:odd' ).addClass( 'highlight' );
 116
 117         var pages = [];
 118
 119         var max_page = Math.floor( data.total / results_per_page );
 120         if (data.total == page*results_per_page) max_page++;
 121
 122         if ( page != 1 ) {
 123             pages.push( '<li><a class="od-nav" href="#" data-page="' + (page - 1) + '">&laquo; ' + MSG_PREVIOUS + '</a></li>' );
 124         }
 125
 126         for ( var p = Math.max( 0, page - 9 ); p <= Math.min( max_page, p + 9 ); p++ ) {
 127             if ( p == page ) {
 128                 pages.push( ' <li class="active"><a href="#">' + ( p + 1 ) + '</a></li>' );
 129             } else {
 130                 pages.push( ' <li><a class="od-nav" href="#" data-page="' +  p + '">' + p + '</a></li>' );
 131             }
 132         }
 133
 134         if ( page < max_page ) {
 135             pages.push( ' <li><a class="od-nav" href="#" data-page="' + (page + 1) + '">' + MSG_NEXT + ' &raquo;</a></li>' );
 136         }
 137
 138         if ( pages.length > 1 ) $( '#top-pages, #bottom-pages' ).find( '.pagination' ).html( '<ul>' + pages.join( '' ) + '</ul>');
 139
 140     } );
 141 }
 142
 143 $( document ).ready( function() {
 144     $( '#breadcrumbs p' )
 145         .append( ' ' )
 146         .append( '<span id="recordedbooks-status"></span>' );
 147
 148     $( document ).on( 'click', 'a.od-nav', function() {
 149         search( $( this ).data( 'page' ) );
 150         return false;
 151     });
 152
 153     [% IF ( loggedinusername ) %]
 154     KOHA.RecordedBooks.with_account_details("#breadcrumbs", function() {
 155         search( 1 );
 156     });
 157     [% ELSE %]
 158         search( 1 );
 159     [% END %]
 160 } );
 161 </script>
 162 [% END %]