Bug 28101: Update breadcrumb markup in the OPAC for consistency and accessibility
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-detail.tt
1 [% USE raw %]
2 [% USE Asset %]
3 [% USE Math %]
4 [% USE Koha %]
5 [% USE KohaDates %]
6 [% USE Branches %]
7 [% USE TablesSettings %]
8 [% USE AuthorisedValues %]
9 [% SET TagsShowEnabled = ( ( Koha.Preference( 'TagsEnabled' ) == 1 ) && TagsShowOnDetail ) %]
10 [% SET TagsInputEnabled = ( ( Koha.Preference( 'opacuserlogin' ) == 1 ) && ( Koha.Preference( 'TagsEnabled' ) == 1 ) && TagsInputOnDetail ) %]
11 [% IF Koha.Preference('AmazonAssocTag') %]
12     [% AmazonAssocTag = '?tag=' _ Koha.Preference('AmazonAssocTag') %]
13 [% ELSE %]
14     [% AmazonAssocTag = '' %]
15 [% END %]
16
17 [% ShowCourseReservesHeader = 0 %]
18 [% IF Koha.Preference( 'UseCourseReserves' ) == 1 %]
19     [% FOREACH ITEM_RESULT IN itemloop %]
20        [% IF ITEM_RESULT.course_reserves %]
21            [% FOREACH r IN ITEM_RESULT.course_reserves %]
22                [% IF r.course.enabled == 'yes' %]
23                    [% ShowCourseReservesHeader = 1 %]
24                [% END %]
25            [% END %]
26         [% END %]
27     [% END %]
28 [% END %]
29
30 [% INCLUDE 'doc-head-open.inc' %]
31 <title>Details for: [% INCLUDE 'biblio-title-head.inc' %] &rsaquo; [% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>
32 [% INCLUDE 'doc-head-close.inc' %]
33     [% Asset.css("lib/emoji-picker/css/emoji.css") | $raw %]
34     [% IF ( Koha.Preference('OPACShowMusicalInscripts') ) %]
35         [% Asset.css("lib/verovio/midiplayer.css") | $raw %]
36     [% END %]
37     [% Asset.css("lib/Chocolat/css/chocolat.css") | $raw %]
38 </head>
39 [% BLOCK cssinclude %][% END %]
40 [% INCLUDE 'bodytag.inc' bodyid='opac-detail' bodyclass='scrollto' %]
41 [% INCLUDE 'masthead.inc' %]
42
43 <div class="main">
44     <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
45         <ol class="breadcrumb">
46             <li class="breadcrumb-item">
47                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
48             </li>
49             <li class="breadcrumb-item active">
50                 <a href="#" aria-current="page"><span>Details for: </span>[% INCLUDE 'biblio-title.inc' %]</a>
51             </li>
52         </ol>
53     </nav> <!-- /#breadcrumbs -->
54
55     <div class="container-fluid">
56         <div class="row">
57             <div class="col-lg-9">
58                 <div id="catalogue_detail_biblio" class="maincontent" data-biblionumber="[% biblio.biblionumber | html %]">
59
60                     <div class="bookcover">
61
62                         <div id="biblio-cover-slider" class="cover-slider">
63                             [% IF ( OPACLocalCoverImages ) %]
64                                 [% IF localimages.count %]
65                                     [% FOREACH image IN localimages %]
66                                         <div class="cover-image local-coverimg">
67                                             <a href="/cgi-bin/koha/opac-image.pl?imagenumber=[% image.imagenumber | uri %]" title="Local cover image">
68                                                 <img src="/cgi-bin/koha/opac-image.pl?thumbnail=1&amp;imagenumber=[% image.imagenumber | uri %]" alt="Local cover image" data-link="/cgi-bin/koha/opac-imageviewer.pl?biblionumber=[% biblionumber | uri %]&amp;imagenumber=[% image.imagenumber | uri %]" />
69                                             </a>
70                                             <div class="hint">Local cover image</div>
71                                         </div>
72                                     [% END %]
73                                 [% END %]
74                             [% END %]
75
76                             [% IF ( OPACAmazonCoverImages && normalized_isbn) %]
77                                 <div class="cover-image" id="amazon-bookcoverimg">
78                                     <a href="https://images-na.ssl-images-amazon.com/images/P/[% normalized_isbn | uri %].01.LZZZZZZZ.jpg" title="Amazon cover image">
79                                         <img src="https://images-na.ssl-images-amazon.com/images/P/[% normalized_isbn | uri %].01.MZZZZZZZ.jpg" alt="Amazon cover image" data-link="http://www.amazon[% AmazonTld | uri %]/gp/reader/[% normalized_isbn | uri %][% AmazonAssocTag | uri %]#reader-link"/>
80                                     </a>
81                                     <div class="hint">Image from Amazon.com</div>
82                                 </div>
83                             [% END %]
84
85                             [% IF ( SyndeticsEnabled && SyndeticsCoverImages ) %]
86                                 [% IF ( content_identifier_exists ) %]
87                                     <div class="cover-image" id="syndetics-coverimg">
88                                         <a href="https://secure.syndetics.com/index.aspx?isbn=[% normalized_isbn | uri %]/[% SyndeticsCoverImageSize | uri %].GIF&amp;amp;client=[% SyndeticsClientCode | uri %]&amp;type=xw10&amp;upc=[% normalized_upc | uri %]&amp;oclc=[% normalized_oclc | uri %]" title="Syndetics cover image">
89                                             <img src="https://secure.syndetics.com/index.aspx?isbn=[% normalized_isbn | uri %]/[% SyndeticsCoverImageSize | uri %].GIF&amp;amp;client=[% SyndeticsClientCode | uri %]&amp;type=xw10&amp;upc=[% normalized_upc | uri %]&amp;oclc=[% normalized_oclc | uri %]" alt="Syndetics cover image" />
90                                         </a>
91                                         <div class="hint">Image from Syndetics</div>
92                                     </div>
93                                 [% END %]
94                             [% END %]
95
96                             [% IF ( GoogleJackets ) %]
97                                 <div class="cover-image" id="googlejacket-coverimg">
98                                     <div title="[% img_title | html %]" class="[% normalized_isbn | html %]" id="gbs-thumbnail-preview" data-use-data-link="1"></div>
99                                     <div class="hint">Image from Google Jackets</div>
100                                 </div>
101                             [% END %]
102
103                             [% IF ( Koha.Preference('OPACCoce') && Koha.Preference('CoceProviders') && normalized_isbn ) %]
104                                 [% coce_id = normalized_ean || normalized_isbn %]
105                                 <div class="cover-image" id="coce-coverimg">
106                                     [% IF ( coce_id ) %]
107                                         <a title="Image from Coce" class="[% coce_id | html %]" id="coce-thumbnail-preview"></a>
108                                     [% END %]
109                                     <div class="hint">Image from Coce</div>
110                                 </div>
111                             [% END %]
112
113                             [% IF OpenLibraryCovers %]
114                                 <div class="cover-image" id="openlibrary-coverimg">
115                                     <div title="[% img_title | html %]" class="[% normalized_isbn | html %]" id="openlibrary-thumbnail-preview" data-use-data-link="1"></div>
116                                     <div class="hint">Image from OpenLibrary</div>
117                                 </div>
118                             [% END %]
119
120                             [% bt_id = ( normalized_upc || normalized_isbn ) %]
121                             [% IF ( BakerTaylorEnabled && bt_id ) %]
122                                 <div class="cover-image" id="bakertaylor-coverimg">
123                                     [% IF BakerTaylorBookstoreURL %]
124                                         <a href="https://[% BakerTaylorBookstoreURL | url %][% bt_id | url %]">
125                                             <img alt="See Baker &amp; Taylor" src="[% BakerTaylorImageURL | url %][% bt_id | uri %]" />
126                                         </a>
127                                     [% ELSE %]
128                                         <a href="[% BakerTaylorImageURL | url %][% bt_id | uri%]">
129                                             <img alt="See Baker &amp; Taylor" src="[% BakerTaylorImageURL | url %][% bt_id | uri %]" />
130                                         </a>
131                                     [% END %]
132                                     <div class="hint">Image from Baker &amp; Taylor</div>
133                                 </div>
134                             [% END %]
135
136                             [% IF Koha.Preference('OPACCustomCoverImages') && Koha.Preference('CustomCoverImagesURL') %]
137                                 [% SET custom_cover_image_url = biblio.custom_cover_image_url %]
138                                 [% IF custom_cover_image_url %]
139                                     <div class="cover-image" id="custom-coverimg">
140                                         <a class="custom_cover_image" href="[% custom_cover_image_url | url %]" title="Custom cover image">
141                                             <img id="custom-img" alt="Custom cover image" src="[% custom_cover_image_url | url %]" />
142                                         </a>
143                                         <div class="hint">Custom cover image</div>
144                                     </div>
145                                 [% END %]
146                             [% END %]
147                         </div> <!-- /.cover-slider -->
148
149                     </div><!-- / .bookcover -->
150
151                     <abbr class="unapi-id" title="koha:biblionumber:[% biblio.biblionumber | html %]"><!-- unAPI --></abbr>
152                     [% IF ( ocoins ) # COinS / Openurl %]
153                         <span class="Z3988" title="[% ocoins | html %]"></span>
154                     [% END %]
155
156                     <div id="views">
157                         <span class="view current-view"><span id="Normalview"><i class="fa fa-file-text-o" aria-hidden="true"></i> Normal view</span></span>
158                         <span class="view">
159                             <a id="MARCview" class="btn btn-link" href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=[% biblio.biblionumber | html %]"><i class="fa fa-list-alt" aria-hidden="true"></i> MARC view</a>
160                         </span>
161                         [% IF ( ISBD ) %]
162                             <span class="view"><a id="ISBDview" class="btn btn-link" href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=[% biblio.biblionumber | html %]"><i class="fa fa-list-ul" aria-hidden="true"></i> ISBD view</a></span>
163                             [% END %]
164                     </div>
165
166                     [% XSLTBloc | $raw %]
167
168                     [% IF ( !item_level_itypes || Koha.Preference('BiblioItemtypeInfo') ) %]
169                         <span class="results_summary itemtype"><span class="label">Item type: </span>
170                             [% IF ( imageurl && !Koha.Preference('OpacNoItemTypeImages') ) %]
171                                 <img src="[% imageurl | html %]" alt="" />
172                             [% END %]
173                             [% IF ( description ) %]
174                                 [% description | html %]
175                             [% ELSE %]
176                                 [% itemtype | html %]
177                             [% END %]
178                         </span>
179                     [% END %]
180
181                     [% IF ( LibraryThingForLibrariesID ) %]
182                         <!-- This puts the LTFL reviews in, and if TabbedView is not set, puts the remaining content above the Tabs instead of in them -->
183                         [% UNLESS ( LibraryThingForLibrariesTabbedView ) %]
184                             <div class="results_summary"><div id="ltfl_related" class="ltfl"></div></div>
185                             <div class="results_summary"><div id="ltfl_similars" class="ltfl"></div></div>
186                             <div class="results_summary"><div id="ltfl_tagbrowse" class="ltfl"></div></div>
187                         [% END %]
188                         <span class="results_summary">
189                             <span class="label">Reviews from LibraryThing.com:</span>
190                             <span style="display: block;" class="ltfl_reviews"></span>
191                         </span>
192                     [% END # / LibraryThingForLibrariesID %]
193
194                     [% IF shelves.count %]
195                         <!--This grabs all of the lists a bib record appears in -->
196                         <span class="results_summary lists"><span class="label">List(s) this item appears in: </span>
197                         [% FOREACH s IN shelves %]
198                             <a href="/cgi-bin/koha/opac-shelves.pl?op=view&amp;shelfnumber=[% s.shelfnumber | uri %]">[% s.shelfname | html %]</a>
199                             [% IF ( loop.last ) %][% ELSE %]|[% END %]
200                         [% END %]
201                         </span>
202                     [% END %]
203
204                     [% IF ( TagsShowEnabled ) %]
205                         <div class="results_summary tags">
206                             [% IF ( TagLoop ) %]
207                                 <span class="label">Tags from this library:</span>
208                                 <ul id="tagslist">
209                                     [% FOREACH TagLoo IN TagLoop %]
210                                         <li><a href="/cgi-bin/koha/opac-search.pl?tag=[% TagLoo.term |url %]&amp;q=[% TagLoo.term |url %]">[% TagLoo.term | html %]</a> <span class="weight">([% TagLoo.weight_total | html %])</span>
211                                         [% IF ( loop.last ) %][% ELSE %], [% END %]
212                                         </li>
213                                     [% END %]
214                                 </ul>
215                             [% ELSE %]
216                                 <span class="label">Tags from this library:</span>
217                                 <span class="notags">No tags from this library for this title.</span>
218                             [% END # / IF ( TagLoop )%]
219                             [% IF ( TagsInputEnabled ) %]
220                                 [% IF ( loggedinusername ) %]
221                                     <a class="tag_add btn btn-sm btn-link" id="tag_add[% biblio.biblionumber | html %]" href="#"><i class="fa fa-tag" aria-hidden="true"></i> Add tag(s)</a>
222                                 [% ELSE %]
223                                     <span class="login4tags">
224                                         [% IF Koha.Preference('casAuthentication') %]
225                                             [%# CAS authentication is too complicated for modal window %]
226                                             <a href="/cgi-bin/koha/opac-user.pl">Log in to add tags.</a>
227                                         [% ELSE %]
228                                             <a class="loginModal-trigger" data-toggle="modal" role="button" href="/cgi-bin/koha/opac-user.pl">Log in to add tags.</a>
229                             [% END %]
230                                     </span>
231                                 [% END # / IF ( loggedinusername ) %]
232                             [% END # / IF ( TagsInputEnabled ) %]
233                         </div> <!-- /.results_summary.tags -->
234                     [% END # /IF TagsShowEnabled %]
235
236                     [% IF ( TagsInputEnabled ) %]
237                         [% IF ( loggedinusername ) %]
238                             <form id="tagform[% biblio.biblionumber | html %]" method="post" action="/cgi-bin/koha/opac-tags.pl" style="display:none;">
239                                 <legend class="sr-only">Tags</legend>
240                                 <div class="form-row">
241                                     <div class="col-3">
242                                         <label for="newtag[% biblio.biblionumber | html %]">New tag(s), separated by a comma:</label>
243                                     </div> <!-- /.col-3 -->
244                                     <div class="col-6">
245                                         <p class="emoji-picker-container">
246                                             <input
247                                             name="newtag[% biblio.biblionumber | html %]"
248                                             id="newtag[% biblio.biblionumber | html %]"
249                                             type="text"
250                                             maxlength="100"
251                                             data-emojiable="true"
252                                             data-emoji-input="unicode">
253                                         </p>
254                                     </div> <!-- /.col-6 -->
255                                     <div class="col-auto">
256                                         <input name="tagbutton" class="btn btn-sm btn-primary tagbutton" title="[% biblio.biblionumber | html %]" type="submit" value="Add" />
257                                         <a class="cancel_tag_add" id="cancel[% biblio.biblionumber | html %]" href="#">(done)</a>
258                                         <span id="newtag[% biblio.biblionumber | html %]_status" class="tagstatus" style="display:none;">
259                                             Tag status here.
260                                         </span>
261                                     </div> <!-- /.col-auto -->
262                                 </div> <!-- /.form-row -->
263                             </form>
264                         [% END # / IF ( loggedinusername ) %]
265                     [% END # / IF TagsInputEnabled %]
266
267                     [% IF ( SyndeticsEnabled ) %]
268                         [% IF ( SyndeticsSeries && SyndeticsSERIES1Exists ) %]
269                             <span class="results_summary">
270                                 <span class="label">Series information:</span>
271                                 <a target="_blank" rel="noreferrer" href="https://secure.syndetics.com/ffseries.aspx?isbn=[% normalized_isbn | html %]&amp;type=series&amp;num=1&amp;client=[% SyndeticsClientCode | html %][% IF ( normalized_upc ) %]&amp;upc=[% normalized_upc | html %][% END %][% IF ( normalized_oclc ) %]&amp;oclc=[% normalized_oclc | html %][% END %]">Click to open in new window</a>
272                             </span>
273                         [% END # / IF SyndeticsSeries && SyndeticsSERIES1Exists%]
274                         [% IF ( SyndeticsAVPROFILEExists ) %]
275                             <span class="results_summary">
276                                 <span class="label">Audiovisual profile:</span>
277                                 <a target="_blank" rel="noreferrer" href="https://secure.syndetics.com/index.aspx?isbn=[% normalized_isbn | html %]/avprofile.html&amp;client=[% SyndeticsClientCode | html %][% IF ( normalized_upc ) %]&amp;upc=[% normalized_upc | html %][% END %][% IF ( normalized_oclc ) %]&amp;oclc=[% normalized_oclc | html %][% END %]&amp;type=xw10">Click to open in new window</a>
278                             </span>
279                         [% END # / IF SyndeticsAVPROFILEExists %]
280
281                         [% IF ( SyndeticsFICTIONExists ) %]
282                             <span class="results_summary">
283                                 <span class="label">Fiction notes:</span>
284                                 <a target="_blank" rel="noreferrer" href="https://secure.syndetics.com/index.aspx?isbn=[% normalized_isbn | html %]/fiction.html&amp;client=[% SyndeticsClientCode | html %][% IF ( normalized_upc ) %]&amp;upc=[% normalized_upc | html %][% END %][% IF ( normalized_oclc ) %]&amp;oclc=[% normalized_oclc | html %][% END %]&amp;type=xw10">Click to open in new window</a>
285                             </span>
286                         [% END # / IF SyndeticsFICTIONExists %]
287
288                         [% IF ( SyndeticsAwards && SyndeticsAWARDS1Exists ) %]
289                             <span class="results_summary">
290                                 <span class="label">Awards:</span>
291                                 <a target="_blank" rel="noreferrer" href="https://secure.syndetics.com/ffawards.aspx?isbn=[% normalized_isbn | html %]&amp;type=awards&amp;client=[% SyndeticsClientCode | html %][% IF ( normalized_upc ) %]&amp;upc=[% normalized_upc | html %][% END %][% IF ( normalized_oclc ) %]&amp;oclc=[% normalized_oclc | html %][% END %]">Click to open in new window</a>
292                             </span>
293                         [% END # / IF SyndeticsAwards && SyndeticsAWARDS1Exists %]
294                     [% END # / IF SyndeticsEnabled%]
295
296                     [%# Following on one line due to translation issues %]
297                     [% INCLUDE "openlibrary-readapi.inc" bib = { normalized_isbn => normalized_isbn,lccn => lccn, normalized_oclc => normalized_oclc } %]
298
299                     [% IF ( OpacStarRatings != 'disable' ) %]
300                         <form method="post" action="/cgi-bin/koha/opac-ratings.pl">
301                             <legend class="sr-only">Star ratings</legend>
302                             <div class="results_summary ratings">
303
304                                 [% SET rating_avg = ratings.get_avg_rating() %]
305                                 [% rating_avg_int = BLOCK %][% rating_avg | format("%.0f") %][% END %]
306
307                                 [% IF ( borrowernumber ) %]
308                                     <select id="star_rating" name="rating" data-rating-enabled="1" autocomplete="off">
309                                 [% ELSE %]
310                                     <select id="star_rating" name="rating" data-rating-enabled="0" disabled="disabled" autocomplete="off">
311                                 [% END %]
312                                     [% IF ( rating_avg_int == 0 ) %]
313                                         <option value="" selected="selected"></option>
314                                     [% END %]
315                                     [% FOREACH i IN [ 1 2 3 4 5  ] %]
316                                         [% IF rating_avg_int == i %]
317                                             <option value="[% i | html %]" selected="selected">[% i | html %]</option>
318                                         [% ELSE %]
319                                             <option value="[% i | html %]">[% i | html %]</option>
320                                         [% END %]
321                                     [% END %]
322                                 </select>
323                                 <img id="rating-loading" style="display:none" src="[% interface | html %]/[% theme | html %]/images/spinner-small.gif" alt="" />
324
325                                 <!-- define some hidden vars for ratings -->
326
327                                 <input  type="hidden" name='biblionumber'  value="[% biblio.biblionumber | html %]" />
328                                 <input  type="hidden" name='rating_value' id='rating_value' value="[% my_rating.rating_value | html %]" />
329
330                                 [% UNLESS ( rating_readonly ) %]&nbsp;  <input name="rate_button" type="submit" value="Rate me" />[% END %]&nbsp;
331
332                                 [% IF my_rating %]
333                                     <span id="rating_value_text">Your rating: [% my_rating.rating_value | html %].</span>
334                                     <span id="cancel_rating_text"><a href="#"><i class="fa fa-remove" aria-hidden="true"></i> Cancel rating</a>.</span>
335                                 [% ELSE %]
336                                     <span id="rating_value_text"></span>
337                                     <span id="cancel_rating_text" style="display:none;"><a href="#"><i class="fa fa-remove" aria-hidden="true"></i> Cancel rating</a>.</span>
338                                 [% END %]
339
340                                 <span id="rating_text">Average rating: [% rating_avg | html %] ([% ratings.count | html %] votes)</span>
341                             </div>
342                         </form>
343                     [% END # / IF OpacStarRatings != 'disable' %]
344
345                     [% IF ( BakerTaylorContentURL ) %]
346                         <span class="results_summary">
347                         <span class="label">Enhanced content: </span>
348                               [% IF ( OPACURLOpenInNewWindow ) %]<a href="[% BakerTaylorContentURL | url %]" target="_blank" rel="noreferrer">Content Cafe</a>[% ELSE %]<a href="[% BakerTaylorContentURL | url %]">Content Cafe</a>[% END %]
349                         </span>
350                     [% END # / IF BakerTaylorContentURL %]
351
352                     [% IF ( NovelistSelectProfile && (normalized_isbn || normalized_upc) ) %]
353                         [% IF ( NovelistSelectView == 'above') %]
354                             <span class="results_summary NovelistSelect" style="display:none;">
355                             <span class="label">Novelist Select: </span>
356                             <div data-novelist-novelistselect=[% IF normalized_isbn %][% normalized_isbn | html %][% ELSE %][% normalized_upc | html %][% END %]></div>
357
358                             </span>
359                         [% END %]
360                     [% END # / IF NovelistSelectProfile %]
361
362                     [% IF ( Babeltheque ) %]
363                         <input type="hidden" name="BW_id_isbn" id="BW_id_isbn" value="[% normalized_isbn | html %]"/>
364                         <div id="BW_notes"></div>
365                         <div id="BW_critiques"></div>
366                         <div id="BW_critiques_pro"></div>
367                         <div id="BW_citations"></div>
368                     [% END # / IF Babeltheque%]
369
370                 </div> <!-- / #catalogue_detail_biblio -->
371
372                 <div id="bibliodescriptions" class="toptabs">
373                     <ul>
374                         [% IF ( defaulttab == 'holdings' ) %]
375                             <li id="tab_holdings" class="ui-tabs-active">
376                         [% ELSE %]
377                             <li id="tab_holdings">
378                         [% END %]
379                             [% BLOCK holding_tab_title %]
380                                 [% IF SeparateHoldings %]
381                                     <span>[% Branches.GetLoggedInBranchname | html %] holdings</span>
382                                 [% ELSE %]
383                                     [% IF specific_item %]
384                                         <span>Item details</span>
385                                     [% ELSE %]
386                                         <span>Holdings</span>
387                                     [% END %]
388                                 [% END %]
389                             [% END %]
390                             <a href="#holdings">[% PROCESS holding_tab_title %] [% UNLESS too_many_items OR specific_item %][% ' ( ' _ (itemloop.size || 0) _ ' )' | html %][% END %]</a>
391                         </li>
392                         [% IF (SeparateHoldings) %]
393                             <li><a href="#otherholdings">Other holdings [% ' ( ' _ (otheritemloop.size || 0) _ ' )' | html %]</a></li>
394                         [% END %]
395                         [% IF ( MARCNOTES || notes || ( SyndeticsEnabled && SyndeticsSummary && SYNDETICS_SUMMARY )) %]
396                             [% SET title_notes_count = 0 %]
397                             [% IF MARCNOTES %]
398                                 [% SET title_notes_count = MARCNOTES.size %]
399                             [% ELSIF notes %]
400                                 [% SET title_notes_count = 1 %]
401                             [% END %]
402                             [% IF SYNDETICS_SUMMARY %][% SET title_notes_count = title_notes_count + 1 %][% END %]
403                             <li id="tab_descriptions"> <a href="#descriptions">Title notes ( [% title_notes_count | html %] )</a></li>
404                         [% END %]
405                         [% IF ( SYNDETICS_TOC ) %]
406                             <li id="tab_toc"> <a href="#toc">TOC</a></li>
407                         [% END %]
408                         [% IF ( SyndeticsEnabled ) %]
409                             [% IF ( SyndeticsExcerpt && SYNDETICS_EXCERPT ) %]
410                                 <li id="tab_excerpt"> <a href="#excerpt">Excerpt</a></li>
411                             [% END %]
412                             [% IF ( ( SyndeticsReviews && SYNDETICS_REVIEWS ) || ( LibraryThingForLibrariesTabbedView && LibraryThingForLibrariesID) ) %]
413                                 <li id="tab_reviews"> <a href="#reviews">Reviews</a></li>
414                                 [% IF ( LibraryThingForLibrariesID ) %]
415                                     <li id="tab_LTFLreviews">
416                                         <script src="https://www.librarything.com/forlibraries/widget.js?id=[% LibraryThingForLibrariesID | html %]"></script>
417                                         <noscript>This page contains enriched content visible when JavaScript is enabled or by clicking <a href="https://www.librarything.com/forlibraries/noscript.php?id=[% LibraryThingForLibrariesID | uri %]&amp;accessibility=1">here</a>.</noscript>
418                                     </li>
419                                 [% END %]
420                             [% END %]
421                             [% IF ( SyndeticsAuthorNotes && SYNDETICS_ANOTES ) %]
422                                 <li id="tab_anotes"> <a href="#anotes">About the author</a></li>
423                             [% END %]
424                         [% END # / IF SyndeticsEnabled %]
425
426                         [% IF ( LibraryThingForLibrariesID && LibraryThingForLibrariesTabbedView ) %]
427                             <li id="tab_LFTLSimilarItems"> <a href="#LFTLSimilarItems">Similar items</a></li>
428                             <li id="tab_LTFLTagBrowse"> <a href="#LTFLTagBrowse">Tag browser</a></li>
429                         [% END %]
430
431                         [% IF ( subscriptionsnumber ) %]
432                             [% IF ( defaulttab == 'subscriptions' ) %]<li id="tab_subscriptions" class="ui-tabs-active">[% ELSE %]<li id="tab_subscriptions">[% END %]
433                                 <a href="#subscriptions">Subscriptions ( [% subscriptionsnumber | html %] )</a>
434                             </li>
435                         [% END %]
436
437                         [% IF Koha.Preference( 'OPACComments' ) == 1 %]
438                             <li id="tab_comments"><a href="#comments">Comments[% ' ( ' _ (reviews.size || 0) _ ' )' | html %]</a></li>
439                         [% END %]
440
441                         [% IF ( NovelistSelectProfile && (normalized_isbn || normalized_upc) ) %]
442                             [% IF ( NovelistSelectView == 'tab') %]
443                                 <li id="tab_NovelistSelect" class="NovelistSelect" style="display:none;"> <a href="#NovelistSelect">Novelist Select</a></li>
444                             [% END %]
445                         [% END %]
446
447                         [% IF ( OPACFRBRizeEditions && XISBNS ) %]
448                             <li id="tab_editions"><a href="#editions">Editions</a></li>
449                         [% END %]
450
451                         [% IF ( serialcollection ) %]
452                             [% IF ( defaulttab == 'serialcollection' ) %]<li id="tab_serialcollection" class="ui-tabs-active">[% ELSE %]<li id="tab_serialcollection">[% END %]
453                                 <a href="#serialcollection">Serial collection</a>
454                             </li>
455                         [% END %]
456
457                         [% IF ( OPACLocalCoverImages && localimages.count ) %]
458                             <li id="tab_images"><a href="#images">Images</a></li>
459                         [% END %]
460
461                         [% IF HTML5MediaEnabled && HTML5MediaSets.size %]
462                             [% IF ( defaulttab == 'media' ) %]<li id="tab_html5media" class="ui-tabs-active">[% ELSE %]<li id="tab_html5media">[% END %]<a href="#html5media">Play media</a></li>
463                         [% END %]
464
465                     </ul>
466
467                     [% IF ( serialcollection ) %]
468                         <div id="serialcollection">
469                             <table id="serialcollectiont" class="table table-bordered table-striped">
470                                 <caption class="sr-only">Serial collections</caption>
471                                 <thead>
472                                     <tr>
473                                         <th id="serial_library">Library</th>
474                                         <th id="serial_collection">Serial collection</th>
475                                         <th id="serial_itemcallnumber">Item call number</th>
476                                     </tr>
477                                 </thead>
478                                 <tbody>
479                                     [% FOREACH serialcollection IN serialcollections %]
480                                         <tr>
481                                             <td>[% serialcollection.branch | html %]</td>
482                                             <td>[% serialcollection.text | html %]</td>
483                                             <td>[% serialcollection.itemcallnumber | html %]</td>
484                                         </tr>
485                                     [% END %]
486                                 </tbody>
487                             </table>
488                         </div> <!-- /#serialcollection -->
489                     [% END # / IF serialcollection %]
490
491
492                     <div id="holdings">
493                         [% IF too_many_items %]
494                             <p>This record has many physical items ([% items_count | html %]). <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblio.biblionumber | uri %]&amp;viewallitems=1">View all the physical items.</a></p>
495                         [% ELSIF ( itemloop.size ) %]
496                             [% INCLUDE items_table items=itemloop tab="holdings" table_id="holdingst" %]
497                             [% IF specific_item %]
498                                 <p><a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblio.biblionumber | uri %]">Show all items</a></p>
499                             [% ELSE %]
500                                 [% IF Koha.Preference('OPACAcquisitionDetails') and acquisition_details.total_quantity > 0 %]
501                                     [% IF acquisition_details.total_quantity == 1 %]
502                                         <span>1 item is on order.</span>
503                                     [% ELSE %]
504                                         <span>[% acquisition_details.total_quantity | html %] items are on order.</span>
505                                     [% END %]
506                                 [% END %]
507                                 [% IF holds_count.defined || priority %]
508                                     <div id="bib_holds">
509                                         [% IF holds_count.defined %]
510                                             <span>Total holds: [% holds_count | html %]</span>
511                                         [% END %]
512                                         [% IF priority %]
513                                             [% IF holds_count.defined %]
514                                                 <span>(priority [% priority | html %])</span>
515                                             [% ELSE %]
516                                                 <span>Overall queue priority: [% priority | html %]</span>
517                                             [% END %]
518                                         [% END %]
519                                     </div>
520                                 [% END %]
521
522                             [% END # /IF specific_item %]
523                         [% ELSE %]
524                             [% IF ( ALTERNATEHOLDINGS ) %]
525                                 [% FOREACH ALTERNATEHOLDING IN ALTERNATEHOLDINGS %]
526                                     <div id="alternateholdings"><span class="holdings_label">Holdings:</span> [% ALTERNATEHOLDING.holding | html %]</div>
527                                 [% END %]
528                             [% ELSE %]
529                                 [% IF Koha.Preference('OPACAcquisitionDetails') and acquisition_details.total_quantity > 0 %]
530                                     [% IF acquisition_details.total_quantity == 1 %]
531                                         <span>1 item is on order.</span>
532                                     [% ELSE %]
533                                         <span>[% acquisition_details.total_quantity | html %] items are on order.</span>
534                                     [% END %]
535                                 [% ELSE %]
536                                     <div id="noitems">No physical items for this record</div>
537                                 [% END %]
538                             [% END %]
539                         [% END # IF itemloop.size %]
540                         [% PROCESS 'shelfbrowser.inc' %]
541                         [% INCLUDE shelfbrowser tab='holdings' %]
542                         <br style="clear:both;" />
543                     </div> <!-- / #holdings -->
544
545                     [% IF (SeparateHoldings) %]
546                         <div id="otherholdings">
547                             [% IF (otheritemloop.size) %]
548                                 [% INCLUDE items_table items=otheritemloop tab="otherholdings" table_id="otherholdingst" %]
549                             [% ELSE %]
550                                 <span>No other items.</span>
551                             [% END %]
552                             [% INCLUDE shelfbrowser tab='otherholdings' %]
553                         </div>
554                     [% END # / SeparateHoldings %]
555
556                     [% IF ( MARCNOTES || notes || ( SyndeticsEnabled && SyndeticsSummary && SYNDETICS_SUMMARY )) %]
557                         <div id="descriptions">
558                             <div class="content_set">
559
560                                 [% IF ( SyndeticsEnabled && SyndeticsSummary && SYNDETICS_SUMMARY ) %]
561                                     <h2>Enhanced descriptions from Syndetics:</h2>
562                                     <p>[% SYNDETICS_SUMMARY | $raw %]</p>
563                                 [% END %]
564
565                                 [% IF ( MARCNOTES ) %]
566                                     <div id="marcnotes">
567                                     [% FOREACH MARCNOTE IN MARCNOTES %]
568                                         <p>
569                                         [% IF MARCNOTE.marcnote.match('^https?://\S+$') %]
570                                             <a href="[% MARCNOTE.marcnote | url %]">[% MARCNOTE.marcnote | html %]</a>
571                                         [% ELSE %]
572                                             [% MARCNOTE.marcnote | html | html_line_break %]
573                                         [% END %]
574                                         </p>
575                                     [% END %]
576                                     </div>
577                                 [% ELSE %]
578                                     [% IF ( notes ) %]
579                                         <p>[% notes | html %]</p>
580                                     [% END %]
581                                 [% END %]
582
583                             </div> <!-- /.content_set -->
584                         </div> <!-- / #descriptions -->
585                     [% END # / IF MARCNOTES || notes %]
586
587                     [% IF ( SyndeticsEnabled ) %]
588                         [% IF ( SyndeticsTOC && SYNDETICS_TOC ) %]
589                             <div id="toc">
590                                 <div class="content_set">
591                                     <h2>Table of contents provided by Syndetics</h2>
592                                         <ul>
593                                             [% FOREACH SYNDETICS_TO IN SYNDETICS_TOC %]
594                                                 <li><strong>[% SYNDETICS_TO.l | html %] [% SYNDETICS_TO.t | html %]</strong>[% IF ( SYNDETICS_TO.p ) %] ([% SYNDETICS_TO.p | $raw %])[% END %]</li>
595                                             [% END %]
596                                         </ul>
597                                 </div>
598                             </div>
599                         [% END # / IF SyndeticsTOC && SYNDETICS_TOC %]
600
601                         [% IF ( SyndeticsExcerpt && SYNDETICS_EXCERPT ) %]
602                             <div id="excerpt">
603                                 <div class="content_set">
604                                     <h2>Excerpt provided by Syndetics</h2>
605                                     [% SYNDETICS_EXCERPT | $raw %]
606                                 </div>
607                             </div>
608                         [% END # / IF SyndeticsExcerpt && SYNDETICS_EXCERPT %]
609
610                         [% IF ( SyndeticsReviews && SYNDETICS_REVIEWS ) %]
611                             <div id="reviews">
612                                 <div class="content_set">
613                                     <h2>Reviews provided by Syndetics</h2>
614                                     [% FOREACH SYNDETICS_REVIEW IN SYNDETICS_REVIEWS %]
615                                         [% IF ( SYNDETICS_REVIEW.title ) %]
616                                             <h3>[% SYNDETICS_REVIEW.title | html %]</h3>
617                                                 [% FOREACH review IN SYNDETICS_REVIEW.reviews %]
618
619                                                     [% IF ( review.content ) %]
620                                                         [% review.content | $raw %]
621                                                     [% END %]
622
623                                                 [% END %]
624                                         [% END %]
625                                     [% END %]
626                                 </div>
627                             </div>
628                         [% END # / IF SyndeticsReviews && SYNDETICS_REVIEWS %]
629
630                         [% IF ( SyndeticsAuthorNotes && SYNDETICS_ANOTES ) %]
631                             <div id="anotes">
632                                 <div class="content_set">
633                                     <h2>Author notes provided by Syndetics</h2>
634                                     [% FOREACH SYNDETICS_ANOTE IN SYNDETICS_ANOTES %]
635                                         [% IF ( SYNDETICS_ANOTE.content ) %]
636                                             [% SYNDETICS_ANOTE.content | $raw %]
637                                         [% END %]
638                                     [% END %]
639                                 </div>
640                             </div>
641                         [% END # / IF SyndeticsReviews && SYNDETICS_REVIEWS %]
642                     [% END # / IF SyndeticsEnabled %]
643
644                     [% IF ( NovelistSelectProfile && NovelistSelectView == 'tab' && (normalized_isbn || normalized_upc) ) %]
645                        <div id="NovelistSelect" >
646                             <div data-novelist-novelistselect=[% IF normalized_isbn %][% normalized_isbn | html %][% ELSE %][% normalized_upc | html %][% END %]></div>
647                        </div>
648                     [% END # / IF NovelistSelectProfile && NovelistSelectView == 'tab' %]
649
650                     [% IF ( subscriptionsnumber ) %]
651                         <div id="subscriptions">
652                             <h2>This is a serial</h2>
653                             <p class="subscription_count">There are [% subscriptionsnumber | html %] subscription(s) associated with this title.</p>
654                             [% FOREACH subscription IN subscriptions %]
655                                 <div class="subscription">
656                                     [% IF ( subscription.branchcode ) %]
657                                         <h3>At library: [% Branches.GetName( subscription.branchcode ) | html %]</h3>
658                                     [% ELSE %]
659                                         [% IF ( subscription.branchcode ) %]
660                                             <h3>At library: [% subscription.branchcode | html %]</h3>
661                                         [% END %]
662                                     [% END %]
663                                     [% IF ( subscription.closed ) %]
664                                         <p class="subscription_closed">This subscription is closed.</p>
665                                     [% END %]
666                                     [% IF ( subscription.location ) %]
667                                         <p class="subscription_location">Location: [% AuthorisedValues.GetByCode( 'LOC', subscription.location, 1 ) | html %]
668                                     [% END %]
669                                     [% IF ( subscription.callnumber ) %]
670                                         <p class="subscription_callnumber">Call number: [% subscription.callnumber | html %]</p>
671                                     [% END %]
672                                     [% IF ( subscription.subscriptionnotes ) %]
673                                         <p class="subscription_notes">[% subscription.subscriptionnotes | html | html_line_break %] </p>
674                                     [% END %]
675                                     <p class="subscription_dates">Subscription from: [% subscription.histstartdate | $KohaDates %] to:[% IF ( subscription.histenddate ) %] [% subscription.histenddate | $KohaDates %] [% ELSE %] now (current)[% END %]</p>
676                                     [% IF ( subscription.letter ) %]
677                                         <span class="email_notifications">
678                                             [% IF ( loggedinusername ) %]
679                                                 [% IF ( subscription.hasalert ) %]
680                                                     <span>You have subscribed to email notification on new issues. </span><a class="btn btn-secondary" title="Cancel email notification" href="/cgi-bin/koha/opac-alert-subscribe.pl?op=cancel&amp;subscriptionid=[% subscription.subscriptionid | html %]&amp;biblionumber=[% subscription.biblionumber | html %]">Cancel email notification</a>
681                                                 [% ELSE %]
682                                                     <a class="btn btn-secondary" title="Subscribe to email notification on new issues" href="/cgi-bin/koha/opac-alert-subscribe.pl?subscriptionid=[% subscription.subscriptionid | html %]&amp;biblionumber=[% subscription.biblionumber | html %]">Subscribe to email notification on new issues</a>
683                                                 [% END %]
684                                             [% ELSE %]
685                                                 <span>You must log in if you want to subscribe to email notification on new issues</span>
686                                             [% END %]
687                                         </span>
688                                     [% END %]
689                                     [% IF ( subscription.missinglist ) %]
690                                         <p class="subscription_missing">Missing issues: [% subscription.missinglist | html | html_line_break %] </p>
691                                     [% END %]
692                                     [% IF ( subscription.opacnote ) %]
693                                         <p class="subscription_opacnote">[% subscription.opacnote | html | html_line_break %]</p>
694                                     [% END %]
695                                     [% IF ( subscription.latestserials ) %]
696                                         <p class="subscription_latestissues"> The [% subscription.opacdisplaycount | html %] latest issues for this subscription:</p>
697                                         <table class="table table-bordered table-striped" id="subscriptionst">
698                                             <caption class="sr-only">Latest serials</caption>
699                                             <thead>
700                                                 <tr>
701                                                     <th id="serial_serialseq" data-colname="serial_serialseq">Issue #</th>
702                                                     <th id="serial_publisheddate" data-colname="serial_publisheddate">Publication date</th>
703                                                     <th id="serial_planneddate" data-colname="serial_planneddate">Received date</th>
704                                                     <th id="serial_status" data-colname="serial_status">Status</th>
705                                                     <th id="serial_notes" data-colname="serial_notes">Note</th>
706                                                 </tr>
707                                             </thead>
708                                             <tbody>
709                                                 [% FOREACH latestserial IN subscription.latestserials %]
710                                                     <tr>
711                                                         <td class="serialseq">[% latestserial.serialseq | html %]</td>
712                                                         <td class="publisheddate" data-order="[% latestserial.publisheddate | html %]">[% latestserial.publisheddate | $KohaDates %]</td>
713                                                         <td class="planneddate" data-order="[% latestserial.planneddate | html %]">[% latestserial.planneddate | $KohaDates %]</td>
714                                                         <td class="serial_status">
715                                                             [% IF (latestserial.status1 ) %]<span>Expected</span>[% END %]
716                                                             [% IF (latestserial.status2 ) %]<span>Arrived</span>[% END %]
717                                                             [% IF (latestserial.status3 ) %]<span>Late</span>[% END %]
718                                                             [% IF (latestserial.status4 ) %]<span>Missing</span>[% END %]
719                                                                 [% IF (latestserial.status41 ) %]<span>Missing (never received)</span>[% END %]
720                                                                 [% IF (latestserial.status42 ) %]<span>Missing (sold out)</span>[% END %]
721                                                                 [% IF (latestserial.status43 ) %]<span>Missing (damaged)</span>[% END %]
722                                                                 [% IF (latestserial.status44 ) %]<span>Missing (lost)</span>[% END %]
723                                                             [% IF (latestserial.status5 ) %]<span>Not issued</span>[% END %]
724                                                             [% IF (latestserial.status6 ) %]<span>Delete</span>[% END %]
725                                                             [% IF (latestserial.status7 ) %]<span>Claimed</span>[% END %]
726                                                             [% IF (latestserial.status8 ) %]<span>Stopped</span>[% END %]
727                                                         </td>
728                                                         <td class="serial_notes">[% latestserial.notes | html %]</td>
729                                                     </tr>
730                                                 [% END # / FOREACH latestserials %]
731                                             </tbody>
732                                         </table>
733                                     [% END # / IF subscription.latestserials %]
734                                 </div>
735                             [% END # / FOREACH subscriptions %]
736                             <p class="subscription_moredetails"><a href="opac-serial-issues.pl?biblionumber=[% biblio.biblionumber | uri %]">More details</a></p>
737                         </div> <!-- / #subscriptions -->
738                     [% END # IF subscriptionsnumber %]
739
740                     [% IF ( LibraryThingForLibrariesID && LibraryThingForLibrariesTabbedView ) %]
741                         <!-- Library Thing for Libraries Content -->
742                         <div id="LFTLSimilarItems">
743                             <div class="content_set">
744                                 <!-- Uncommenting this span makes the font smaller in the tab for LTFL -->
745                                 <!-- but breaks Xhtml validation -->
746                                 <!--    <span class="results_summary">-->
747                                 <div id="ltfl_related"></div>
748                                 <div id="ltfl_similars"></div>
749                                 <!--            </span>-->
750                             </div>
751                         </div>
752                         <div id="LTFLTagBrowse">
753                             <div class="content_set">
754                                 <!-- <span class="results_summary"> -->
755                                 <div id="ltfl_tagbrowse" class="ltfl"></div>
756                                 <!-- </span> -->
757                             </div>
758                         </div>
759                     [% END # / IF LibraryThingForLibrariesID && LibraryThingForLibrariesTabbedView %]
760
761                     [% IF Koha.Preference( 'OPACComments' ) == 1 %]
762                         <div id="comments">
763                             <div id="newcomment"></div>
764                                 [% IF ( reviews ) %]
765                                     [% FOREACH review IN reviews %]
766                                         [% IF borrowernumber && review.borrowernumber == borrowernumber %]
767                                             <div class="commentline yours" id="c[% review.reviewid | html %]">
768                                                 [% IF ( review.avatarurl ) %]
769                                                     <img class="avatar" src="[% review.avatarurl | html %]" height="80" width="80" alt="" />
770                                                 [% END %]
771                                                 [% IF review.approved %]
772                                                     <h2 id="comment">Your comment</h2>
773                                                 [% ELSE %]
774                                                     <h2 id="comment">Your comment (preview, pending approval)</h2>
775                                                 [% END %]
776                                                 <small>[% review.datereviewed | $KohaDates %]</small>
777                                                 <p>
778                                                     [% FILTER html_break %]
779                                                         [% review.review | html %]
780                                                     [% END %]
781                                                     <a href="#" onclick="Dopop('/cgi-bin/koha/opac-review.pl?biblionumber=[% review.biblionumber | uri %]&amp;reviewid=[% review.reviewid | uri %]');">Edit</a>
782                                                 </p>
783                                             </div>
784                                         [% ELSE %]
785                                             <div class="commentline">
786                                                 [% IF ( ShowReviewer != "none" && review.patron) %]
787
788                                                     [% IF ( review.avatarurl ) %]
789                                                         <img class="avatar" src="[% review.avatarurl | html %]" height="80" width="80" alt="" />
790                                                     [% END %]
791                                                     [% SWITCH ShowReviewer %]
792                                                     [% CASE 'full' %]
793                                                         <h2 id="comment">Comment by [% review.patron.title | html %] [% review.patron.firstname | html %] [% review.patron.surname | html %]</h2>
794                                                     [% CASE 'first' %]
795                                                         <h2 id="comment">Comment by [% review.patron.firstname | html %]</h2>
796                                                     [% CASE 'surname' %]
797                                                         <h2 id="comment">Comment by [% review.patron.surname | html %]</h2>
798                                                     [% CASE 'firstandinitial' %]
799                                                         <h2 id="comment">Comment by [% review.patron.firstname | html %] [% review.patron.surname|truncate(2,'.') | html %]</h2>
800                                                     [% CASE 'username' %]
801                                                         <h2 id="comment">Comment by [% review.patron.userid | html %]</h2>
802                                                     [% END %]
803
804                                                     <small>[% review.datereviewed | $KohaDates %]</small>
805                                                 [% ELSE %]
806                                                     <h2 id="comment">Patron comment on [% review.datereviewed | $KohaDates %]</h2>
807                                                 [% END # / IF ShowReviewer != "none" && review.patron %]
808                                                 <p>
809                                                     [% FILTER html_break %]
810                                                     [% review.review | html %]
811                                                     [% END %]
812                                                 </p>
813                                             </div> <!-- / .commentline -->
814                                         [% END %]
815                                     [% END # / FOREACH reviews %]
816                                 [% ELSE %]
817                                     <p>There are no comments on this title.</p>
818                                 [% END # / IF reviews %]
819
820                                 [% IF ( loggedinusername ) %]
821                                     [% UNLESS ( loggedincommenter ) %]
822                                         <div id="addcomment">
823                                             <a href="#" onclick="Dopop('/cgi-bin/koha/opac-review.pl?biblionumber=[% biblio.biblionumber | uri %]'); return false;">
824                                             Post your comments on this title.
825                                             </a>
826                                         </div>
827                                     [% END %]
828                                 [% ELSE %]
829                                     <div id="addcomment">
830                                         <a class="login-link loginModal-trigger" role="button" data-toggle="modal" href="/cgi-bin/koha/opac-user.pl">Log in to your account</a> to post a comment.
831                                     </div>
832                                 [% END # / IF loggedinusername %]
833                             </div> <!-- / #comments -->
834                         [% END # / IF OPACComments %]
835
836                         [% IF ( OPACFRBRizeEditions && XISBNS ) %]
837                             <div id="editions">
838                                 <h2>Other editions of this work</h2>
839                                 <table class="table table-bordered table-striped">
840                                     <caption class="sr-only">Other editions</caption>
841                                     [% FOREACH XISBN IN XISBNS %]
842                                         <tr>
843                                             <td>
844                                                 [% IF ( OPACAmazonCoverImages ) %]
845                                                     <img src="https://images-na.ssl-images-amazon.com/images/P/[% XISBN.normalized_isbn | html %].01._AA75_PU_PU-5_.jpg" alt="" />
846                                                 [% END %]
847
848                                                 [% IF ( SyndeticsEnabled && SyndeticsCoverImages ) %]
849                                                     [% IF ( XISBN.content_identifier_exists ) %]
850                                                         <img src="https://secure.syndetics.com/index.aspx?isbn=[% XISBN.browser_normalized_isbn | html %]/SC.GIF&amp;client=[% SyndeticsClientCode | html %][% IF ( XISBN.browser_normalized_upc ) %]&amp;upc=[% XISBN.browser_normalized_upc | html %][% END %][% IF ( XISBN.browser_normalized_oclc ) %]&amp;oclc=[% XISBN.browser_normalized_oclc | html %][% END %]&amp;type=xw10" alt="" />
851                                                     [% ELSE %]
852                                                         <span class="no-image">No cover image available</span>
853                                                     [% END # / IF  XISBN.content_identifier_exists %]
854                                                 [% END # / IF SyndeticsEnabled && SyndeticsCoverImages %]
855                                             </td>
856
857                                             [% UNLESS ( item_level_itypes ) %]
858                                                 <td>[% XISBN.description | html %]</td>
859                                             [% END %]
860                                             <td>
861                                                 <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% XISBN.biblionumber | uri %]">[% XISBN.title | html %]</a>
862                                                 [% IF ( XISBN.author ) %]<span> by </span>[% XISBN.author | html %][% END %]
863                                                 [% IF ( XISBN.copyrightdate ) %]<span> &copy;</span>[% XISBN.copyrightdate | html %][% END %]
864                                                 [% IF ( XISBN.publishercode ) %]
865                                                     <p>[% XISBN.publishercode | html %]
866                                                         [% IF ( XISBN.place ) %]([% XISBN.place | html %])[% END %]
867                                                         [% IF ( XISBN.publicationyear ) %][% ', ' _ XISBN.publicationyear | html %][% END %]
868                                                         [% IF ( XISBN.pages ) %][% XISBN.pages | html %] [% XISBN.illus | html %] [% XISBN.size | html %][% END %]
869                                                     </p>
870                                                 [% END %]
871                                             </td>
872                                         </tr>
873                                     [% END # / FOREACH XISBNS %]
874                                 </table>
875                             </div> <!-- / #editions -->
876                         [% END # / IF OPACFRBRizeEditions && XISBNS %]
877
878                         [% IF ( HTML5MediaEnabled ) %]
879                             <div id="html5media">
880                               [% FOREACH HTML5MediaSet IN HTML5MediaSets %]
881                                 <p>
882                                     [% IF HTML5MediaSet.is_youtube %]
883                                         <iframe id="player" type="text/html" width="640" height="360"
884                                             src="[% HTML5MediaSet.srcblock | url %]" frameborder="0"></iframe>
885                                     [% ELSE %]
886                                         [% SET ctrl_preload = ' controls preload=none' #translatability %]
887                                         <[% HTML5MediaParent _ ctrl_preload | html %] >
888                                           <[% HTML5MediaSet.child | html %] src="[% HTML5MediaSet.srcblock | url %]" [% HTML5MediaSet.typeblock | html %] />
889                                           <span>[[% HTML5MediaParent | html %] tag not supported by your browser.]</span>
890                                         </[% HTML5MediaParent | html %]>
891                                     [% END %]
892                                 </p>
893                               [% END %]
894                             </div>
895                         [% END # / IF HTML5MediaEnabled %]
896
897                         [% IF ( OPACLocalCoverImages && localimages.count ) %]
898                             <div id="images">
899                                 <p>Click on an image to view it in the image viewer</p>
900                                 [% FOREACH image IN localimages %]
901                                     <a href="/cgi-bin/koha/opac-imageviewer.pl?biblionumber=[% biblio.biblionumber | uri %]&amp;imagenumber=[% image.imagenumber | uri %]" title="Local cover image">
902                                         <img src="/cgi-bin/koha/opac-image.pl?thumbnail=1&amp;imagenumber=[% image.imagenumber | uri %]" alt="Local cover image" />
903                                     </a>
904                                 [% END %]
905                             </div><!-- / #images -->
906                         [% END # / IF OPACLocalCoverImages && localimages.size %]
907
908                 </div> <!-- / #bibliodescriptions -->
909
910                 [% IF ( NovelistSelectProfile && NovelistSelectView == 'below' && ( normalized_isbn || normalized_upc ) ) %]
911                     <div id="NovelistSelect">
912                         <h2>Novelist Select</h2>
913                         <div data-novelist-novelistselect="[% IF normalized_isbn %][% normalized_isbn | html %][% ELSE %][% normalized_upc | html %][% END %]"></div>
914                     </div>
915                 [% END %]
916
917                 [% IF ( Babeltheque ) %]
918                     <div>
919                         <div id="BW_etiquettes"></div>
920                         <div id="BW_suggestions"></div>
921                     </div>
922                     <div class="clearfix"></div>
923                     <div>
924                         <div id="BW_podcasts"></div>
925                     </div>
926                     <div class="clearfix"></div>
927                     <div>
928                         <div id="BW_videos"></div>
929                     </div>
930                 [% END # / IF Babeltheque %]
931
932             </div> <!-- /.col-lg-10 -->
933
934             <div class="col-lg-3">
935                 <div id="ulactioncontainer">
936
937                     [% IF ( Koha.Preference('OpacBrowseResults') && busc ) %]
938                         <div class="nav_results">
939                             <div class="l_Results" style="display:none;">
940                                 [% IF ( listResults ) %]
941                                     <a href="#" id="a_listResults"><i class="fa fa-bars" aria-hidden="true"></i> Browse results</a>
942                                 [% ELSE %]
943                                     <span><i class="fa fa-bars" aria-hidden="true"></i> Browse results</span>
944                                 [% END %]
945                                 <a href="#" class="close_pagination"><i class="fa fa-remove" aria-hidden="true"></i> Close</a>
946                             </div>
947
948                             <div class="pg_menu">
949                                 <div class="pg_link left_results">
950                                     [% IF ( previousBiblionumber ) %]
951                                         <a href="opac-detail.pl?biblionumber=[% previousBiblionumber | uri %][% IF ( query_desc && OpacHighlightedWords ) %]&query_desc=[% query_desc |uri %][% END %]" title="See: [% IF ( previousTitle ) %][% previousTitle | html %][% ELSE %]previous biblio[% END %]"><i class="fa fa-angle-double-left" aria-hidden="true"></i> Previous</a>
952                                     [% ELSE %]
953                                         <span>Previous</span>
954                                     [% END %]
955                                 </div>
956                                 [%# busc is already URI encoded %]
957                                 <div class="pg_link back_results">
958                                     <a href="opac-search.pl?[% busc | $raw %]" title="Back to the results search list">Back to results</a>
959                                 </div>
960                                 <div class="pg_link right_results">
961                                     [% IF ( nextBiblionumber ) %]
962                                         <a href="opac-detail.pl?biblionumber=[% nextBiblionumber | uri %][% IF ( query_desc && OpacHighlightedWords ) %]&query_desc=[% query_desc |uri %][% END %]" title="See: [% IF ( nextTitle ) %][% nextTitle | html %][% ELSE %]next biblio[% END %]">Next <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
963                                     [% ELSE %]
964                                         <span>Next</span>
965                                     [% END %]
966                                 </div>
967                             </div> <!-- /.pg_menu -->
968
969                             [% IF ( listResults ) %]
970                                 <div class="results-pagination">
971                                     <div class="nav_pages">
972                                         <ul id="listResults">
973                                             [% FOREACH listitem IN listResults %]
974                                                 [% IF ( listitem.biblionumber == biblionumber ) %]
975                                                     <li class="li_pag_[% loop.count | html %] highlight">
976                                                 [% ELSE %]
977                                                     <li class="li_pag_[% loop.count | html %]">
978                                                 [% END %]
979                                                     <a href="opac-detail.pl?biblionumber=[% listitem.biblionumber | uri %]&amp;query_desc=[% query_desc |uri %]" title="View record &quot;[% listitem.title | html %]&quot;" class="a_pag" id="a_pag_[% loop.count | html %]">[% loop.count + offset | html %]</a>
980                                                 </li>
981                                             [% END # /FOREACH listitem %]
982                                         </ul> <!-- /#listResults -->
983                                     </div> <!-- /.nav_pages -->
984                                     <div class="pagination_list">
985                                         <ul id="ul_pagination_lists">
986                                             [% FOREACH listitem IN listResults %]
987                                                 [% IF ( listitem.biblionumber == biblionumber ) %]
988                                                     <li id="li_pag_[% loop.count | html %]" class="highlight" title="Go to detail">
989                                                         <span class="li_pag_index"><i class="fa fa-arrow-left" aria-hidden="true"></i> [% loop.count  + offset | html %]</span>
990                                                         <a href="opac-detail.pl?biblionumber=[% biblionumber | uri %]&amp;query_desc=[% query_desc |uri %]">[% title | html %]</a><br> [% IF ( author ) %]by [% author | html %][% END %]
991                                                     </li>
992                                                 [% ELSE %]
993                                                     <li id="li_pag_[% loop.count | html %]" title="Go to detail">
994                                                         <span class="li_pag_index">[% loop.count + offset | html %]</span>
995                                                         <a href="opac-detail.pl?biblionumber=[% listitem.biblionumber | uri %]&amp;query_desc=[% query_desc |uri %]">[% listitem.title | html %]</a><br> [% IF ( listitem.author ) %]by [% listitem.author | html %][% END %]
996                                                     </li>
997                                                 [% END # /IF listitem.biblionumber %]
998                                             [% END # /FOREACH listitem %]
999                                         </ul> <!-- /#ul_pagination_list -->s
1000                                     </div> <!-- /.pagination_list -->
1001                                 </div> <!-- /.results-pagination -->
1002                             [% END # /IF ( listResults ) %]
1003                             <div class="pagination_footer">
1004                                 <a href="#" class="close_pagination"><i class="fa fa-remove" aria-hidden="true"></i> Close</a>
1005                             </div>
1006                         </div> <!-- /.nav_results -->
1007                     [% END # / IF OpacBrowseResults && busc %]
1008
1009                     [% INCLUDE 'opac-detail-sidebar.inc' %]
1010
1011                     [% IF ( NovelistSelectProfile && NovelistSelectView == 'right' && ( normalized_isbn || normalized_upc ) ) %]
1012                         <div id="NovelistSelect">
1013                             <h2>Novelist Select</h2>
1014                             <div data-novelist-novelistselect="[% IF normalized_isbn %][% normalized_isbn | html %][% ELSE %][% normalized_upc | html %][% END %]"></div>
1015                         </div>
1016                     [% END %]
1017
1018                     [% IF ( Babeltheque ) %]
1019                         <div class="babeltheque_adds">
1020                             <div id="BW_critiques_aj"></div>
1021                             <div id="BW_citations_aj"></div>
1022                         </div>
1023                     [% END %]
1024
1025                     [% IF ( Koha.Preference('SocialNetworks') ) %]
1026                         <div id="social_networks" class="clearfix">
1027                             <span>Share</span>
1028                             [% SET SocialNetworks = Koha.Preference('SocialNetworks') %]
1029                             [% FOREACH network IN SocialNetworks.split(",") %]
1030                                 [% SWITCH network -%]
1031                                     [% CASE "facebook" -%]
1032                                         <div><a id="facebook" href="https://www.facebook.com/sharer.php?u=[% current_url |url %]&amp;t=[% title |url %]" title="Share on Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></div>
1033                                     [% CASE "linkedin" -%]
1034                                         <div><a id="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=[% current_url |url %]&amp;title=[% title |url %]" title="Share on LinkedIn"><i class="fa fa-linkedin" aria-hidden="true"></i></a></div>
1035                                     [% CASE "email" -%]
1036                                         <div><a id="email" href="mailto:?subject=[% title |url %]&amp;body=[% title |url %]%20([% current_url |url %])" title="Share by email"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></div>
1037                                     [% CASE "twitter" -%]
1038                                         <div><a id="twitter" href="https://twitter.com/share?url=[% current_url|url %]&text=[% title | uri %]" class="twitter-share-button" data-count="none" data-lang="[% lang | html %]" title="Share on Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></div>
1039                                 [% END # /SWITCH network -%]
1040                             [% END # /FOREACH network %]
1041                         </div> <!-- /#social_networks -->
1042                     [% END # /IF SocialNetworks %]
1043                 </div> <!-- / .ulactioncontainer -->
1044             </div> <!-- / .col-lg-3 -->
1045         </div> <!-- / .row -->
1046         <div class="row">
1047             [% IF ( LibraryThingForLibrariesID ) %]
1048                 <script src="https://ltfl.librarything.com/forlibraries/widget.js?systype=koha&amp;id=[% LibraryThingForLibrariesID | html %]"></script>
1049                 <noscript>This page contains enriched content visible when JavaScript is enabled or by clicking
1050                 <a href="https://www.librarything.com/forlibraries/noscript.php?id=[% LibraryThingForLibrariesID | uri %]&amp;accessibility=1">here</a>.</noscript>
1051             [% END %]
1052
1053             [% IF ( NovelistSelectProfile && ( normalized_isbn || normalized_upc ) ) %]
1054                 <script src="https://imageserver.ebscohost.com/novelistselect/ns2init.js"></script>
1055             [% END %]
1056
1057             [% IF ( Babeltheque ) %]
1058                 <script src="[% Babeltheque_url_js | html %]"></script>
1059             [% END %]
1060         </div> <!-- / .row -->
1061     </div> <!-- / .container-fluid -->
1062 </div> <!-- / .main -->
1063
1064 [% IF ( OPACPopupAuthorsSearch  ) %]
1065     <!-- Modal -->
1066     <div class="modal" id="multiSearch" tabindex="-1" role="dialog" aria-labelledby="multiSearchLabel">
1067         <div class="modal-dialog" role="document">
1068             <div class="modal-content">
1069                 <div class="modal-header">
1070                     <h1 id="multiSearchLabel">Select the item(s) to search</h1>
1071                     <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1072                 </div>
1073                 <div class="modal-body">
1074                     <a href="#" class="check_all btn btn-link btn-sm"><i class="fa fa-check" aria-hidden="true"></i> Select all</a> <span class="sep">|</span>
1075                     <a href="#" class="check_none btn btn-link btn-sm"><i class="fa fa-remove" aria-hidden="true"></i> Select none</a>
1076                     <ul id="termsList">
1077                     </ul>
1078                 </div>
1079                 <div class="modal-footer">
1080                     <button id="validMultiSearch" class="btn btn-primary">Search</button>
1081                     <a href="#" class="cancel" data-dismiss="modal" aria-hidden="true">Cancel</a>
1082                 </div>
1083             </div> <!-- /.modal-content -->
1084         </div> <!-- /.modal-dialog -->
1085     </div> <!-- /#myModal -->
1086 [% END %]
1087
1088 [% INCLUDE 'opac-bottom.inc' %]
1089
1090 [%# End of template %]
1091
1092 [% BLOCK items_table %]
1093     <table class="table table-bordered table-striped" id="[% table_id | html %]">
1094         <caption class="sr-only">Holdings</caption>
1095         <thead>
1096             <tr>
1097
1098                 [% IF Koha.Preference('OPACLocalCoverImages') && ( tab == 'holdings' && itemloop_has_images || tab == 'otherholdings' && otheritemloop_has_images ) %]
1099                     <th id="item_cover" data-colname="item_cover">Cover image</th>
1100                 [% END %]
1101                 [% IF ( item_level_itypes ) %]
1102                     <th id="item_itemtype" data-colname="item_itemtype" class="itype">Item type</th>
1103                 [% END %]
1104                 [% IF ( OpacLocationBranchToDisplay == 'holding' || OpacLocationBranchToDisplay == 'both' ) %]
1105                     <th id="item_current_location" data-colname="item_current_location" class="item_location">Current library</th>
1106                 [% END %]
1107                 [% IF ( OpacLocationBranchToDisplay == 'home' || OpacLocationBranchToDisplay == 'both' ) %]
1108                     <th id="item_home_location" data-colname="item_home_location" class="item_location">Home library</th>
1109                 [% END %]
1110                 [% IF ( itemdata_ccode ) %]
1111                     <th id="item_ccode" data-colname="item_ccode" class="collection">Collection</th>
1112                 [% END %]
1113                 [% IF ( Koha.Preference('OpacLocationOnDetail') == 'column' && itemdata_location ) %]
1114                     <th id="item_shelving_location" data-colname="item_shelving_location" class="shelving_location">Shelving location</th>
1115                 [% END %]
1116                     <th id="item_callnumber" data-colname="item_callnumber" class="call_no">Call number</th>
1117                 [% UNLESS TablesSettings.is_hidden( 'opac', 'biblio-detail', 'holdingst', 'item_materials') %]
1118                     <th id="item_materials" data-colname="item_materials" class="materials">Materials specified</th>
1119                 [% END %]
1120                 [% IF ( itemdata_enumchron ) %]
1121                     <th id="item_enumchron" data-colname="item_enumchron" class="vol_info">Vol info</th>
1122                 [% END %]
1123                 [% IF ( itemdata_uri ) %]
1124                     <th id="item_url" data-colname="item_url" class="url">URL</th>
1125                 [% END %]
1126                 [% IF ( itemdata_copynumber ) %]
1127                     <th id="item_copy" data-colname="item_copy" class="copynumber">Copy number</th>
1128                 [% END %]
1129                     <th id="item_status" data-colname="item_status" class="status">Status</th>
1130                 [% IF ( itemdata_itemnotes ) %]
1131                     <th id="item_notes" data-colname="item_notes" class="notes">Notes</th>
1132                 [% END %]
1133                     <th id="item_datedue" data-colname="item_datedue" class="date_due">Date due</th>
1134                     <th id="item_barcode" data-colname="item_barcode" class="barcode">Barcode</th>
1135                 [% IF holds_count.defined %]
1136                     <th id="item_holds" data-colname="item_holds">Item holds</th>
1137                 [% ELSIF show_priority %]
1138                     <th id="item_priority" data-colname="item_priority">Item hold queue priority</th>
1139                 [% END %]
1140                 [% IF ( ShowCourseReservesHeader ) %]
1141                     <th id="item_coursereserves" data-colname="item_coursereserves">Course reserves</th>
1142                 [% END %]
1143             </tr>
1144         </thead>
1145         <tbody>
1146             [% FOREACH ITEM_RESULT IN items %]
1147                 <tr vocab="http://schema.org/" typeof="Offer">
1148
1149                 [% IF Koha.Preference('OPACLocalCoverImages') && ( tab == 'holdings' && itemloop_has_images || tab == 'otherholdings' && otheritemloop_has_images ) %]
1150                     <td class="cover">
1151                         <div class="bookcover">
1152                             <div class="cover-slider">
1153                                 [% FOR image IN ITEM_RESULT.cover_images %]
1154                                     <div class="cover-image local-coverimg">
1155                                         <a href="/cgi-bin/koha/opac-image.pl?itemnumber=[% image.itemnumber | uri %]&amp;imagenumber=[% image.imagenumber | uri %]" title="Local cover image">
1156                                             <img src="/cgi-bin/koha/opac-image.pl?thumbnail=1&amp;imagenumber=[% image.imagenumber | uri %]" alt="Local cover image" />
1157                                         </a>
1158                                     </div>
1159                                 [% END %]
1160                             </div>
1161                         </div>
1162                     </td>
1163                 [% END %]
1164
1165                 [% IF ( item_level_itypes ) %]
1166                     <td class="itype">
1167                         [% UNLESS ( Koha.Preference('OpacNoItemTypeImages') ) %]
1168                             [% IF ( ITEM_RESULT.imageurl ) %]
1169                                 <img src="[% ITEM_RESULT.imageurl | html %]" title="[% ITEM_RESULT.description | html %]" alt="[% ITEM_RESULT.description | html %]" />
1170                             [% END %]
1171                         [% END %]
1172                         [% ITEM_RESULT.description | html %]
1173                     </td>
1174                 [% END %]
1175                 [% IF ( OpacLocationBranchToDisplay == 'holding' || OpacLocationBranchToDisplay == 'both' ) %]
1176                     <td class="location" property="seller">
1177                         <link property="itemOffered" href="#record" />
1178                         <link property="businessFunction" href="http://purl.org/goodrelations/v1#LeaseOut">
1179                         <span class="[% ITEM_RESULT.holding_branch_opac_info ? 'branch-info-tooltip-trigger' : '' %]" title="">
1180                             [% IF ( ITEM_RESULT.branchurl ) %]
1181                                 <a href="[% ITEM_RESULT.branchurl | url %]">[% ITEM_RESULT.branchname | html %]</a>
1182                             [% ELSE %]
1183                                 <span>[% ITEM_RESULT.branchname | html %]</span>
1184                             [% END %]
1185                         </span>
1186                         <div class="branch-info-tooltip">[% ITEM_RESULT.holding_branch_opac_info | $raw %]</div>
1187
1188                         [% IF ( Koha.Preference('OpacLocationOnDetail') == 'holding' || Koha.Preference('OpacLocationOnDetail') == 'both' ) %]
1189                             <span class="shelvingloc">[% ITEM_RESULT.location_description | html %]</span>
1190                         [% END %]
1191
1192                     </td>
1193                 [% END %]
1194
1195                 [% IF ( OpacLocationBranchToDisplay == 'home' || OpacLocationBranchToDisplay == 'both' ) %]
1196                     <td class="location" property="seller">
1197                         <link property="itemOffered" href="#record" />
1198                         <link property="businessFunction" href="http://purl.org/goodrelations/v1#LeaseOut">
1199                         <span class="[% ITEM_RESULT.home_branch_opac_info ? 'branch-info-tooltip-trigger' : '' %]" title="">
1200                             [% IF Branches.GetURL( ITEM_RESULT.homebranch ) %]
1201                                 [% home_branch_url = Branches.GetURL( ITEM_RESULT.homebranch ) %]
1202                                 [% IF ( home_branch_url ) %]
1203                                      <a href="[% home_branch_url | url %]">[% Branches.GetName( ITEM_RESULT.homebranch ) | html %]</a>
1204                                 [% ELSE %]
1205                                     <span>[% Branches.GetName( ITEM_RESULT.homebranch ) | html %]</span>
1206                                 [% END %]
1207                             [% ELSE %]
1208                                 <span>[% Branches.GetName( ITEM_RESULT.homebranch ) | html %]</span>
1209                             [% END %]
1210                         </span>
1211                         <div class="branch-info-tooltip">[% ITEM_RESULT.home_branch_opac_info | $raw %]</div>
1212
1213                         [% IF ( Koha.Preference('OpacLocationOnDetail') == 'home' || Koha.Preference('OpacLocationOnDetail') == 'both' ) %]
1214                             <span class="shelvingloc">[% ITEM_RESULT.location_description | html %]</span>
1215                         [% END %]
1216
1217                     </td>
1218                 [% END %]
1219
1220                 [% IF ( itemdata_ccode ) %]
1221                     <td class="collection">[% ITEM_RESULT.ccode | html %]</td>
1222                 [% END %]
1223
1224                 [% IF ( Koha.Preference('OpacLocationOnDetail') == 'column' && itemdata_location ) %]
1225                     <td class="shelving_location"><span class="shelvingloc">[% ITEM_RESULT.location_description | html %]</span></td>
1226                 [% END %]
1227
1228                 <td class="call_no" property="sku">
1229                     [% IF ( ITEM_RESULT.itemcallnumber ) %]
1230                         [% ITEM_RESULT.itemcallnumber | html %]
1231                         [% IF ( OPACShelfBrowser ) %]
1232                             [% IF ( ITEM_RESULT.itemnumber == starting_itemnumber ) %]
1233                                 (<a class="close_shelf" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ITEM_RESULT.biblionumber | html %]&amp;shelfbrowse_itemnumber=[% ITEM_RESULT.itemnumber | html %]#[% tab | html %]">Browse shelf<span class="sr-only">(Opens below)</span></a>)
1234                             [% ELSE %]
1235                                 (<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ITEM_RESULT.biblionumber | uri %]&amp;shelfbrowse_itemnumber=[% ITEM_RESULT.itemnumber | uri %]#[% tab | uri %]">Browse shelf<span class="sr-only">(Opens below)</span></a>)
1236                             [% END %]
1237                         [% END %]
1238                     [% END %]
1239                 </td>
1240
1241                 [% UNLESS TablesSettings.is_hidden( 'opac', 'biblio-detail', 'holdingst', 'item_materials') %]
1242                     <td class="materials">[% ITEM_RESULT.materials | html %]</td>
1243                 [% END %]
1244
1245                 [% IF ( itemdata_enumchron ) %]
1246                     <td class="vol_info">
1247                         [% IF ITEM_RESULT.enumchron && ITEM_RESULT.serialseq %]
1248                             <span class="enum">[% ITEM_RESULT.enumchron | html %]</span>
1249                             [% IF ( ITEM_RESULT.serialseq && ITEM_RESULT.enumchron!=ITEM_RESULT.serialseq ) %]
1250                                 <span class="sep"> -- </span>
1251                                 <span class="serialseq">[% ITEM_RESULT.serialseq | html %]</span>
1252                             [% END %]
1253                         [% ELSIF ITEM_RESULT.enumchron %]
1254                             <span class="enum">[% ITEM_RESULT.enumchron | html %]</span>
1255                         [% ELSIF ITEM_RESULT.serialseq %]
1256                                 <span class="serialseq">[% ITEM_RESULT.serialseq | html %]</span>
1257                         [% END %]
1258                         [% IF ( ITEM_RESULT.publisheddate ) %]
1259                             <span class="pubdate">([% ITEM_RESULT.publisheddate | $KohaDates %])</span>
1260                         [% END %]
1261                     </td>
1262                 [% END %]
1263                 [% IF ( itemdata_uri ) %]
1264                     <td class="url">
1265                     [% IF ITEM_RESULT.uri %]
1266                         [%# Initialize two helper vars %]
1267                         [% SET target_attr = ''; SET rel_attr = '' %]
1268                         [% IF Koha.Preference('OPACURLOpenInNewWindow') %][% SET target_attr = '_blank'; SET rel_attr = 'noreferrer' %][% END %]
1269
1270                         [%# Check if there are multiple URIs; in the single case we only use pref URLLinkText or Link to resource %]
1271                         [% IF ITEM_RESULT.uri.split(' \| ').size > 1 %]
1272                             [% FOREACH uri IN ITEM_RESULT.uri.split(' \| ') %]
1273                                 [% IF trackclicks == 'track' || trackclicks == 'anonymous' %]
1274                                     <a target="[% target_attr | html %]" rel="[% rel_attr | html %]" href="/cgi-bin/koha/tracklinks.pl?uri=[% uri | uri %]&amp;biblionumber=[% biblio.biblionumber | html %]&amp;itemnumber=[% ITEM_RESULT.itemnumber | html %]" property="url">[% uri | html %]</a>
1275                                 [% ELSE %]
1276                                     <a target="[% target_attr | html %]" rel="[% rel_attr | html %]" href="[% uri | url %]" property="url">[% uri | html %]</a>
1277                                 [% END %]
1278                             [% END %]
1279                         [% ELSE %]
1280                             [% IF trackclicks == 'track' || trackclicks == 'anonymous' %]
1281                                 <a target="[% target_attr | html %]" rel="[% rel_attr | html %]" href="/cgi-bin/koha/tracklinks.pl?uri=[% ITEM_RESULT.uri | uri %]&amp;biblionumber=[% biblio.biblionumber | html %]&amp;itemnumber=[% ITEM_RESULT.itemnumber | html %]" property="url">
1282                             [% ELSE %]
1283                                 <a target="[% target_attr | html %]" rel="[% rel_attr | html %]" href="[% ITEM_RESULT.uri | url %]" property="url">
1284                             [% END %]
1285                                 [% IF Koha.Preference('URLLinkText') %][% Koha.Preference('URLLinkText') | html %][% ELSE %]Link to resource[% END %]
1286                             </a>
1287                         [% END %]
1288                     [% END %]
1289                     </td>
1290                 [% END # /IF itemdata_uri %]
1291                 [% IF ( itemdata_copynumber ) %]<td class="copynumber">[% ITEM_RESULT.copynumber | html %]</td>[% END %]
1292                 <td class="status">[% INCLUDE 'item-status-schema-org.inc' item = ITEM_RESULT %][% INCLUDE 'item-status.inc' item = ITEM_RESULT %]</td>
1293                 [% IF ( itemdata_itemnotes ) %]<td class="notes" property="description">[% ITEM_RESULT.itemnotes | $raw %]</td>[% END %]
1294                 <td class="date_due" data-order="[% ITEM_RESULT.datedue | html %]">[% ITEM_RESULT.datedue | $KohaDates  as_due_date => 1 %]</td>
1295                     <td class="barcode" property="serialNumber">[% ITEM_RESULT.barcode | html %]</td>
1296                 [% IF holds_count.defined || show_priority %]
1297                     <td class="holds_count">
1298                         [% IF holds_count.defined %] [% ITEM_RESULT.holds_count | html %] [% END %]
1299                         [% IF ITEM_RESULT.priority %]
1300                             [% IF holds_count.defined %]
1301                                 <span>(priority [% ITEM_RESULT.priority | html %])</span>
1302                             [% ELSE %]
1303                                 <span>[% ITEM_RESULT.priority | html %]</span>
1304                             [% END %]
1305                         [% END %]
1306                     </td>
1307                 [% END %]
1308                 [% IF ShowCourseReservesHeader %]
1309                     <td>
1310                         [% IF ITEM_RESULT.course_reserves %]
1311                             [% FOREACH r IN ITEM_RESULT.course_reserves %]
1312                                 [% IF r.course.enabled == 'yes' %]
1313                                     <p>
1314                                         <a href="opac-course-details.pl?course_id=[% r.course.course_id | uri %]">
1315                                         [% r.course.course_name | html %]
1316                                         <!--[% IF r.course.course_number %] [% r.course.course_number | html %] [% END %]-->
1317                                         [% IF r.course.section %] [% r.course.section | html %] [% END %]
1318                                         [% IF r.course.term %] [% AuthorisedValues.GetByCode( 'TERM', r.course.term, 1 ) | html %] [% END %]
1319                                         </a>
1320                                     </p>
1321                                 [% END %]
1322                             [% END %]
1323                         [% END %]
1324                     </td>
1325                 [% END  # /IF ShowCourseReservesHeader %]
1326                 </tr>
1327             [% END %]
1328         </tbody>
1329     </table>
1330 [% END %][%# end of items_table block %]
1331
1332 [% BLOCK jsinclude %]
1333     [% INCLUDE 'datatables.inc' %]
1334     [% INCLUDE 'columns_settings.inc' %]
1335     [% INCLUDE greybox.inc %]
1336     [% IF ( OpacStarRatings != 'disable' ) %][% Asset.js("lib/jquery/plugins/jquery.barrating.min.js") | $raw %][% END %]
1337
1338     [% IF ( OpacHighlightedWords ) %][% Asset.js("lib/jquery/plugins/jquery.highlight-3.js") | $raw %][% END %]
1339     [% IF ( Koha.Preference('OPACDetailQRCode') ) %]
1340         [% Asset.js("lib/kjua/kjua.min.js") | $raw %]
1341     [% END %]
1342
1343     [% Asset.js("lib/Chocolat/js/chocolat.js") | $raw %]
1344
1345     [% IF ( Koha.Preference('OPACShowMusicalInscripts') ) %]
1346         <script>
1347             var interface = "[% interface | html %]";
1348             var PREF_OPACPlayMusicalInscripts = "[% Koha.Preference('OPACPlayMusicalInscripts') | html %]";
1349         </script>
1350         [% Asset.js("js/verovio.js") | $raw %]
1351     [% END %]
1352     [% Asset.js("lib/emoji-picker/js/emoji-picker-all.min.js") | $raw %]
1353     [% IF OpenLibraryCovers || OpenLibrarySearch %]
1354         [% Asset.js("js/openlibrary.js") | $raw %]
1355     [% END %]
1356
1357     <script>
1358         window.emojiPicker = new EmojiPicker({
1359         emojiable_selector: '[data-emojiable=true]',
1360         assetsPath: '[% interface | html %]/lib/emoji-picker/img/',
1361         popupButtonClasses: 'fa fa-smile-o'
1362         });
1363         window.emojiPicker.discover();
1364
1365         var OPACPopupAuthorsSearch = "[% Koha.Preference('OPACPopupAuthorsSearch') | html %]";
1366         [% IF ( OpacHighlightedWords ) %]
1367             var q_array = new Array();  // holds search terms if available
1368
1369             function highlightOff() {
1370                 $("#catalogue_detail_biblio").removeHighlight();
1371                 $(".highlight_toggle").toggle();
1372             }
1373             function highlightOn() {
1374                 var x;
1375                 for (x in q_array) {
1376                     if ( q_array[x].length > 0 ) {
1377                         q_array[x] = q_array[x].replace(/\w*:([\w])/, "$1");
1378                         q_array[x] = q_array[x].toLowerCase();
1379                         var myStopwords = "[% Koha.Preference('NotHighlightedWords') | html %]".toLowerCase().split('|');
1380                         if( $.inArray(q_array[x], myStopwords) == -1 ) {
1381                             $(".title").highlight(q_array[x]);
1382                             $(".author").highlight(q_array[x]);
1383                             $(".results_summary").highlight(q_array[x]);
1384                         }
1385                     }
1386                     $(".highlight_toggle").toggle();
1387                 }
1388             }
1389         [% END # /IF OpacHighlightedWords %]
1390
1391         function verify_cover_images() {
1392             // Loop over each container in the template which contains covers
1393             $(".cover-slider").each(function( index ){
1394                 var lightbox_descriptions = [];
1395                 var first_shown = 0;
1396                 $(this).find(".cover-image").each( function( index ){
1397                     var div = $(this);
1398                     // Find the image in the container
1399                     var img = div.find("img")[0];
1400                     if( img && $(img).length > 0 ){
1401                         var description = "";
1402                         if( img.naturalHeight == 0 && div.attr("id") != "googlejacket-coverimg" ){
1403                             // No image loaded in the container. Remove the slide
1404                             div.remove();
1405                         } else {
1406                             // All slides start hidden. If this is the first one, show it.
1407                             if( first_shown == 0 ){
1408                                 div.show();
1409                                 first_shown = 1;
1410                             }
1411                             // Check if Amazon image is present
1412                             if ( div.attr("id") == "amazon-bookcoverimg"  ) {
1413                                 w = img.width;
1414                                 h = img.height;
1415                                 if ((w == 1) || (h == 1)) {
1416                                     // Amazon returned single-pixel placeholder
1417                                     // Remove the container
1418                                     div.remove();
1419                                 } else {
1420                                     lightbox_descriptions.push(_("Amazon cover image (<a href='%s'>see the original image</a>)").format($(img).data('link')));
1421                                 }
1422                             } else if( div.attr("id") == "custom-coverimg" ){
1423                                 if ( (img.complete != null) && (!img.complete) || img.naturalHeight == 0 ) {
1424                                     // No image was loaded via the CustomCoverImages system preference
1425                                     // Remove the container
1426                                     div.remove();
1427                                 } else {
1428                                     lightbox_descriptions.push(_("Custom cover image"));
1429                                 }
1430                             } else if( div.attr("id") == "syndetics-coverimg" ){
1431                                 lightbox_descriptions.push(_("Image from Syndetics"))
1432                             } else if( div.attr("id") == "googlejacket-coverimg" ){
1433                                 lightbox_descriptions.push(_("Image from Google Books (<a href='%s'>see the original image</a>)").format($(img).data('link')));
1434                             } else if( div.attr("id") == "openlibrary-coverimg" ){
1435                                 lightbox_descriptions.push(_("Image from OpenLibrary (<a href='%s'>see the original image</a>)").format($(img).data('link')));
1436                             } else if( div.attr("id") == "coce-coverimg" ){
1437                                 // Identify which service's image is being loaded by Coce
1438                                 var coce_description;
1439                                 if( $(img).attr("src").indexOf('amazon.com') >= 0 ){
1440                                     coce_description = _("Coce image from Amazon.com");
1441                                 } else if( $(img).attr("src").indexOf('google.com') >= 0 ){
1442                                     coce_description = _("Coce image from Google Books");
1443                                 } else if( $(img).attr("src").indexOf('openlibrary.org') >= 0 ){
1444                                     coce_description = _("Coce image from Open Library");
1445                                 }
1446                                 div.find(".hint").html(coce_description);
1447                                 lightbox_descriptions.push(coce_description);
1448                             } else if ( div.attr("id") == "bakertaylor-coverimg" ){
1449                                 lightbox_descriptions.push(_("Image from Baker &amp; Taylor"));
1450                             } else if ( div.attr("class") == "cover-image local-coverimg" ) {
1451                                 lightbox_descriptions.push(_("Local cover image"));
1452                             } else {
1453                                 lightbox_descriptions.push(_("Cover image source unknown"));
1454                             }
1455                         }
1456                     } else {
1457                         div.remove();
1458                     }
1459                 });
1460
1461                 // Lightbox for cover images
1462                 Chocolat(this.querySelectorAll('.cover-image a'), {
1463                     description: function(){
1464                         return lightbox_descriptions[this.settings.currentImageIndex];
1465                     }
1466                 });
1467
1468             });
1469
1470             $(".cover-slider").each(function(){
1471                 var coverSlide = this;
1472                 var coverImages = $(this).find(".cover-image");
1473                 if( coverImages.length > 1 ){
1474                     coverImages.each(function( index ){
1475                         // If more that one image is present, add a navigation link
1476                         // for activating the slide
1477                         var covernav = $("<a href=\"#\" data-num=\"" + index + "\" class=\"cover-nav\"></a>");
1478                         if( index == 0 ){
1479                             // Set the first navigation link as active
1480                             $(covernav).addClass("nav-active");
1481                         }
1482                         $(covernav).html("<i class=\"fa fa-circle\"></i>");
1483                         $(coverSlide).append( covernav );
1484                     });
1485                 }
1486
1487                 if( $(coverSlide).find(".cover-image:visible").length < 1 ){
1488                     $(coverSlide).remove();
1489                 } else {
1490                     $(coverSlide).addClass("cover-slides");
1491                 }
1492             });
1493
1494             $(".cover-slider").on("click",".cover-nav", function(e){
1495                 e.preventDefault();
1496                 var cover_slider = $(this).parent();
1497                 // Adding click handler for cover image navigation links
1498                 var num = $(this).data("num");
1499                 $(cover_slider).find(".cover-nav").removeClass("nav-active");
1500                 $(this).addClass("nav-active");
1501                 $(cover_slider).find(".cover-image").hide();
1502                 $(cover_slider).find(".cover-image").eq( num ).show();
1503             });
1504
1505             $("#editions img").each(function(i){
1506                 if ( this.src.indexOf('amazon.com') >= 0 ) {
1507                     w = this.width;
1508                     h = this.height;
1509                     if ((w == 1) || (h == 1)) {
1510                         this.src = 'https://images-na.ssl-images-amazon.com/images/G/01/x-site/icons/no-img-sm.gif';
1511                     } else if ( (this.complete != null) && (!this.complete) || this.naturalHeight == 0 ) {
1512                         this.src = 'https://images-na.ssl-images-amazon.com/images/G/01/x-site/icons/no-img-sm.gif';
1513                     }
1514                 }
1515             });
1516         } /* /verify_images */
1517
1518         function wait_for_images(cb){
1519
1520             var loaded = 1;
1521
1522             [% IF GoogleJackets %]
1523                 if ( loaded ) {
1524                     loaded = KOHA.Google.done;
1525                 }
1526             [% END %]
1527
1528             [% IF OpenLibraryCovers %]
1529                 if ( loaded ) {
1530                     loaded = KOHA.OpenLibrary.done;
1531                 }
1532             [% END %]
1533
1534             [% IF ( Koha.Preference('OpacCoce') && Koha.Preference('CoceProviders') ) %]
1535                 if ( loaded ) {
1536                     loaded = KOHA.coce.done;
1537                 }
1538             [% END %]
1539
1540             if (!loaded) {
1541                 window.setTimeout(function(){wait_for_images(cb);}, 100);
1542             } else {
1543                 cb();
1544             }
1545         }
1546
1547         $(window).load(function() {
1548             wait_for_images(verify_cover_images);
1549         });
1550
1551         $(document).ready(function() {
1552
1553             [% IF ( Koha.Preference('OPACDetailQRCode') ) %]
1554
1555                 var qrcode = kjua({
1556                     ecLevel: "H",
1557                     render: "canvas",
1558                     rounded: 100,
1559                     size: 150,
1560                     text: location.href,
1561                 });
1562                 if (qrcode) {
1563                     document.getElementById("qrcode").appendChild( qrcode );
1564                 }
1565
1566                 $(".show_qrcode").on("click", function(){
1567                     var qrcodeImg = $("#qrcode");
1568                     if( qrcodeImg.hasClass("d-none") ){
1569                         qrcodeImg.removeClass("d-none");
1570                     } else {
1571                         qrcodeImg.addClass("d-none");
1572                     }
1573                 });
1574             [% END # /IF OPACDetailQRCode %]
1575
1576             $('#bibliodescriptions').tabs();
1577             $(".branch-info-tooltip-trigger").uitooltip({
1578                 position: { my: "left+15 center", at: "right center" },
1579                 show: 50,
1580                 hide: 50,
1581                 content: function(){
1582                     var element = $(this).next("div");
1583                     return element.html();
1584                 }
1585             });
1586
1587             [% IF ( Koha.Preference('OpacBrowseResults') && busc ) %]
1588                 $(".l_Results").show();
1589                 $("#a_listResults").on("click", function(e){
1590                     e.preventDefault();
1591                     $(".results-pagination, .close_pagination, .pg_menu").toggle();
1592                 });
1593
1594                 $(".close_pagination").on("click", function(e){
1595                     e.preventDefault();
1596                     $(".results-pagination, .close_pagination, .pg_menu").toggle();
1597                 });
1598             [% END # /IF OpacBrowseResults %]
1599
1600             var columns_settings = [% TablesSettings.GetColumns( 'opac', 'biblio-detail', 'holdingst', 'json' ) | $raw %];
1601
1602             KohaTable("#holdingst", {
1603                 dom: '<"clearfix">t',
1604                 "columnDefs": [
1605                     { "targets": [ -1 ], "sortable": false, "searchable": false },
1606                     ],
1607                 "bKohaColumnsUseNames": true,
1608                 "autoWidth": false
1609             }, columns_settings);
1610
1611             KohaTable("#otherholdingst", {
1612                 dom: '<"clearfix">t',
1613                 "columnDefs": [
1614                     { "targets": [ -1 ], "sortable": false, "searchable": false },
1615                     ],
1616                 "bKohaColumnsUseNames": true,
1617                 "autoWidth": false
1618             }, columns_settings);
1619
1620             var serial_column_settings = [% TablesSettings.GetColumns( 'opac', 'biblio-detail', 'subscriptionst', 'json' ) | $raw %];
1621
1622             KohaTable("#subscriptionst", {
1623                 dom: '<"clearfix">t',
1624                 "sorting": [[ 1, "desc" ]],
1625                 "autoWidth": false,
1626                 "bKohaColumnsUseNames": true
1627             }, serial_column_settings);
1628
1629             [% IF ( TagsInputEnabled && loggedinusername ) %]
1630                     $(".tag_add").click(function(){
1631                         var thisid = $(this).attr("id");
1632                         thisid = thisid.replace("tag_add","");
1633                         $(this).hide();
1634                         $("#tagform"+thisid).show();
1635                         $("#newtag"+thisid).focus();
1636                         $("#newtag"+thisid+"_status").empty().hide();
1637                         return false;
1638                     });
1639                     $(".cancel_tag_add").click(function(){
1640                         var thisid = $(this).attr("id");
1641                         thisid = thisid.replace("cancel","");
1642                         $("#tagform"+thisid).hide();
1643                         $("#tag_add"+thisid).show();
1644                         $("#newtag"+thisid).val("");
1645                         $("#newtag"+thisid+"_status").empty().hide();
1646                         return false;
1647                     });
1648                     $(".tagbutton").click(function(){
1649                         var thisid = $(this).attr("title");
1650                         var tag = $("#newtag"+thisid).val();
1651                         if (!tag || (tag == "")) {
1652                             alert(MSG_NO_TAG_SPECIFIED);
1653                             return false;
1654                         }
1655                         KOHA.Tags.add_tag_button(thisid, tag);
1656                         return false;
1657                     });
1658             [% END %]
1659
1660             [%# Note that there is no way atm to target a column with its class name to set it as the default sort order %]
1661             [% IF Koha.Preference('OpacLocationBranchToDisplay') == 'home' AND Koha.Preference('OPACHoldingsDefaultSortField') == 'homebranch' AND item_level_itypes OR Koha.Preference('OpacLocationBranchToDisplay') == 'holding' AND Koha.Preference('OPACHoldingsDefaultSortField') == 'holdingbranch' AND item_level_itypes OR Koha.Preference('OpacLocationBranchToDisplay') == 'both' AND Koha.Preference('OPACHoldingsDefaultSortField') == 'homebranch' AND NOT item_level_itypes OR Koha.Preference('OpacLocationBranchToDisplay') == 'both' AND Koha.Preference('OPACHoldingsDefaultSortField') == 'holdingbranch' AND item_level_itypes %]
1662                 var default_order_index = 1;
1663             [% ELSIF Koha.Preference('OpacLocationBranchToDisplay') == 'both' AND Koha.Preference('OPACHoldingsDefaultSortField') == 'homebranch' AND item_level_itypes %]
1664                 var default_order_index = 2;
1665             [% ELSE %]
1666                 var default_order_index = 0;
1667             [% END %]
1668
1669             [% IF ( query_desc ) %]
1670                 [% IF ( OpacHighlightedWords ) %]
1671                     var query_desc = "[% query_desc |replace("'", "\'") |replace('\n', '\\n') |replace('\r', '\\r') | html %]";
1672                     q_array = query_desc.split(" ");
1673                     q_array = q_array.filter(function(n){ return n }); // Remove empty strings
1674                     highlightOn();
1675                     $("#highlight_toggle_on" ).hide().click(function() {highlightOn() ; return false;});
1676                     $("#highlight_toggle_off").show().click(function() {highlightOff(); return false;});
1677                 [% END %]
1678             [% END %]
1679
1680             [% IF ( GoogleJackets ) %]
1681                 KOHA.Google.GetCoverFromIsbn([% covernewwindow | html %]);
1682             [% END %]
1683
1684             [% IF ( Koha.Preference('OpacCoce') && Koha.Preference('CoceProviders') ) %]
1685                 KOHA.coce.getURL('[% Koha.Preference('CoceHost') | html %]', '[% Koha.Preference('CoceProviders') | html %]',[% covernewwindow | html %]);
1686             [% END %]
1687
1688             [% IF OpenLibraryCovers %]
1689                 KOHA.OpenLibrary.GetCoverFromIsbn();
1690             [% END %]
1691
1692             [% IF ( NovelistSelectProfile && ( normalized_isbn || normalized_upc ) ) %]
1693                 novSelect.loadContentForQuery(
1694                     {
1695                         ClientIdentifier : '[% IF normalized_isbn %][% normalized_isbn | html %][% ELSE %][% normalized_upc | html %][% END %]',
1696                         ISBN : '[% IF normalized_isbn %][% normalized_isbn | html %][% ELSE %][% normalized_upc | html %][% END %]',
1697                         version : '2.1'
1698                     },
1699                     '[% NovelistSelectProfile | html %]',
1700                     '[% NovelistSelectPassword | html %]',
1701                     function(d){
1702                         if ( d.length > 0 ){ //If no content
1703                             $(".NovelistSelect").show();
1704                         }
1705                     });
1706             [% END %]
1707
1708             [% IF ( OPACShelfBrowser ) %]
1709                 // Focus on shelf browser if present
1710                 var shelfbrowser = $("#shelfbrowser");
1711                 if (shelfbrowser.length > 0) {
1712                     $('html,body').animate({
1713                         scrollTop: shelfbrowser.first().offset().top
1714                     },
1715                     'slow');
1716                     shelfbrowser.first().find(':focusable').eq(0).focus();
1717                 }
1718
1719                 (function prepareShelfBrowser(){
1720
1721                     $(".main").on("click",".close_shelf",function(e){
1722                         e.preventDefault();
1723                         $("#shelfbrowser").toggle();
1724                     });
1725                     $(".main").on("click", "#browser_previous a", function(e){
1726                         e.preventDefault();
1727                         $.ajax({
1728                             url: "/cgi-bin/koha/svc/shelfbrowser.pl",
1729                             type: "POST",
1730                             data: {
1731                                 "shelfbrowse_itemnumber": $("#browser_previous a").data( "prev-itemnumber" )
1732                             },
1733                             success: function(data){
1734                                 $("#shelfbrowser").replaceWith(data);
1735                                 [% IF ( GoogleJackets ) %]
1736                                     KOHA.Google.GetCoverFromIsbn([% covernewwindow | html %]);
1737                                 [% END %]
1738                                 [% IF ( Koha.Preference('OpacCoce') && Koha.Preference('CoceProviders') ) %]
1739                                     KOHA.coce.getURL('[% Koha.Preference('CoceHost') | html %]', '[% Koha.Preference('CoceProviders') | html %]',[% covernewwindow | html %]);
1740                                 [% END %]
1741                                 [% IF OpenLibraryCovers %]
1742                                     KOHA.OpenLibrary.GetCoverFromIsbn();
1743                                 [% END %]
1744                                 [% IF OPACLocalCoverImages %]
1745                                     KOHA.LocalCover.GetCoverFromBibnumber(true);
1746                                 [% END %]
1747                             }
1748                         });
1749                     });
1750
1751                     $(".main").on("click", "#browser_next a", function(e){
1752                         e.preventDefault();
1753                         $.ajax({
1754                             url: "/cgi-bin/koha/svc/shelfbrowser.pl",
1755                             type: "POST",
1756                             data: {
1757                                 "shelfbrowse_itemnumber": $("#browser_next a").data( "next-itemnumber" )
1758                             },
1759                             success: function(data){
1760                                 $("#shelfbrowser").replaceWith(data);
1761                                 [% IF ( GoogleJackets ) %]
1762                                     KOHA.Google.GetCoverFromIsbn([% covernewwindow | html %]);
1763                                 [% END %]
1764                                 [% IF ( Koha.Preference('OpacCoce') && Koha.Preference('CoceProviders') ) %]
1765                                     KOHA.coce.getURL('[% Koha.Preference('CoceHost') | html %]', '[% Koha.Preference('CoceProviders') | html %]',[% covernewwindow | html %]);
1766                                 [% END %]
1767                                 [% IF OpenLibraryCovers %]
1768                                     KOHA.OpenLibrary.GetCoverFromIsbn();
1769                                 [% END %]
1770                                 [% IF OPACLocalCoverImages %]
1771                                     KOHA.LocalCover.GetCoverFromBibnumber(true);
1772                                 [% END %]
1773                             }
1774                         });
1775                     });
1776                 }());
1777             [% END # /IF ( OPACShelfBrowser ) %]
1778
1779             [% IF ( OpacStarRatings != 'disable' ) %]
1780                 // -----------------------------------------------------
1781                 // star-ratings code
1782                 // -----------------------------------------------------
1783                 // hide 'rate' button if javascript enabled
1784
1785                 $('input[name="rate_button"]').remove();
1786
1787                 var rating_enabled = ( $("#star_rating").data("rating-enabled") == "1" ) ? false : true;
1788                 $('#star_rating').barrating({
1789                     theme: 'fontawesome-stars',
1790                     showSelectedRating: false,
1791                     allowEmpty: true,
1792                     deselectable: false,
1793                     readonly: rating_enabled,
1794                     onSelect: function(value, text) {
1795                         $("#rating-loading").show();
1796                         $.post("/cgi-bin/koha/opac-ratings-ajax.pl", {
1797                             rating_old_value: $("#rating_value").attr("value"),
1798                             borrowernumber: "[% borrowernumber | html %]",
1799                             biblionumber: "[% biblio.biblionumber | html %]",
1800                             rating_value: value,
1801                             auth_error: value
1802                         }, function (data) {
1803                                 $("#rating_value").val(data.rating_value);
1804                                 if (data.rating_value) {
1805                                     $("#rating_value_text").text(_("Your rating: %s, ").format(data.rating_value));
1806                                     $("#cancel_rating_text").show();
1807                                 } else {
1808                                     $("#rating_value_text").text('');
1809                                     $("#cancel_rating_text").hide();
1810                                 }
1811                                 $("#rating_text").text(_("Average rating: %s (%s votes)").format(data.rating_avg, data.rating_total));
1812                                 $("#rating-loading").hide();
1813                         }, "json");
1814                     }
1815                 });
1816
1817                 $("#cancel_rating_text a").on("click", function(e){
1818                     e.preventDefault();
1819                     $("#star_rating").barrating("set", "");
1820                 });
1821
1822             [% END # / IF ( OpacStarRatings != 'disable' )%]
1823         });
1824
1825         $(document).ready(function() {
1826             if( OPACPopupAuthorsSearch == "1" ){
1827                 var terms = {
1828                     contributors : {
1829                         "label" : "author",
1830                         "keyword_search" : "au:",
1831                     },
1832                     subject : {
1833                         "label" : "subject",
1834                         "keyword_search" : "su:",
1835                     }
1836                 }
1837                 $(".contributors,.subject").on("click", function(e){
1838                     e.preventDefault();
1839                     var term = $(this).attr("class");
1840                     var selected_term = $(this).text();
1841                     var term_links = $("." + term );
1842                     if( term_links.length > 1 ){
1843                         term_links.each(function( index ){
1844                             var authid = "";
1845                             var preselected = false;
1846                             var search_label = $(this).text().trim();
1847                             if( $(this).text() == selected_term ){ preselected = true }
1848                             if( $(this).hasClass("authority_link") ){
1849                                 authid = $(this).data("authid");
1850                                 search_string = "an:" + authid;
1851                             } else {
1852                                 search_string = terms[term]["keyword_search"] + encodeURIComponent( search_label );
1853                             }
1854                             var termLink = $("<li>")
1855                                 .append( $("<input>", { type: "checkbox", class: "select_term", value: search_string, id: terms[term]["label"] + index } ).prop("checked", preselected ) )
1856                                 .append("&nbsp;")
1857                                 .append( $("<label>", { for: terms[term]["label"] + index, text: search_label } ) )
1858                             $("#termsList").append( termLink );
1859                             $("#multiSearch").modal("show");
1860                         });
1861                     } else {
1862                         location.href = $(this).attr("href");
1863                     }
1864                 });
1865
1866                 $("#multiSearch").on("hide.bs.modal", function(){
1867                     $("#termsList").html("");
1868                 });
1869
1870                 $(".check_all").on("click", function(e){
1871                     e.preventDefault();
1872                     $(".select_term").each(function(){
1873                         $(this).prop("checked", true );
1874                     });
1875                 });
1876
1877                 $(".check_none").on("click", function(e){
1878                     e.preventDefault();
1879                     $(".select_term").each(function(){
1880                         $(this).prop("checked", false );
1881                     });
1882                 });
1883
1884                 $("#validMultiSearch").on("click", function(e){
1885                     e.preventDefault();
1886                     multiSearchRequest();
1887                 });
1888             } /* if( OPACPopupAuthorsSearch == "1" ) */
1889         });
1890
1891         function multiSearchRequest(){
1892             var values = [];
1893             $(".select_term").each(function(){
1894                 if( $(this).prop("checked") ){
1895                     values.push( $(this).val() );
1896                 }
1897             });
1898
1899             if (values.length > 0) {
1900                 var request = "/cgi-bin/koha/opac-search.pl?q=" + values.join(' and ');
1901                 location.href = request;
1902             }
1903
1904         }
1905     </script>
1906 [% END %]