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

   1 [% USE raw %]
   2 [% USE Asset %]
   3 [% USE Koha %]
   4 [% USE KohaDates %]
   5 [% USE KohaPlugins %]
   6 [% USE AuthorisedValues %]
   7 [% USE Branches %]
   8 [% USE Biblio %]
   9 [% USE Frameworks %]
  10 [% USE Price %]
  11 [% USE TablesSettings %]
  12 [% PROCESS 'i18n.inc' %]
  13 [% SET CoverImagePlugins = KohaPlugins.get_plugins_intranet_cover_images %]
  14
  15 [% IF Koha.Preference('AmazonAssocTag') %]
  16     [% AmazonAssocTag = '?tag=' _ Koha.Preference('AmazonAssocTag') %]
  17 [% ELSE %]
  18     [% AmazonAssocTag = '' %]
  19 [% END %]
  20
  21 [% ShowCourseReserves = 0 | html %]
  22 [% IF UseCourseReserves %]
  23     [% FOREACH item IN itemloop %]
  24        [% IF item.course_reserves %]
  25            [% FOREACH r IN item.course_reserves %]
  26                [% IF r.course.enabled == 'yes' %]
  27                    [% ShowCourseReserves = 1 | html %]
  28                [% END %]
  29            [% END %]
  30         [% END %]
  31     [% END %]
  32 [% END %]
  33
  34 [% SET plugins_intranet_catalog_biblio_tabs = KohaPlugins.get_plugins_intranet_catalog_biblio_tab({ biblio => biblio, biblio_id => biblionumber }) %]
  35
  36 [% SET footerjs = 1 %]
  37 [% INCLUDE 'doc-head-open.inc' %]
  38 <title>[% FILTER collapse %]
  39     [% IF ( unknownbiblionumber ) %]
  40         [% t("Unknown record") | html %]
  41     [% ELSE %]
  42         [% title_in_title = INCLUDE 'biblio-title-head.inc' %]
  43         [% tx("Details for {title}", { title = title_in_title }) | html %]
  44     [% END %] &rsaquo;
  45     [% t("Catalog") | html %] &rsaquo;
  46     [% t("Koha") | html %]
  47 [% END %]</title>
  48 [% INCLUDE 'doc-head-close.inc' %]
  49 [% Asset.css("lib/Chocolat/css/chocolat.css") | $raw %]
  50 </head>
  51
  52 <body id="catalog_detail" class="catalog">
  53
  54 [% WRAPPER 'header.inc' %]
  55     [% INCLUDE 'cat-search.inc' %]
  56 [% END %]
  57
  58 [% WRAPPER 'sub-header.inc' %]
  59     [% WRAPPER breadcrumbs %]
  60         [% WRAPPER breadcrumb_item %]
  61             <a href="/cgi-bin/koha/catalogue/search.pl">Catalog</a>
  62         [% END %]
  63
  64         [% IF ( unknownbiblionumber ) %]
  65             [% WRAPPER breadcrumb_item bc_active= 1 %]
  66                 <span>Unknown record</span>
  67             [% END %]
  68         [% ELSE %]
  69             [% WRAPPER breadcrumb_item %]
  70                 [% INCLUDE 'biblio-title.inc' link = 1 %]
  71             [% END %]
  72             [% WRAPPER breadcrumb_item bc_active= 1 %]
  73                 <span>Details</span>
  74             [% END %]
  75         [% END %]
  76     [% END #/ WRAPPER breadcrumbs %]
  77 [% END #/ WRAPPER sub-header.inc %]
  78
  79 <div class="main container-fluid">
  80     <div class="row">
  81         <div class="col-sm-10 col-sm-push-2">
  82             <main>
  83                 [% INCLUDE 'messages.inc' %]
  84                 <div class="row">
  85
  86 [% IF ( unknownbiblionumber ) %]
  87   <div class="dialog message">The record you requested does not exist ([% biblionumber | html %]).</div>
  88 [% ELSE %]
  89
  90 [% IntranetCoce    = Koha.Preference('IntranetCoce') %]
  91 [% CoceProviders   = Koha.Preference('CoceProviders') %]
  92 [% CoceHost        = Koha.Preference('CoceHost') %]
  93 [% SyndeticsCovers = Koha.Preference('SyndeticsEnabled') && Koha.Preference('SyndeticsCoverImages') %]
  94
  95 [% INCLUDE 'cat-toolbar.inc' %]
  96     [% IF ( ocoins ) %]
  97         <!-- COinS / OpenURL -->
  98         <span class="Z3988" title="[% ocoins | html %]"></span>
  99     [% END %]
 100
 101     [% IF ( CoverImagePlugins || AmazonCoverImages  || LocalCoverImages || IntranetCoce || ( SyndeticsCovers ) || (Koha.Preference('CustomCoverImages') && Koha.Preference('CustomCoverImagesURL')) ) %]
 102         <div id="catalogue_detail_biblio" class="col-xs-9">
 103     [% ELSE %]
 104         <div id="catalogue_detail_biblio" class="col-xs-12">
 105     [% END %]
 106         [% IF decoding_error || analytics_error %]
 107             <div class="page-section bg-danger">
 108                <h1>Errors found</h1>
 109                [% IF decoding_error %]
 110                    <h2>Encoding errors</h2>
 111                    <p class="biberror">There is at least one encoding error with this bibliographic record, the view may be degraded.</p>
 112                    <pre class="error">[% decoding_error | html %]</pre>
 113                [% END %]
 114                [% IF analytics_error %]
 115                    <h2>Analytics errors</h2>
 116                    <p class="analytics_error">There was an error searching for analytic records, please see the logs for details.</p>
 117                [% END %]
 118             </div>
 119         [% END %]
 120
 121         <div class="page-section">
 122
 123         [% XSLTBloc | $raw %]
 124
 125         [% IF shelves.count %]
 126             <span class="results_summary"><span class="label">Lists that include this title: </span>
 127             [% FOREACH s IN shelves %]
 128                 <a href="/cgi-bin/koha/virtualshelves/shelves.pl?op=view&amp;shelfnumber=[% s.shelfnumber | uri %]">[% s.shelfname | html %]</a>
 129                 [% IF ( loop.last ) %][% ELSE %]|[% END %]
 130             [% END %]
 131             </span>
 132         [% END %]
 133         [% IF ( TagsEnabled &&  TagsShowOnDetail &&  TagLoop ) %]
 134                 <span class="results_summary"><span class="label">Tags:</span>
 135                     [% FOREACH TagLoo IN TagLoop %]
 136                         [% IF ( CAN_user_tools_moderate_tags ) %]
 137                         <a href="/cgi-bin/koha/tags/list.pl?tag=[% TagLoo.term |uri %]">[% TagLoo.term | html %]</a>
 138                         [% ELSE %]
 139                         [% TagLoo.term | html %]
 140                         [% END %]
 141                         <span class="weight">([% TagLoo.weight_total | html %])</span>[% IF ( loop.last ) %][% ELSE %], [% END %]
 142                     [% END %]
 143                     </span>
 144         [% END %]
 145         <span id="catalogue_detail_marc_preview" class="results_summary"><span class="label">MARC preview:</span> <a href="/cgi-bin/koha/catalogue/showmarc.pl?id=[% biblionumber | uri %]&amp;viewas=html" title="MARC" class="previewMARC">Show</a></span>
 146         <span id="catalogue_detail_framework" class="results_summary">
 147             <span class="label">MARC framework:</span>
 148             <span class="frameworkcode">[% Frameworks.GetName(biblio.frameworkcode) | html %]</span>
 149         </span>
 150         [% IF !item_level_itypes ||  Koha.Preference("BiblioItemtypeInfo") %]
 151            <span class="results_summary itemtype"><span class="label">Itemtype:</span>
 152           [% IF ( !noItemTypeImages && imageurl ) %]
 153               <img src="[% imageurl | html %]" alt="" />
 154           [% END %]
 155           [% IF ( description ) %]
 156               <span class="itypetext">[% description | html %]</span>
 157           [% ELSE %]
 158               <span class="itypetext">[% itemtype | html %]</span>
 159           [% END %]
 160           </span>
 161         [% END %]
 162
 163         [% IF ( Koha.Preference('SearchEngine') == 'Elasticsearch' ) %]
 164             <span id="catalogue_detail_elastic_record" class="results_summary"><span class="label">Elasticsearch record:</span> <a href="/cgi-bin/koha/catalogue/showelastic.pl?id=[% biblionumber | uri %]" title="Elasticsearch record" class="previewElastic">Show</a></span>
 165         [% END %]
 166
 167         [% IF ( holdcount ) %]
 168             <span class="results_summary">
 169                 <span class="label">Holds:</span>
 170                 <span class="number_box">
 171                     [% IF CAN_user_reserveforothers_place_holds %]
 172                         <a href="/cgi-bin/koha/reserve/request.pl?biblionumber=[% biblionumber | uri %]">[% holdcount | html %]</a>
 173                     [% ELSE %]
 174                         <span>[% holdcount | html %]</span>
 175                     [% END %]
 176                 </span>
 177             </span>
 178         [% END %]
 179
 180         [% IF illrequests.count %]
 181             <span class="results_summary">
 182                 <span class="label">ILL requests:</span>
 183                 [% IF CAN_user_ill %]
 184                     [% FOREACH ill IN illrequests %]
 185                         <a href="/cgi-bin/koha/ill/ill-requests.pl?method=illview&illrequest_id=[% ill.illrequest_id | uri %]">Request [% ill.illrequest_id | html %]</a>[% IF ! loop.last %], [% END %]
 186                     [% END %]
 187                 [% ELSE %]
 188                     [% FOREACH ill IN illrequests %]
 189                         <span>Request [% ill.illrequest_id | html %]</span>[% IF ! loop.last %], [% END %]
 190                     [% END %]
 191                 [% END %]
 192             </span>
 193         [% END %]
 194
 195         [% IF ( article_requests_count = Biblio.ArticleRequestsActiveCount( biblionumber ) ) %]
 196             <span class="results_summary">
 197                 <span class="label">Article requests:</span>
 198                 <span class="number_box">
 199                     <a href="/cgi-bin/koha/circ/request-article.pl?biblionumber=[% biblionumber | uri %]">[% article_requests_count | html %]</a>
 200                 </span>
 201             </span>
 202         [% END %]
 203
 204         [% IF course_reserves %]
 205             <span class="results_summary"><span class="label">Courses that have reserved this title: </span>
 206             [% FOREACH c IN course_reserves %]
 207                 <a href="/cgi-bin/koha/course_reserves/course-details.pl?course_id=[% c.course_id | uri %]">[% c.course.course_name | html %]</a>
 208                 [% IF ( loop.last ) %][% ELSE %]|[% END %]
 209             [% END %]
 210             </span>
 211         [% END %]
 212         </div> [%# .page-section %]
 213
 214         [% IF ( CoverImagePlugins || AmazonCoverImages  || LocalCoverImages || IntranetCoce || ( SyndeticsCovers ) || (Koha.Preference('CustomCoverImages') && Koha.Preference('CustomCoverImagesURL')) ) %]
 215         </div>
 216             <div class="col-xs-3 bookcoverimg">
 217                 <div id="biblio-cover-slider" class="cover-slider" data-isbn="[% normalized_isbn | html %]">
 218                     [% IF ( LocalCoverImages ) %]
 219                         [% IF localimages.count %]
 220                             [% FOREACH image IN localimages %]
 221                                 <div class="cover-image local-coverimg">
 222                                     <a href="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% image.imagenumber | uri %]" title="Local cover image">
 223                                         <img src="/cgi-bin/koha/catalogue/image.pl?thumbnail=1&amp;imagenumber=[% image.imagenumber | uri %]" alt="Local cover image" data-link="/cgi-bin/koha/catalogue/imageviewer.pl?biblionumber=[% biblionumber | uri %]&amp;imagenumber=[% image.imagenumber | uri %]" />
 224                                     </a>
 225                                     <div class="hint">Local cover image</div>
 226                                 </div>
 227                             [% END %]
 228                         [% END %]
 229                     [% END %]
 230
 231                     [% IF ( AmazonCoverImages && normalized_isbn) %]
 232                         <div class="cover-image" id="amazon-bookcoverimg">
 233                             <a href="https://images-na.ssl-images-amazon.com/images/P/[% normalized_isbn | uri %].01.LZZZZZZZ.jpg" title="Amazon cover image">
 234                                 <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"/>
 235                             </a>
 236                             <div class="hint">Image from Amazon.com</div>
 237                         </div>
 238                     [% END %]
 239
 240                     [% IF ( IntranetCoce && CoceProviders && normalized_isbn ) %]
 241                         [% coce_id = normalized_ean || normalized_isbn %]
 242                         <div class="cover-image coce-coverimg">
 243                             [% IF ( coce_id ) %]
 244                                 <a title="Image from Coce" class="[% coce_id | html %]" id="coce-thumbnail-preview"></a>
 245                             [% ELSE %]
 246                                 <span class="no-image">No cover image available</span>
 247                             [% END %]
 248                             <div class="hint">Image from Coce</div>
 249                         </div>
 250                     [% END %]
 251
 252                     [% IF ( SyndeticsCovers ) %]
 253                         [% IF ( content_identifier_exists ) %]
 254                         <div class="cover-image" id="syndetics-bookcoverimg">
 255                             <a href="https://secure.syndetics.com/index.aspx?isbn=[% normalized_isbn | url %]/LC.GIF&amp;client=[% Koha.Preference('SyndeticsClientCode') | url %]&amp;type=xw10&amp;upc=[% normalized_upc | url %]&amp;oclc=[% normalized_oclc | url %]" title="Syndetics cover image">
 256                                 <img src="https://secure.syndetics.com/index.aspx?isbn=[% normalized_isbn | url %]/[% Koha.Preference('SyndeticsCoverImageSize') | url %].GIF&amp;client=[% Koha.Preference('SyndeticsClientCode') | url %]&amp;type=xw10&amp;upc=[% normalized_upc | url %]&amp;oclc=[% normalized_oclc | url %]" alt="" class="thumbnail" />
 257                             </a>
 258                             <div class="hint">Image from Syndetics</div>
 259                         </div>
 260                             [% ELSE %]
 261                                 <span class="no-image">No cover image available</span>
 262                             [% END %]
 263                     [% END %]
 264
 265                     [% IF Koha.Preference('CustomCoverImages') && Koha.Preference('CustomCoverImagesURL') %]
 266                         [% SET custom_cover_image_url = biblio.custom_cover_image_url %]
 267                         [% IF custom_cover_image_url %]
 268                             <div class="cover-image" id="custom-coverimg">
 269                                 <a class="custom_cover_image" href="[% custom_cover_image_url | url %]" title="Custom cover image">
 270                                     <img id="custom-img" alt="Custom cover image" src="[% custom_cover_image_url | url %]" />
 271                                 </a>
 272                                 <div class="hint">Custom cover image</div>
 273                             </div>
 274                         [% END %]
 275                     [% END %]
 276                 </div> <!-- /.cover-slider -->
 277             </div> <!-- /.bookcoverimg.col-xs-3 -->
 278         [% ELSE %]
 279         </div> <!-- /.col-xs-* -->
 280         [% END # /IF ( AmazonCoverImages, etc ) %]
 281 </div>
 282
 283 <div id="bibliodetails" class="toptabs">
 284
 285 <ul class="nav nav-tabs" role="tablist">
 286     [% IF (SeparateHoldings) %]
 287         <li role="presentation">
 288             <a href="#holdings" aria-controls="holdings" role="tab" data-toggle="tab">[% Branches.GetLoggedInBranchname | html %] holdings ([% itemloop.size() || 0 | html %])</a>
 289         </li>
 290         <li role="presentation">
 291             <a href="#otherholdings"  aria-controls="otherholdings" role="tab" data-toggle="tab">Other holdings ([% otheritemloop.size() || 0 | html %])</a>
 292         </li>
 293     [% ELSE %]
 294         <li role="presentation">
 295             <a href="#holdings" aria-controls="holdings" role="tab" data-toggle="tab">Holdings ([% itemloop.size() || 0 | html %])</a>
 296         </li>
 297     [% END %]
 298     [% IF Koha.Preference('EnableItemGroups') %]
 299         <li role="presentation">
 300             <a href="#item_groups" aria-controls="item_groups" role="tab" data-toggle="tab">Item groups</a>
 301         </li>
 302     [% END %]
 303 [% IF ( MARCNOTES || notes ) %]<li role="presentation"><a href="#description" aria-controls="description" role="tab" data-toggle="tab">Descriptions ([% ( MARCNOTES.size || 1 ) | html %])</a></li>[% END %]
 304 [% IF ComponentParts && ComponentParts.size %]<li id="components_tab" role="presentation"><a href="#components"  aria-controls="components" role="tab" data-toggle="tab">Components ([% ComponentParts.size | html %])</a></li>[% END %]
 305 [% IF ( subscriptionsnumber ) %]<li role="presentation"><a href="#subscriptions"  aria-controls="subscriptions" role="tab" data-toggle="tab">Subscriptions</a></li>[% END %]
 306 [% IF Koha.Preference('AcquisitionDetails') %]<li role="presentation"><a href="#acq_details"  aria-controls="acq_details" role="tab" data-toggle="tab">Acquisition details</a></li>[% END %]
 307 [% IF suggestions.count %]<li role="presentation"><a href="#suggestion_details"  aria-controls="suggestion_details" role="tab" data-toggle="tab">Suggestion details</a></li>[% END %]
 308 [% IF ( FRBRizeEditions ) %][% IF ( XISBNS ) %]<li role="presentation"><a href="#editions"  aria-controls="editions" role="tab" data-toggle="tab">Editions</a></li>[% END %][% END %]
 309 [% IF ( ( Koha.Preference('CatalogConcerns') || Koha.Preference('OpacCatalogConcerns') ) && CAN_user_editcatalogue_edit_catalogue ) %]<li role="presentation"><a href="#concerns" aria-controls="concerns" role="tab" data-toggle="tab">Concerns ([% biblio.tickets.count | html %])</a></li>[% END %]
 310 [% IF ( LocalCoverImages ) %]
 311     <li role="presentation">
 312         <a href="#images"  aria-controls="images" role="tab" data-toggle="tab">Images ([% localimages.count || 0 | html %])</a>
 313     </li>
 314 [% END %]
 315 [% IF HTML5MediaEnabled && HTML5MediaSets.size %]
 316     <li id="media_tab" role="presentation"><a href="#html5media"  aria-controls="html5media" role="tab" data-toggle="tab">Play media</a></li>
 317 [% END %]
 318 [% IF ( Koha.Preference('NovelistSelectStaffEnabled') && Koha.Preference('NovelistSelectStaffProfile') && Koha.Preference('NovelistSelectStaffView') == 'tab' ) %]
 319     <li class="NovelistSelect" style="display:none;" role="presentation"><a href="#NovelistSelect"  aria-controls="NovelistSelect" role="tab" data-toggle="tab">NoveList Select</a></li>
 320 [% END %]
 321 [% FOREACH plugins_intranet_catalog_biblio_tab IN plugins_intranet_catalog_biblio_tabs %]
 322     <li role="presentation"><a href="#[% plugins_intranet_catalog_biblio_tab.id | uri %]"  aria-controls="[% plugins_intranet_catalog_biblio_tab.id | uri %]" role="tab" data-toggle="tab">[% plugins_intranet_catalog_biblio_tab.title | html %]</a></li>
 323 [% END %]
 324 </ul>
 325
 326 <div class="tab-content">
 327 [% items_table_block_iter = 0 %]
 328 [% BLOCK items_table %]
 329     [% items_table_block_iter = items_table_block_iter + 1 %]
 330     <div class="[% tab | html %]_table_table_controls">
 331         [% IF (StaffDetailItemSelection) %]
 332             | <a href="#" class="SelectAll" data-tab="[% tab | html %]"><i class="fa fa-check"></i> Select all</a> |
 333             <a href="#" class="ClearAll" data-tab="[% tab | html %]"><i class="fa fa-times"></i> Clear all</a>
 334             <span class="itemselection_actions">
 335               | Actions:
 336               [% IF CAN_user_tools_items_batchdel %]
 337                 <a class="itemselection_action_delete"><i class="fa fa-trash-can"></i> Delete selected items</a>
 338               [% END %]
 339               [% IF CAN_user_tools_items_batchmod %]
 340                 <a class="itemselection_action_modify"><i class="fa-solid fa-pencil" aria-hidden="true"></i> Modify selected items</a>
 341               [% END %]
 342               [% IF CAN_user_editcatalogue_manage_item_groups && biblio.item_groups.count %]
 343                 <a class="itemselection_action_item_group_set" href="#"><i class="fa fa-book"></i> Add/move to item group</a>
 344                 <a class="itemselection_action_item_group_unset" href="#"><i class="fa fa-unlink"></i> Remove from item group</a>
 345               [% END %]
 346             </span>
 347         [% END %]
 348     </div>
 349     <table class="items_table" id="[% tab | html %]_table">
 350         <thead>
 351             <tr>
 352                 [% IF (StaffDetailItemSelection) %]<th id="[% tab | html %]_checkbox" data-colname="[% tab | html %]_checkbox" class="NoSort"></th>[% END %]
 353                 [% IF Koha.Preference('LocalCoverImages') && ( tab == 'holdings' && itemloop_has_images || tab == 'otherholdings' && otheritemloop_has_images ) %]
 354                     <th id="[% tab | html %]_cover_image" data-colname="[% tab | html %]_cover_image">Cover image</th>
 355                 [% END %]
 356                 [% IF ( item_level_itypes ) %]<th id="[% tab | html %]_itype" data-colname="[% tab | html %]_itype">Item type</th>[% END %]
 357                 <th id="[% tab | html %]_holdingbranch" data-colname="[% tab | html %]_holdingbranch">Current library</th>
 358                 <th id="[% tab | html %]_homebranch" data-colname="[% tab | html %]_homebranch">Home library</th>
 359                 [% IF ( itemdata_ccode ) %]<th id="[% tab | html %]_ccode" data-colname="[% tab | html %]_ccode">Collection</th>[% END %]
 360                 [% IF Koha.Preference('EnableItemGroups') %]
 361                     <th id="[% tab | html %]_item_group" data-colname="[% tab | html %]_item_group">Item group</th>
 362                 [% END %]
 363                 <th id="[% tab | html %]_itemcallnumber" data-colname="[% tab | html %]_itemcallnumber">Call number</th>
 364                 [% IF volinfo %]
 365                     <th id="[% tab | html %]_enumchron" data-colname="[% tab | html %]_enumchron">Serial enumeration / chronology</th>
 366                 [% END %]
 367                 <th id="[% tab | html %]_status" data-colname="[% tab | html %]_status">Status</th>
 368                 <th id="[% tab | html %]_lastseen" data-colname="[% tab | html %]_lastseen">Last seen</th>
 369                 <th id="[% tab | html %]_issues" data-colname="[% tab | html %]_issues">Checkouts</th>
 370                 <th id="[% tab | html %]_renewals" data-colname="[% tab | html %]_renewals">Renewals</th>
 371                 <th id="[% tab | html %]_dateaccessioned" data-colname="[% tab | html %]_dateaccessioned">Date accessioned</th>
 372                 <th id="[% tab | html %]_datelastborrowed" data-colname="[% tab | html %]_datelastborrowed">Date last borrowed</th>
 373                 <th id="[% tab | html %]_barcode" data-colname="[% tab | html %]_barcode">Barcode</th>
 374                 [% IF ( itemdata_uri ) %]<th id="[% tab | html %]_uri" data-colname="[% tab | html %]_uri">URL</th>[% END %]
 375                 [% IF ( itemdata_copynumber ) %]<th id="[% tab | html %]_copynumber" data-colname="[% tab | html %]_copynumber">Copy number</th>[% END %]
 376                 [% IF ( itemdata_stocknumber ) %]<th id="[% tab | html %]_stocknumber" data-colname="[% tab | html %]_stocknumber">Inventory number</th>[% END %]
 377                 [% IF materials %]<th id="[% tab | html %]_materials" data-colname="[% tab | html %]_materials">Materials specified</th>[% END %]
 378                 [% IF ( itemdata_itemnotes ) %]<th id="[% tab | html %]_itemnotes" data-colname="[% tab | html %]_itemnotes">Public notes</th>[% END %]
 379                 [% IF ( itemdata_nonpublicnotes ) %]<th id="[% tab | html %]_itemnotes_nonpublic" data-colname="[% tab | html %]_itemnotes_nonpublic">Non-public notes</th>[% END %]
 380                 [% IF ( hostrecords ) %]<th id="[% tab | html %]_hostrecord" data-colname="[% tab | html %]_hostrecord">Host records</th>[% END %]
 381                 [% IF ( analyze ) %]<th id="[% tab | html %]_usedin" data-colname="[% tab | html %]_usedin">Used in</th><th></th>[% END %]
 382                 [% IF ( ShowCourseReserves ) %]<th id="[% tab | html %]_course_reserves" data-colname="[% tab | html %]_course_reserves">Course reserves</th>[% END %]
 383                 [% IF ( SpineLabelShowPrintOnBibDetails ) %]<th id="[% tab | html %]_spinelabel" data-colname="[% tab | html %]_spinelabel" class="NoSort">Spine label</th>[% END %]
 384                 [% IF ( CAN_user_editcatalogue_edit_items ) %]<th id="[% tab | html %]_actions" data-colname="[% tab | html %]_actions"class="NoSort noExport">&nbsp;</th>[% END %]
 385             </tr>
 386         </thead>
 387         <tbody>
 388             [% FOREACH item IN items %]
 389                 [% SET date_due = item.object.checkout.date_due %]
 390                 <tr id="item_[% item.itemnumber | html %]" data-itemnumber="[% item.itemnumber | html %]" data-duedate="[% date_due | html %]">
 391                 [% IF (StaffDetailItemSelection) %]
 392                     <td style="text-align:center;vertical-align:middle">
 393                         [% IF item.can_be_edited %]
 394                             <input type="checkbox" value="[% item.itemnumber | html %]" name="itemnumber" />
 395                         [% END %]
 396                     </td>
 397                 [% END %]
 398                     [% IF Koha.Preference('LocalCoverImages') && ( tab == 'holdings' && itemloop_has_images || tab == 'otherholdings' && otheritemloop_has_images ) %]
 399                         <td class="cover">
 400                             <div class="bookcoverimg">
 401                                 <div class="cover-slider">
 402                                     [% FOREACH image IN item.object.cover_images %]
 403                                         <div class="cover-image local-coverimg">
 404                                             <a href="/cgi-bin/koha/catalogue/image.pl?itemnumber=[% image.itemnumber | uri %]&amp;imagenumber=[% image.imagenumber | uri %]" title="Local cover image">
 405                                                 <img src="/cgi-bin/koha/catalogue/image.pl?thumbnail=1&amp;imagenumber=[% image.imagenumber | uri %]" alt="Local cover image" data-link="/cgi-bin/koha/catalogue/imageviewer.pl?itemnumber=[% item.itemnumber | uri %]&amp;imagenumber=[% image.imagenumber | uri %]" />
 406                                             </a>
 407                                         </div>
 408                                     [% END %]
 409                                 </div>
 410                             </div>
 411                         </td>
 412                     [% END %]
 413
 414                     [% IF ( item_level_itypes ) %]
 415                         <td class="itype">
 416                             [% SET itemtype = item.itemtype %]
 417                             [% IF !noItemTypeImages && itemtype.image_location('intranet') %]
 418                                 <img src="[% itemtype.image_location('intranet') | html %]" alt="[% itemtype.translated_description | html %]" title="[% itemtype.translated_description | html %]" />
 419                             [% END %]
 420                             <span class="itypedesc itypetext">[% itemtype.translated_description | html %]</span>
 421                         </td>
 422                     [% END %]
 423                     <td class="location">[% UNLESS ( singlebranchmode ) %][% Branches.GetName( item.holdingbranch ) | html %] [% END %]</td>
 424                     <td class="homebranch">
 425                         <span class="homebranchdesc">[% Branches.GetName(item.homebranch) | html %]</span>
 426                         <span class="shelvingloc">
 427                         [%# If permanent location is defined, show description or code and             %]
 428                         [%# display current location in parentheses. If not, display current location. %]
 429                         [%# Note that permanent location is a code, and location may be an authval.    %]
 430                             [% SET item_location = AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.location', authorised_value => item.location ) %]
 431                             [% IF item.permanent_location %]
 432                                 [% SET permloc_authval = AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.location', authorised_value => item.permanent_location ) %]
 433                                 [% permloc_authval | html %]
 434                                 [% IF item_location AND item_location != permloc_authval AND item.location != item.permanent_location %]
 435                                     ([% item_location | html %])
 436                                 [% END %]
 437                             [% ELSE %]
 438                                 [% item_location | html %]
 439                             [% END %]
 440                         </span>
 441                     </td>
 442                     [% IF ( itemdata_ccode ) %]<td>[% AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.ccode', authorised_value => item.ccode ) | html %]</td>[% END %]
 443                     [% IF Koha.Preference('EnableItemGroups') %]<td class="item_group">[% item.object.item_group.description | html %]</td>[% END %]
 444                     <td class="itemcallnumber">[% IF ( item.itemcallnumber ) %] [% item.itemcallnumber | html %][% END %]</td>
 445                     [% IF ( volinfo ) %]
 446                         [% SET serial = item.serial %]
 447                         [% IF itemdata_publisheddate #If there is at least one published date, use it for sorting %]
 448                             <td class="enumchron" data-order="[% serial.publisheddate | html %]">
 449                         [% ELSE %]
 450                             <td class="enumchron">
 451                         [% END %]
 452                             [% IF ( itemdata_enumchron ) %]
 453                                 [% IF item.enumchron && serial.serialseq %]
 454                                     <span class="enum">[% item.enumchron | html %]</span>
 455                                     [% IF ( serial.serialseq && item.enumchron != serial.serialseq ) %]
 456                                         <span class="sep"> -- </span>
 457                                         <span class="serialseq">[% serial.serialseq | html %]</span>
 458                                     [% END %]
 459                                 [% ELSIF item.enumchron %]
 460                                     <span class="enum">[% item.enumchron | html %]</span>
 461                                 [% ELSIF item.serialseq %]
 462                                     <span class="serialseq">[% serial.serialseq | html %]</span>
 463                                 [% END %]
 464                                 [% IF serial.publisheddate %]
 465                                     <span class="pubdate">([% serial.publisheddate | $KohaDates %])</span>
 466                                 [% END %]
 467                             [% END %]
 468                             </span>
 469                         </td>
 470                     [% END %]
 471                     <td class="status">
 472
 473                         [% IF item.object.checkout %]
 474                           [% IF item.object.checkout.onsite_checkout %]
 475                             <div class="item_status localuse">Currently in local use
 476                           [% ELSE %]
 477                             <div class="item_status datedue">Checked out
 478                           [% END %]
 479                               [% IF item.object.checkout.onsite_checkout %]
 480                                 by
 481                               [% ELSE %]
 482                                 to
 483                               [% END %]
 484                               [% INCLUDE 'patron-title.inc' patron=item.object.checkout.patron hide_patron_infos_if_needed=1 %]
 485                             : due [% date_due | $KohaDates as_due_date => 1 %]
 486                             </div>
 487                         [% ELSIF ( transfer = item.object.get_transfer ) %]
 488                             [% IF (transfer.datesent) %]
 489                                 <div class="item_status intransit">In transit from [% Branches.GetName( transfer.frombranch ) | html %] to [% Branches.GetName( transfer.tobranch ) | html %] since [% transfer.datesent | $KohaDates %]</div>
 490                             [% ELSE %]
 491                                 <div class="item_status transitrequested">Transit pending from [% Branches.GetName( transfer.frombranch ) | html %] to [% Branches.GetName( transfer.tobranch ) | html %] since [% transfer.daterequested | $KohaDates %]</div>
 492                             [% END %]
 493                         [% END %]
 494
 495                         [% IF ( item.itemlost ) %]
 496                             [% SET itemlost_description = AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.itemlost', authorised_value => item.itemlost ) %]
 497                             [% IF itemlostloop %]
 498                                 <div class="item_status lost">[% itemlost_description | html %]</div>
 499                             [% ELSE %]
 500                                 <div class="item_status lost">Unavailable (lost or missing)</div>
 501                             [% END %]
 502                         [% END %]
 503
 504                         [% IF ( item.withdrawn ) %]
 505                             [% SET withdrawn_description = AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.withdrawn', authorised_value => item.withdrawn ) %]
 506                             [% IF withdrawn_description %]
 507                                 <div class="item_status wdn">[% withdrawn_description | html %]</div>
 508                             [% ELSE %]
 509                                 <div class="item_status wdn">Withdrawn</div>
 510                             [% END %]
 511                         [% END %]
 512
 513                         [% IF ( item.damaged ) %]
 514                             [% SET damaged_description = AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.damaged', authorised_value => item.damaged ) %]
 515                             [% IF damaged_description %]
 516                                 <div class="item_status dmg">[% damaged_description | html %]</div>
 517                             [% ELSE %]
 518                                 <div class="item_status dmg">Damaged</div>
 519                             [% END %]
 520                         [% END %]
 521
 522                         [% IF ( item.notforloan || item.itemtype.notforloan ) %]
 523                             <div class="item_status notforloan">Not for loan
 524                             [% SET not_for_loan_description = AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.notforloan', authorised_value => item.notforloan ) %]
 525                             [% IF not_for_loan_description %]
 526                                 <span class="reason">([% not_for_loan_description | html %])</span>
 527                             [% END %]
 528                             </div>
 529                         [% END %]
 530
 531                         [% SET hold = item.first_hold %]
 532                         [% IF hold %]
 533                             [% IF hold.waitingdate %]
 534                                 <div class="item_status waitingat">Waiting at [% Branches.GetName( hold.branchcode ) | html %][% IF ( hold.desk_id ) %], [% hold.desk.desk_name | html %][% END %] since [% hold.waitingdate | $KohaDates %].</div>
 535                                 [% IF canreservefromotherbranches AND ( hold.waitingdate OR hold.priority == 1 ) %]
 536                                     <span class="heldfor">Hold for:</span>
 537                                     [% INCLUDE 'patron-title.inc' patron=hold.borrower hide_patron_infos_if_needed=1 %]
 538                                 [% END %]
 539                             [% ELSE %]
 540                                 <div class="item_status holdonitem">There is an item level hold on this item (priority = [% hold.priority | html %]).</div>
 541                             [% END %]
 542                         [% END %]
 543
 544                         [% IF Koha.Preference('UseRecalls') %]
 545                             [% SET recall = item.object.recall %]
 546                             [% IF recall %]
 547                                 [% IF recall.waiting_date %]
 548                                     <div class="item_status recallat">Waiting at [% Branches.GetName( recall.pickup_library_id ) | html %] since [% recall.waiting_date | $KohaDates %]</div>
 549                                 [% ELSE %]
 550                                     [% patron_link = BLOCK %]<a href="/cgi-bin/koha/members/moremember.pl?borrowernumber=[% recall.patron_id | uri %]">[% recall.patron.firstname | html %] [% recall.patron.surname | html %] ([% recall.patron.cardnumber | html %])</a>[% END %]
 551                                     <div class="item_status recallby">recalled by [% patron_link| $raw %] on [% recall.created_date | $KohaDates %]</div>
 552                                 [% END %]
 553                             [% END %]
 554                         [% END %]
 555
 556                         [% UNLESS ( item.notforloan || item.itemtype.notforloan || item.onloan || item.itemlost || item.withdrawn || item.damaged || item.transfer || hold || ( Koha.Preference('UseRecalls') && recall ) ) %]
 557                             <div class="item_status available">Available</div>
 558                         [% END %]
 559
 560                         [% IF ( item.restricted ) %]
 561                             <div class="item_status restricted">([% AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.restricted', authorised_value => item.restricted ) | html %])</div>
 562                         [% END %]
 563
 564                         [% IF ( item.bundle_host ) %]
 565                             <div class="item_status bundled">In bundle: [% INCLUDE 'biblio-title.inc' biblio = item.bundle_host.biblio link = 1 %]</div>
 566                         [% END %]
 567
 568                     </td>
 569                     <td class="datelastseen" data-order="[% item.datelastseen | html %]">[% item.datelastseen | $KohaDates with_hours => 1 %]</td>
 570                     <td class="issues" data-order="[% item.issues || 0 | html %]">[% item.issues || 0 | html %]</td>
 571                     <td class="renewals" data-order="[% item.renewals || 0 | html %]">[% item.renewals || 0 | html %]</td>
 572                     <td class="dateaccessioned" data-order="[% item.dateaccessioned | html %]">[% item.dateaccessioned | $KohaDates %]</td>
 573                     <td class="datelastborrowed" data-order="[% item.datelastborrowed | html %]">[% item.datelastborrowed | $KohaDates %]</td>
 574                     <td><a href="/cgi-bin/koha/catalogue/moredetail.pl?itemnumber=[% item.itemnumber | uri %]&amp;biblionumber=[% item.biblionumber | uri %]&amp;bi=[% item.biblioitemnumber | uri %]#item[% item.itemnumber | uri %]">[% item.barcode | html %]</a></td>
 575                     [% IF ( itemdata_uri ) %]
 576                         [% IF item.uri.split(' \| ').size > 1 %]
 577                             <td class="uri">
 578                                 [% FOREACH uri IN item.uri.split(' \| ') %]<a href="[% uri | url %]">[% uri | html %]</a><br>[% END %]
 579                             </td>
 580                         [% ELSE %]
 581                             <td class="uri">
 582                                 [% IF item.uri %]
 583                                     <a href="[% item.uri | url %]">[% IF Koha.Preference('URLLinkText') %][% Koha.Preference('URLLinkText') | html %][% ELSE %]Link to resource[% END %]</a>
 584                                 [% END %]
 585                             </td>
 586                         [% END %]
 587                     [% END %]
 588                     [% IF ( itemdata_copynumber ) %]
 589                         <td class="copynumber">[% AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.copynumber', authorised_value => item.copynumber ) | html %]</td>
 590                     [% END %]
 591                     [% IF ( itemdata_stocknumber ) %]
 592                         <td class="stocknumber">[% item.stocknumber | html %]</td>
 593                     [% END %]
 594                     [% IF materials %]
 595                         <td class="materials"> [% item.materials | html %] </td>
 596                     [% END %]
 597                     [% IF ( itemdata_itemnotes ) %]
 598                         <td><div class="itemnotes">[% item.object.itemnotes.replace('\n','<br />') | $raw %]</div></td>
 599                     [% END %]
 600                     [% IF itemdata_nonpublicnotes %]
 601                         <td class="nonpublicnote">[% item.itemnotes_nonpublic | html %]</td>
 602                     [% END %]
 603                     [% IF ( hostrecords ) %]
 604                         <td>[% IF ( item.hostbiblionumber) %]<a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% item.hostbiblionumber | uri %]" >[% item.hosttitle | html %]</a>[% END %]</td>
 605                     [% END %]
 606                     [% IF ( analyze ) %]
 607                         <td>
 608                             [% IF ( item.countanalytics ) %]
 609                                 <a href="/cgi-bin/koha/catalogue/search.pl?idx=hi&amp;q=[% item.itemnumber | uri %]">[% item.countanalytics | html %] analytics</a>
 610                             [% END %]
 611                         </td>
 612                     [% END %]
 613                     [% IF ( analyze ) %]
 614                         <td><a href="/cgi-bin/koha/cataloguing/addbiblio.pl?hostbiblionumber=[% item.biblionumber | uri %]&amp;hostitemnumber=[% item.itemnumber | uri %]">Create analytics</a></td>
 615                     [% END %]
 616
 617                 [% IF ShowCourseReserves %]
 618                     <td>
 619                         [% IF item.course_reserves %]
 620                             [% FOREACH r IN item.course_reserves %]
 621                                 [% IF r.course.enabled == 'yes' %]
 622                                     <p>
 623                                       <a href="/cgi-bin/koha/course_reserves/course-details.pl?course_id=[% r.course.course_id | uri %]">
 624                                          [% r.course.course_name | html %]
 625                                          <!--[% IF r.course.course_number %] [% r.course.course_number | html %] [% END %]-->
 626                                          [% IF r.course.section %] [% r.course.section | html %] [% END %]
 627                                          [% IF r.course.term %] [% AuthorisedValues.GetByCode( 'TERM', r.course.term ) | html %] [% END %]
 628                                       </a>
 629                                    </p>
 630                                [% END %]
 631                            [% END %]
 632                        [% END %]
 633                     </td>
 634                 [% END %]
 635
 636                 [% IF ( SpineLabelShowPrintOnBibDetails ) %]
 637                     <td><a class="btn btn-default btn-xs print-label" href="/cgi-bin/koha/labels/spinelabel-print.pl?barcode=[% item.barcode | uri %]"><i class="fa fa-print"></i> Print label</a></td>
 638                 [% END %]
 639
 640                 [% IF CAN_user_editcatalogue_edit_items %]
 641                     <td class="actions">
 642                         [% IF item.can_be_edited %]
 643                             [% IF Koha.Preference('LocalCoverImages') OR Koha.Preference('OPACLocalCoverImages') %]
 644                                 <div class="btn-group">
 645                                     <a  class="btn btn-default btn-xs" href="/cgi-bin/koha/cataloguing/additem.pl?op=edititem&biblionumber=[% item.biblionumber | html %]&itemnumber=[% item.itemnumber | html %]#edititem"><i class="fa-solid fa-pencil" aria-hidden="true"></i> Edit</a><a class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
 646                                     <ul class="dropdown-menu pull-right">
 647                                         <li><a href="/cgi-bin/koha/tools/upload-cover-image.pl?itemnumber=[% item.itemnumber | uri %]&amp;filetype=image"><i class="fa fa-upload"></i> Upload image</a></li>
 648                                     </ul>
 649                                 </div>
 650                             [% ELSE %]
 651                                 <a class="btn btn-default btn-xs" href="/cgi-bin/koha/cataloguing/additem.pl?op=edititem&biblionumber=[% item.biblionumber | html %]&itemnumber=[% item.itemnumber | html %]#edititem"><i class="fa-solid fa-pencil" aria-hidden="true"></i> Edit</a>
 652                             [% END %]
 653                         [% END %]
 654                         [% IF bundlesEnabled %]
 655                             <button class="btn btn-default btn-xs details-control"><i class="fa fa-folder"></i> Manage bundle ([% item.bundled | html %]|[% item.bundled_lost | html %])</button>
 656                         [% END %]
 657                     </td>
 658                 [% END %]
 659                 </tr>
 660             [% END %]
 661         </tbody>
 662     </table>
 663
 664 [% END %][%# end of block items_table %]
 665
 666 [% IF Koha.Preference('EnableItemGroups') %]
 667     <div role="tabpanel" class="tab-pane" id="item_groups">
 668         [% IF CAN_user_editcatalogue_manage_item_groups %]
 669             <div class="item_groups_table_table_controls">
 670                 <a href="#" class="item-group-create btn btn-default btn-xs"><i class="fa fa-plus"></i> New item group</a>
 671             </div>
 672         [% END %]
 673         <table class="items-group-table" id="items-group-table">
 674             <thead>
 675                 <tr>
 676                     <th>Display order</th>
 677                     <th>Description</th>
 678                     <th class="NoSort">&nbsp;</th>
 679                 </tr>
 680             </thead>
 681         </table>
 682     </div>
 683 [% END %]
 684
 685
 686 <div role="tabpanel" class="tab-pane" id="holdings">
 687
 688 [% IF ( Koha.Preference('NovelistSelectStaffEnabled') && Koha.Preference('NovelistSelectStaffProfile') && Koha.Preference('NovelistSelectStaffView') == 'above' ) %]
 689     <span class="results_summary NovelistSelect" style="display:none;">
 690         <span class="label">Novelist Select: </span>
 691         <div data-novelist-novelistselect=[% normalized_isbn | html %]></div>
 692     </span>
 693 [% END %]
 694
 695 [% IF ( count ) %]
 696     [% IF ( showncount ) %]
 697         [% PROCESS items_table tab="holdings" items=itemloop %]
 698         [% END %]
 699                 [% IF ( hiddencount ) %]
 700                    <p><a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% biblionumber | uri %]&amp;showallitems=1">Show all items ([% hiddencount | html %] hidden)</a>
 701                 [% END %]
 702                 [% IF ( debug_display ) %]
 703                 <br /><br />
 704                 <table>
 705                         <tr><td>itemdata_enumchron</td><td>[% itemdata_enumchron | html %]</td></tr>
 706                         <tr><td>itemdata_copynumber</td><td>[% itemdata_copynumber | html %]</td></tr>
 707                         <tr><td>serial</td><td>[% serial | html %]</td></tr>
 708                 </table>
 709                 [% END %]
 710 [% ELSE %]
 711     [% IF ( ALTERNATEHOLDINGS ) %]
 712     [% FOREACH ALTERNATEHOLDING IN ALTERNATEHOLDINGS %]
 713         <div id="alternateholdings"><span class="holdings_label">Holdings:</span> [% ALTERNATEHOLDING.holding | html %]</div>
 714     [% END %]
 715     [% ELSE %]
 716     <div id="noitems">No physical items for this record</div>
 717     [% END %]
 718 [% END %]
 719
 720 [% IF ( Koha.Preference('NovelistSelectStaffEnabled') && Koha.Preference('NovelistSelectStaffProfile') && Koha.Preference('NovelistSelectStaffView') == 'below' ) %]
 721     <span class="results_summary NovelistSelect" style="display:none;">
 722         <span class="label">Novelist Select: </span>
 723         <div data-novelist-novelistselect=[% normalized_isbn | html %]></div>
 724     </span>
 725 [% END %]
 726     </div>
 727
 728 [% IF (SeparateHoldings) %]
 729     <div role="tabpanel" class="tab-pane" id="otherholdings">
 730         [% IF (otheritemloop.size) %]
 731             [% PROCESS items_table tab="otherholdings" items=otheritemloop %]
 732         [% ELSE %]
 733             <span class="nootheritems">No other items.</span>
 734         [% END %]
 735     </div>
 736 [% END %]
 737
 738 [% IF ( MARCNOTES ) %]
 739
 740 <div role="tabpanel" class="tab-pane" id="description">
 741 <div class="content_set">
 742
 743     [% FOREACH MARCNOTE IN MARCNOTES %]
 744         <p class="marcnote marcnote-[% MARCNOTE.tag | html %]" id="marcnote-[% MARCNOTE.tag | html %]-[% loop.count | html %]">
 745             [% IF MARCNOTE.marcnote.match('^https?://\S+$') %]
 746                 <a href="[% MARCNOTE.marcnote | url %]">[% MARCNOTE.marcnote | html %]</a>
 747             [% ELSE %]
 748                 [% MARCNOTE.marcnote | html | html_line_break %]
 749             [% END %]
 750         </p>
 751 [% END %]
 752 </div>
 753 </div>
 754
 755 [% END %]
 756
 757 [% IF ComponentParts && ComponentParts.size %]
 758 <div role="tabpanel" class="tab-pane" id="components">
 759     <div class="content_set">
 760         <table>
 761             [% FOR PART IN ComponentParts %]
 762             <tr>
 763                 <td>
 764                     [% PART | $raw %]
 765                 </td>
 766             </tr>
 767             [% END %]
 768         </table>
 769         [% IF ComponentParts.size == Koha.Preference('MaxComponentRecords')%]
 770         <p>Only [% ComponentParts.size | html %] results are shown: <a href="/cgi-bin/koha/catalogue/search.pl?q=[% ComponentPartsQuery | url %]"/>show all component parts</a></p>
 771         [% END %]
 772     </div> <!-- /.content_set -->
 773 </div> <!-- /#components -->
 774
 775 [% END %]
 776
 777 [% IF ( subscriptionsnumber ) %]
 778 <div role="tabpanel" class="tab-pane" id="subscriptions">
 779 <div id="catalogue_detail_subscriptions">
 780     <h2>This is a serial subscription</h2>
 781     <p> (There are [% subscriptionsnumber | html %] subscriptions associated with this title).</p>
 782     [% FOREACH subscription IN subscriptions %]
 783             [% IF subscription.branchcode %]
 784                 <h3>At library: [% Branches.GetName(subscription.branchcode) || subscription.branchcode | html %]</h3>
 785             [% END %]
 786             [% IF ( subscription.closed ) %]<p>This subscription is closed.</p>[% END %]
 787             [% IF ( subscription.location ) %]<p class="subscription_location">Location: [% AuthorisedValues.GetDescriptionByKohaField( kohafield => 'items.location', authorised_value => subscription.location ) | html %]</p>[% END %]
 788             [% IF ( subscription.callnumber ) %]<p>Callnumber: [% subscription.callnumber | html %] </p>[% END %]
 789             [% IF ( subscription.subscriptionnotes ) %]<p>[% subscription.subscriptionnotes | html | html_line_break %] </p>[% END %]
 790             [% IF ( subscription.missinglist ) %]<p>Missing issues: [% subscription.missinglist | html %] </p>[% END %]
 791             [% IF ( subscription.librariannote ) %]<p>([% subscription.librariannote | html %])</p>[% END %]
 792             [% IF ( subscription.latestserials ) %]
 793             <p> The [% subscription.staffdisplaycount | html %] latest issues related to this subscription:</p>
 794             <table>
 795                 <tr>
 796                     <th>Issue #</th>
 797                     <th>Date arrived</th>
 798                     <th>Date published</th>
 799                     <th>Date published (text)</th>
 800                     <th>Status</th>
 801                     <th>Note</th>
 802                 </tr>
 803             [% FOREACH latestserial IN subscription.latestserials %]
 804                 <tr>
 805                     <td>[% latestserial.serialseq | html %]</td>
 806                     <td data-order="[% latestserial.planneddate | html %]">[% latestserial.planneddate | $KohaDates %]</td>
 807                     <td data-order="[% latestserial.publisheddate | html %]">[% latestserial.publisheddate | $KohaDates %]</td>
 808                     <td>[% latestserial.publisheddatetext | html %]</td>
 809                     <td>
 810                         [% INCLUDE 'serial-status.inc' serial = latestserial %]
 811                     </td>
 812                     <td>[% latestserial.notes | html %]</td>
 813                 </tr>
 814             [% END %]
 815             </table>
 816             [% END %]
 817             [% IF ( CAN_user_serials ) %]
 818                 <p>
 819                     <a class="btn btn-link" href="/cgi-bin/koha/serials/subscription-detail.pl?subscriptionid=[% subscription.subscriptionid | uri %]"><i class="fa fa-list" aria-hidden="true"></i> Subscription details</a>
 820                 </p>
 821             [% END %]
 822     [% END %]
 823 </div>
 824 </div>
 825 [% END %]
 826
 827 [% IF Koha.Preference('AcquisitionDetails') %]
 828 <div role="tabpanel" class="tab-pane" id="acq_details">
 829   [% IF orders.count %]
 830     <table id="orders">
 831       <thead>
 832         <tr>
 833           <th>Vendor</th>
 834           <th>Invoice</th>
 835           <th>Basket group</th>
 836           <th>Basket</th>
 837           <th>Order number</th>
 838           <th>Creation date</th>
 839           <th>Receive date</th>
 840           <th>Status</th>
 841           <th>Quantity</th>
 842           <th title="Estimated cost tax incl. while pending, actual cost tax incl. once received">Price</th>
 843           <th>Internal note</th>
 844           <th>Subscription</th>
 845           <th>Subscription call number</th>
 846         </tr>
 847       </thead>
 848       <tbody>
 849       [% FOR order IN orders %]
 850         [% SET basket = order.basket %]
 851         [% SET vendor = basket.bookseller %]
 852           <tr>
 853             <td>
 854                 <a href="/cgi-bin/koha/acqui/supplier.pl?booksellerid=[% vendor.id | uri %]" title="Vendor detail page">[% vendor.name | html %]</a>
 855             </td>
 856             <td>
 857             [% IF order.invoiceid %]
 858                 [% IF CAN_user_acquisition %]
 859                     <div><a href="/cgi-bin/koha/acqui/invoice.pl?invoiceid=[% order.invoiceid | uri %]"
 860                        title="Invoice detail page">
 861                        [% order.invoice.invoicenumber | html %]</a></div>
 862                 [% ELSE %]
 863                     <div>[% order.invoice.invoicenumber | html %]</div>
 864                 [% END %]
 865
 866                 [% IF ( Koha.Preference('EDIFACT') && CAN_user_acquisition_edi_manage && order.invoice.message_id ) %]
 867                     <div><a href="/cgi-bin/koha/acqui/edimsg.pl?id=[% order.invoice.message_id | uri %]" title="EDI INVOICE message">EDI message</a></div>
 868                 [% END %]
 869             [% END %]
 870             </td>
 871             <td>
 872             [% IF basket.basketgroupid %]
 873                 [% SET basket_group = basket.basket_group %]
 874                 [% IF CAN_user_acquisition_group_manage %]
 875                     <a href="/cgi-bin/koha/acqui/basketgroup.pl?op=add&booksellerid=[% vendor.id | uri %]&basketgroupid=[% basket_group.id | uri %]">[% basket_group.name | html%] ([% basket_group.id | html %])</a>
 876                 [% ELSE %]
 877                     [% basket_group.name | html %] ([% basket_group.id | html %])
 878                 [% END %]
 879             [% END %]
 880             </td>
 881             <td>[% IF CAN_user_acquisition_order_manage %]
 882                 <a href="/cgi-bin/koha/acqui/basket.pl?basketno=[% basket.basketno | uri %]">[% basket.basketname | html %] ([% basket.basketno | html %])</a>
 883             [% ELSE %]
 884                 [% basket.basketname | html %] ([% basket.basketno | html %])
 885             [% END %]</td>
 886             <td>[% order.ordernumber | html %]</td>
 887             <td data-order="[% basket.creationdate | uri %]">[% basket.creationdate | $KohaDates%]</td>
 888             <td data-order="[% order.datereceived | uri %]">[% order.datereceived | $KohaDates%]</td>
 889             <td>
 890               [% SWITCH order.orderstatus %]
 891                 [% CASE 'new' %]<span>New</span>
 892                 [% CASE 'ordered' %]<span>Ordered</span>
 893                 [% CASE 'partial' %]<span>Partial</span>
 894                 [% CASE 'complete' %]<span>Complete</span>
 895                 [% CASE 'cancelled' %]<span>Cancelled</span>
 896               [% END %]
 897             </td>
 898             <td>[% order.quantity | html %]</td>
 899             <td>[% IF ( order.orderstatus == "complete" ) %][% order.unitprice_tax_included | $Price %][% ELSE %][% order.ecost_tax_included | $Price %][% END %]
 900             <td>[% order.order_internalnote | html %]</td>
 901             <td>
 902                 [% IF order.subscriptionid %]
 903                     <a href="/cgi-bin/koha/serials/subscription-detail.pl?subscriptionid=[% order.subscriptionid | uri %]">[% order.subscriptionid | html %]</a>
 904                 [% END %]
 905             </td>
 906             <td>
 907                 [% IF order.subscriptionid %]
 908                     [% order.subscription.callnumber | html %]
 909                 [% END %]
 910             </td>
 911           </tr>
 912       [% END %]
 913       </tbody>
 914     </table>
 915   [% ELSE %]
 916     <span class="noorder">There is no order for this bibliographic record.</span>
 917   [% END %]
 918 </div>
 919 [% END %]
 920
 921 [% IF suggestions.count %]
 922     <div role="tabpanel" class="tab-pane" id="suggestion_details">
 923         [% IF nb_archived_suggestions > 0 %]
 924             <p>[% tnpx('pluralization', 'There is one archived suggestion.', 'There are {count} archived suggestions.', nb_archived_suggestions, { count = nb_archived_suggestions }) | $raw  %]
 925         [% END %]
 926         <table id="suggestions" class="sorted">
 927             <thead>
 928                 <tr>
 929                     <th class="NoSort">&nbsp;</th>
 930                     <th class="anti-the">Suggestion</th>
 931                     <th>Suggested by - on</th>
 932                     <th>Managed by - on</th>
 933                     <th>Last modification by - on</th>
 934                     <th>Library</th>
 935                     <th>Fund</th>
 936                     <th>Status</th>
 937                 </tr>
 938             </thead>
 939             <tbody>
 940             [% FOREACH suggestion IN suggestions %]
 941                 <tr>
 942                     <td>[% suggestion.suggestionid | html %]</td>
 943                     <td>
 944                         <a href="/cgi-bin/koha/suggestion/suggestion.pl?suggestionid=[% suggestion.suggestionid | uri %]&amp;op=show" title="suggestion" >
 945                             [% suggestion.title | html %][% IF ( suggestion.author ) %], by [% suggestion.author | html %][% END %]</a>
 946                         <br />
 947                         [% IF ( suggestion.copyrightdate ) %]&copy; [% suggestion.copyrightdate | html %] [% END %]
 948                         [% IF ( suggestion.volumedesc ) %]; Volume:<em>[% suggestion.volumedesc | html %]</em> [% END %]
 949                         [% IF ( suggestion.isbn ) %]; ISBN:<em>[% suggestion.isbn | html %]</em> [% END %][% IF ( suggestion.publishercode ) %]; Published by [% suggestion.publishercode | html %] [% END %][% IF ( suggestion.publicationyear ) %] in <em>[% suggestion.publicationyear | html %]</em> [% END %][% IF ( suggestion.place ) %] in <em>[% suggestion.place | html %]</em> [% END %][% IF ( suggestion.collectiontitle ) %]; [% suggestion.collectiontitle | html %] [% END %][% IF ( suggestion.itemtype ) %]; [% AuthorisedValues.GetByCode( 'SUGGEST_FORMAT', suggestion.itemtype, 0 ) | html %] [% END %]<br />[% IF ( suggestion.note ) %]<div class="suggestion_note"><i class="fa fa-comment"></i> [% suggestion.note | html %]</div>[% END %]
 950                     </td>
 951                     <td>
 952                         <a href="/cgi-bin/koha/members/moremember.pl?borrowernumber=[% suggestion.suggestedby | uri %]">[% INCLUDE 'patron-title.inc' patron => suggestion.suggester %]</a>
 953                         [% IF suggestion.suggesteddate %] - [% suggestion.suggesteddate | $KohaDates %][% END %]
 954                     </td>
 955                     <td>
 956                         <a href="/cgi-bin/koha/members/moremember.pl?borrowernumber=[% suggestion.managedby | uri %]">[% INCLUDE 'patron-title.inc' patron => suggestion.manager %]</a>
 957                         [% IF suggestion.manageddate %] - [% suggestion.manageddate | $KohaDates %][% END %]
 958                     </td>
 959                     <td>
 960                         <a href="/cgi-bin/koha/members/moremember.pl?borrowernumber=[% suggestion.lastmodificationby | uri %]">[% INCLUDE 'patron-title.inc' patron => suggestion.last_modifier %]</a>
 961                         [% IF suggestion.lastmodificationdate %] - [% suggestion.lastmodificationdate | $KohaDates %][% END %]
 962                     </td>
 963                     <td>
 964                         [% Branches.GetName( suggestion.branchcode ) | html %]
 965                     </td>
 966                     <td>
 967                         [% suggestion.fund.budget_name | html %]
 968                     </td>
 969                     <td>
 970                         [% IF    suggestion.STATUS == 'ASKED'     %]<span>Pending</span>
 971                         [% ELSIF suggestion.STATUS == 'ACCEPTED'  %]<span>Accepted</span>
 972                         [% ELSIF suggestion.STATUS == 'ORDERED'   %]<span>Ordered</span>
 973                         [% ELSIF suggestion.STATUS == 'REJECTED'  %]<span>Rejected</span>
 974                         [% ELSIF suggestion.STATUS == 'CHECKED'   %]<span>Checked</span>
 975                         [% ELSIF suggestion.STATUS == 'AVAILABLE' %]<span>Available</span>
 976                         [% ELSIF AuthorisedValues.GetByCode( 'SUGGEST_STATUS', suggestion.STATUS ) %]
 977                             [% AuthorisedValues.GetByCode( 'SUGGEST_STATUS', suggestion.STATUS ) | html %]
 978                         [% ELSE %]<span>Status unknown</span>
 979                         [% END %]
 980                         [% IF suggestion.reason %]
 981                             <br />([% suggestion.reason | html %])
 982                         [% END %]
 983                     </td>
 984                 </tr>
 985                 [% END %]
 986             </tbody>
 987         </table>
 988     </div>
 989 [% END %]
 990
 991 [% IF ( FRBRizeEditions ) %][% IF ( XISBNS ) %]
 992 <div role="tabpanel" class="tab-pane" id="editions"><h4>Editions</h4>
 993 <table>
 994 [% FOREACH XISBN IN XISBNS %]<tr>[% IF ( AmazonCoverImages ) %]<td><a href="http://www.amazon.com/gp/reader/[% XISBN.normalized_isbn | uri %][% AmazonAssocTag | uri %]#reader-link"><img src="https://images-na.ssl-images-amazon.com/images/P/[% XISBN.normalized_isbn | html %].01._AA75_PU_PU-5_.jpg" /></a></td>[% END %]
 995 [% IF ( !item_level_itypes || Koha.Preference('BiblioItemtypeInfo') ) %]<td>[% IF ( noItemTypeImages ) %]<span class="itypetext">[% XISBN.description | html %]</span>[% ELSE %]<img src="[% XISBN.imageurl | html %]" alt="[% XISBN.description | html %]" title="[% XISBN.description | html %]">[% END %]</td>[% END %]
 996 <td><a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% XISBN.biblionumber | uri %]">[% XISBN.title | html %]</a> <span>by</span> [% XISBN.author | html %] &copy;[% XISBN.copyrightdate | html %]
 997   [% IF ( XISBN.publishercode ) %]
 998 [% XISBN.publishercode | html %] [% IF ( XISBN.place ) %]([% XISBN.place | html %])[% END %] [% IF ( XISBN.publicationyear ) %], [% XISBN.publicationyear | html %][% END %] [% IF ( XISBN.editionstatement ) %][% XISBN.editionstatement | html %][% END %] [% IF ( XISBN.editionresponsibility ) %][% XISBN.editionresponsibility | html %][% END %]
 999     [% END %]
1000                 [% IF ( XISBN.pages ) %] [% END %][% XISBN.pages | html %] [% IF ( XISBN.illus ) %][% XISBN.illus | html %][% END %]
1001                 [% IF ( XISBN.size ) %], [% END %][% XISBN.size | html %]
1002 </td>
1003
1004 [% END %]
1005 </table></div>[% END %]
1006 [% END %]
1007
1008 [% IF ( ( Koha.Preference('CatalogConcerns') || Koha.Preference('OpacCatalogConcerns') ) && CAN_user_editcatalogue_edit_catalogue ) %]
1009 <div role="tabpanel" class="tab-pane" id="concerns">
1010     <fieldset class="action" style="cursor:pointer;">
1011         <a id="hideResolved"><i class="fa fa-minus-square"></i> Hide resolved</a>
1012         | <a id="showAll"><i class="fa fa-bars"></i> Show all</a>
1013     </fieldset>
1014
1015     <table id="table_concerns" width="100%">
1016         <thead>
1017             <tr>
1018                 <th>Reported</th>
1019                 <th>Details</th>
1020                 <th>Status</th>
1021                 <th data-class-name="actions noExport">Actions</th>
1022             </tr>
1023         </thead>
1024     </table>
1025 </div>
1026 [% END %]
1027
1028 [% IF ( LocalCoverImages ) %]
1029     <div role="tabpanel" class="tab-pane" id="images">
1030         [% IF localimages.count %]
1031             <p>Click on an image to view it in the image viewer</p>
1032             <ul class="thumbnails">
1033                 [% FOREACH image IN localimages %]
1034                     [% IF image %]
1035                         <li id="imagenumber-[% image.imagenumber | html %]" class="thumbnail">
1036                             <a href="/cgi-bin/koha/catalogue/imageviewer.pl?biblionumber=[% biblionumber | uri %]&amp;imagenumber=[% image.imagenumber | uri %]">
1037                                 <img src="/cgi-bin/koha/catalogue/image.pl?thumbnail=1&amp;imagenumber=[% image.imagenumber | uri %]" />
1038                             </a>
1039                             [% IF CAN_user_tools_upload_local_cover_images %]
1040                                 <a href="#" class="remove"><i class="fa fa-trash-can"></i> Delete image</a>
1041                             [% END %]
1042                         </li>
1043                     [% END %]
1044                 [% END %]
1045             </ul>
1046         [% ELSE # - No image passed JavaScript takes care %]
1047             <span class="noimagesuploaded">No images have been uploaded for this bibliographic record yet.</span>
1048         [% END %]
1049         [% IF ( CAN_user_tools_upload_local_cover_images ) %]
1050             <p>Upload an image file: <a class="btn btn-default btn-xs" href="/cgi-bin/koha/tools/upload-cover-image.pl?biblionumber=[% biblionumber | uri %]&amp;filetype=image"><i class="fa fa-upload" aria-hidden="true"></i> Upload</a>
1051             </p>
1052         [% END %]
1053     </div>
1054 [% END %]
1055
1056 [% IF ( HTML5MediaEnabled ) %]
1057 <div role="tabpanel" class="tab-pane" id="html5media">
1058           [% FOREACH HTML5MediaSet IN HTML5MediaSets %]
1059             <p>
1060                 [% IF HTML5MediaSet.is_youtube %]
1061                     <iframe id="player" width="640" height="360" src="[% HTML5MediaSet.srcblock | url %]"></iframe>
1062                 [% ELSE %]
1063                   <[% HTML5MediaParent | html %] controls preload=none>
1064                     <[% HTML5MediaSet.child | html %] src="[% HTML5MediaSet.srcblock | url %]"[% HTML5MediaSet.typeblock | html %] />
1065                     [[% HTML5MediaParent | html %] tag not supported by your browser.]
1066                   </[% HTML5MediaParent | html %]>
1067                 [% END %]
1068             </p>
1069           [% END %]
1070 </div>
1071 [% END %]
1072
1073
1074 [% IF ( Koha.Preference('NovelistSelectStaffEnabled') && Koha.Preference('NovelistSelectStaffProfile') && Koha.Preference('NovelistSelectStaffView') == 'tab' ) %]
1075     <div role="tabpanel" class="tab-pane" id="NovelistSelect" class="novelistSelect">
1076         <div data-novelist-novelistselect=[% normalized_isbn | html %]></div>
1077     </div>
1078 [% END %]
1079
1080 [% FOREACH plugins_intranet_catalog_biblio_tab IN plugins_intranet_catalog_biblio_tabs %]
1081     <div role="tabpanel" class="tab-pane" id="[% plugins_intranet_catalog_biblio_tab.id | html %]">
1082         [% plugins_intranet_catalog_biblio_tab.content | $raw %]
1083     </div>
1084 [% END %]
1085
1086 </div><!-- /tab-content -->
1087 </div><!-- /bibliodetails -->
1088
1089 <div id="export" style="margin-top: 1em;">
1090 <form method="get" action="/cgi-bin/koha/catalogue/export.pl">
1091 <table>  <tr>
1092       <th>Save record</th>   </tr>
1093     <tr><td> Select download format:    <select name="format">
1094         <option value="mods">MODS (XML)</option>
1095         <option data-toggle="modal" data-target="#exportModal_">Dublin Core</option>
1096         <option value="marcxml">MARCXML</option>
1097         <option value="marc8">MARC (non-Unicode/MARC-8)</option>
1098         <option value="utf8">MARC (Unicode/UTF-8)</option>    </select>
1099         <input type="submit" name="save" class="btn btn-primary" value="Download record" /></td>
1100   </tr>
1101   <tr><td>
1102     <input type="hidden" name="op" value="export" /><input type="hidden" name="bib" value="[% biblionumber | html %]" />
1103   </td></tr>
1104 </table>
1105 </form>
1106 </div>
1107
1108 <div id="marcPreview" class="modal" tabindex="-1" role="dialog" aria-labelledby="marcPreviewLabel" aria-hidden="true">
1109     <div class="modal-dialog modal-lg">
1110     <div class="modal-content">
1111     <div class="modal-header">
1112         <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
1113         <h3 id="marcPreviewLabel">MARC preview</h3>
1114     </div>
1115     <div class="modal-body">
1116         <div id="loading"> <img src="[% interface | html %]/[% theme | html %]/img/spinner-small.gif" alt="" /> Loading </div>
1117     </div>
1118     <div class="modal-footer">
1119         <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
1120     </div>
1121     </div>
1122     </div>
1123 </div>
1124
1125 <div id="elasticPreview" class="modal" tabindex="-1" role="dialog" aria-labelledby="elasticPreviewLabel" aria-hidden="true">
1126     <div class="modal-dialog modal-lg">
1127     <div class="modal-content">
1128     <div class="modal-header">
1129         <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
1130         <h3 id="elasticPreviewLabel">Elasticsearch record</h3>
1131     </div>
1132     <div class="modal-body">
1133         <div id="loading"> <img src="[% interface | html %]/[% theme | html %]/img/spinner-small.gif" alt="" /> Loading </div>
1134     </div>
1135     <div class="modal-footer">
1136         <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
1137     </div>
1138     </div>
1139     </div>
1140 </div>
1141
1142             </main>
1143         </div> <!-- /.col-sm-10.col-sm-push-2 -->
1144
1145         <div class="col-sm-2 col-sm-pull-10">
1146             <aside>
1147                 [% INCLUDE 'biblio-view-menu.inc' %]
1148             </aside>
1149         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
1150      </div> <!-- /.row -->
1151
1152 [% END %]
1153
1154 <div class="modal fade" id="modal-item-group-create" tabindex="-1" role="dialog" aria-labelledby="modal-item-group-create-label">
1155     <div class="modal-dialog">
1156         <div class="modal-content">
1157             <div class="modal-header">
1158                 <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
1159                 <h3 id="modal-item-group-create-label"><i class="fa fa-plus"></i> Create a new item group</h3>
1160             </div>
1161             <form method="get" id="modal-item-group-create-form" class="validated">
1162                 <div class="modal-body">
1163                     <fieldset>
1164                         <p>
1165                             <label for="item_group_description" class="required">Name: </label>
1166                             <input name="description" id="modal-item-group-create-form-description" type="text" size="30" required="required" class="required" />
1167                             <span class="required">Required</span>
1168                         </p>
1169                         <p>
1170                             <label for="item_group_display_order" class="required">Display order: </label>
1171                             <input name="display_order" id="modal-item-group-create-form-display_order" value="0" size="5" required="required" class="required" />
1172                             <span class="required">Required</span>
1173                             <br/>
1174                             <span class="hint">Numbers only, item groups will be displayed in counting order</span>
1175                         </p>
1176                     </fieldset>
1177                 </div>
1178                 <div class="modal-footer">
1179                     <button id="modal-item-group-create-submit" class="btn btn-default"><i class="fa fa-plus"></i> Submit</button>
1180                     <button class="btn btn-link" data-dismiss="modal" aria-hidden="true">Cancel</button>
1181                 </div>
1182             </form>
1183         </div>
1184     </div>
1185 </div>
1186
1187 <div class="modal fade" id="modal-item-group-edit" tabindex="-1" role="dialog" aria-labelledby="modal-item-group-edit-label">
1188     <div class="modal-dialog">
1189         <div class="modal-content">
1190             <div class="modal-header">
1191                 <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
1192                 <h3 id="modal-item-group-edit-label"><i class="fa-solid fa-pencil" aria-hidden="true"></i> Edit item group</h3>
1193             </div>
1194             <form method="get" id="modal-item-group-edit-form" class="validated">
1195                 <div class="modal-body">
1196                     <fieldset>
1197                         <p>
1198                             <label for="item_group_description" class="required">Name: </label>
1199                             <input name="description" id="modal-item-group-edit-form-description" type="text" size="30" required="required" class="required" />
1200                             <span class="required">Required</span>
1201                         </p>
1202                         <p>
1203                             <label for="item_group_display_order" class="required">Sort order: </label>
1204                             <input name="display_order" id="modal-item-group-edit-form-display_order" size="5" />
1205                             <span class="hint">Numbers only, item groups will be displayed in counting order</span>
1206                         </p>
1207                     </fieldset>
1208                 </div>
1209                 <div class="modal-footer">
1210                     <button id="modal-item-group-edit-submit" class="btn btn-default"><i class="fa-solid fa-pencil" aria-hidden="true"></i> Submit</button>
1211                     <button class="btn btn-link" data-dismiss="modal" aria-hidden="true">Cancel</button>
1212                 </div>
1213             </form>
1214         </div>
1215     </div>
1216 </div>
1217
1218 <div class="modal fade" id="modal-item-group-delete" tabindex="-1" role="dialog" aria-labelledby="modal-item-group-delete-label">
1219     <div class="modal-dialog">
1220         <div class="modal-content">
1221             <div class="modal-header">
1222                 <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
1223                 <h3 id="modal-item-group-delete-label"><i class='fa fa-trash-can'></i> Delete item group</h3>
1224             </div>
1225             <div class="modal-body">
1226                 Are you sure you want to delete this item group?
1227             </div>
1228             <div class="modal-footer">
1229                 <button id="modal-item-group-delete-submit" class="btn btn-danger"><i class='fa fa-trash-can'></i> Delete</button>
1230                 <button class="btn btn-link" data-dismiss="modal" aria-hidden="true">Cancel</button>
1231             </div>
1232         </div>
1233     </div>
1234 </div>
1235
1236 <div class="modal fade" id="modal-item-group-set" tabindex="-1" role="dialog" aria-labelledby="modal-item-group-set-label">
1237     <div class="modal-dialog">
1238         <div class="modal-content">
1239             <div class="modal-header">
1240                 <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
1241                 <h3 id="modal-item-group-set-label"><i class='fa fa-book'></i> Set item group for items</h3>
1242             </div>
1243             <form method="get" id="modal-item-group-set-form" class="validated">
1244                 <div class="modal-body">
1245                     <fieldset>
1246                         <p>
1247                             <label for="item_group" class="required">Item group: </label>
1248                             <select name="item_group" id="item-group-add-form-select">
1249                                 [% FOREACH ig IN biblio.item_groups %]
1250                                     <option value="[% ig.id | html %]">[% ig.description | html %]</option>
1251                                 [% END %]
1252                             </select>
1253                             <span class="required">Required</span>
1254                         </p>
1255                     </fieldset>
1256                 </div>
1257                 <div class="modal-footer">
1258                     <button id="modal-item-group-set-submit" class="btn btn-default"><i class='fa fa-book'></i> Set item group</button>
1259                     <button class="btn btn-link" data-dismiss="modal" aria-hidden="true">Cancel</button>
1260                 </div>
1261             </form>
1262         </div>
1263     </div>
1264 </div>
1265
1266 <div class="modal fade" id="modal-item-group-unset" tabindex="-1" role="dialog" aria-labelledby="modal-item-group-unset-label">
1267     <div class="modal-dialog">
1268         <div class="modal-content">
1269             <div class="modal-header">
1270                 <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
1271                 <h3 id="modal-item-group-unset-label"><i class='fa fa-unlink'></i> Remove item from item group</h3>
1272             </div>
1273             <div class="modal-body">
1274                 Are you sure you want to remove these item(s) from their item group(s)?
1275             </div>
1276             <div class="modal-footer">
1277                 <button id="modal-item-group-unset-submit" class="btn btn-danger"><i class='fa fa-unlink'></i> Remove</button>
1278                 <button class="btn btn-link" data-dismiss="modal" aria-hidden="true">Cancel</button>
1279             </div>
1280         </div>
1281     </div>
1282 </div>
1283
1284     [% IF bundlesEnabled %]
1285     <div class="modal" id="addToBundleModal" tabindex="-1" role="dialog" aria-labelledby="addToBundleLabel">
1286         <form method="get" id="addToBundleForm" action="">
1287             <div class="modal-dialog" role="document">
1288                 <div class="modal-content">
1289                     <div class="modal-header">
1290                         <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
1291                         <h3 id="addToBundleLabel">Add to bundle</h3>
1292                     </div>
1293                     <div class="modal-body">
1294                         <div id="addResult"></div>
1295                         <fieldset class="rows">
1296                             <ol>
1297                                 <li>
1298                                     <label class="required" for="external_id">Item barcode: </label>
1299                                     <input type="text" id="external_id" name="external_id" required="required">
1300                                     <span class="required">Required</span>
1301                                 </li>
1302                             </ol>
1303                         </fieldset>
1304                     </div>
1305                     <div class="modal-footer">
1306                         <button type="submit" class="btn btn-default">Submit</button>
1307                         <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
1308                     </div>
1309                 </div>
1310             </div>
1311         </form>
1312     </div>
1313
1314     <div class="modal" id="removeFromBundleModal" tabindex="-1" role="dialog" aria-labelledby="removeFromBundleLabel">
1315         <form method="get" id="removeFromBundleForm" action="">
1316             <div class="modal-dialog" role="document">
1317                 <div class="modal-content">
1318                     <div class="modal-header">
1319                         <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
1320                         <h3 id="removeFromBundleLabel">Remove from bundle</h3>
1321                     </div>
1322                     <div class="modal-body">
1323                         <div id="removeResult"></div>
1324                         <fieldset class="rows">
1325                             <ol>
1326                                 <li>
1327                                     <label class="required" for="external_id">Item barcode: </label>
1328                                     <input type="text" id="rm_external_id" name="external_id" required="required">
1329                                     <span class="required">Required</span>
1330                                 </li>
1331                             </ol>
1332                         </fieldset>
1333                     </div>
1334                     <div class="modal-footer">
1335                         <button type="submit" class="btn btn-default">Submit</button>
1336                         <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
1337                     </div>
1338                 </div>
1339             </div>
1340         </form>
1341     </div>
1342     [% END %]
1343
1344     [% IF ( Koha.Preference('CatalogConcerns') ) %]
1345     [% INCLUDE 'modals/add_catalog_concern.inc' %]
1346     [% END %]
1347
1348     [% IF ( ( Koha.Preference('CatalogConcerns') || Koha.Preference('OpacCatalogConcerns') ) && CAN_user_editcatalogue_edit_catalogue ) %]
1349     [% INCLUDE 'modals/display_ticket.inc' %]
1350     [% END %]
1351
1352 [% MACRO jsinclude BLOCK %]
1353     [% INCLUDE 'catalog-strings.inc' %]
1354     [% INCLUDE 'calendar.inc' %]
1355     [% INCLUDE 'select2.inc' %]
1356     [% INCLUDE 'js-date-format.inc' %]
1357     [% Asset.js("js/catalog.js") | $raw %]
1358     [% Asset.js("js/recalls.js") | $raw %]
1359     [% Asset.js("js/coce.js") | $raw %]
1360     [% Asset.js("lib/Chocolat/js/chocolat.js") | $raw %]
1361     [% IF ( Koha.Preference('CatalogConcerns') ) %]
1362         <script>
1363             /* Set a variable needed by add_catalog_concern.js */
1364             var logged_in_user_borrowernumber = "[% logged_in_user.borrowernumber | html %]";
1365         </script>
1366         [% Asset.js("js/modals/add_catalog_concern.js") | $raw %]
1367      [% END %]
1368      [% IF ( ( Koha.Preference('CatalogConcerns') || Koha.Preference('OpacCatalogConcerns') ) && CAN_user_editcatalogue_edit_catalogue ) %]
1369          <script>
1370             $(document).ready(function() {
1371                 var table_settings = [% TablesSettings.GetTableSettings( 'cataloguing', 'concerns', 'table_concerns', 'json' ) | $raw %];
1372
1373                 var filtered = false;
1374                 let additional_filters = {
1375                     resolved_date: function(){
1376                         if ( filtered ) {
1377                             return { "=": null };
1378                         } else {
1379                             return;
1380                         }
1381                     },
1382                     biblio_id: [% biblionumber | uri %]
1383                 };
1384
1385                 var tickets_url = '/api/v1/tickets';
1386                 var tickets = $("#table_concerns").kohaTable({
1387                     "ajax": {
1388                         "url": tickets_url
1389                     },
1390                     "embed": [
1391                         "reporter",
1392                         "resolver",
1393                         "updates+count",
1394                     ],
1395                     'emptyTable': '<div class="dialog message">' + _("Congratulations, there are no catalog concerns.") + '</div>',
1396                     "columnDefs": [ {
1397                         "targets": [0,1,2],
1398                         "render": function (data, type, row, meta) {
1399                             if ( type == 'display' ) {
1400                                 if ( data != null ) {
1401                                     return data.escapeHtml();
1402                                 }
1403                                 else {
1404                                     return "";
1405                                 }
1406                             }
1407                             return data;
1408                         }
1409                     } ],
1410                     "columns": [
1411                         {
1412                             "data": "reported_date:reporter.firstname",
1413                             "render": function(data, type, row, meta) {
1414                                 let reported = '<span class="date clearfix">' + $datetime(row.reported_date) + '</span>';
1415                                 reported += '<span class="reporter clearfix">' + $patron_to_html(row.reporter, {
1416                                     display_cardnumber: false,
1417                                     url: true
1418                                 }) + '</span>';
1419                                 return reported;
1420                             },
1421                             "searchable": true,
1422                             "orderable": true
1423                         },
1424                         {
1425                             "data": "title:body",
1426                             "render": function(data, type, row, meta) {
1427                                 let resolved = ( row.resolved_date ) ? true : false;
1428                                 let result = '<a role="button" href="#" data-toggle="modal" data-target="#ticketDetailsModal" data-concern="' + encodeURIComponent(row.ticket_id) + '" data-resolved="' + resolved + '">' + row.title + '</a>';
1429                                 if (row.updates_count) {
1430                                     result += '<span class="pull-right"><a role="button" href="#" data-toggle="modal" data-target="#ticketDetailsModal" data-concern="' + encodeURIComponent(row.ticket_id) + '"><i class="fa fa-comment" aria-hidden="true"></i> ' + row.updates_count + '</a></span>';
1431                                 }
1432                                 result += '<div id="detail_' + row.ticket_id + '" class="hidden">' + row.body + '</div>';
1433                                 return result;
1434                             },
1435                             "searchable": true,
1436                             "orderable": true
1437                         },
1438                         {
1439                             "data": "resolved_date",
1440                             "render": function(data, type, row, meta) {
1441                                 let result = '';
1442                                 if (row.resolved_date) {
1443                                     result += _("Resolved by:") + ' <span>' + $patron_to_html(row.resolver, {
1444                                         display_cardnumber: false,
1445                                         url: true
1446                                     }) + '</span>';
1447                                     result += '<span class="clearfix">' + $datetime(row.resolved_date) + '</span>';
1448                                 } else {
1449                                     result += _("Open");
1450                                 }
1451                                 return result;
1452                             },
1453                             "searchable": true,
1454                             "orderable": true
1455                         },
1456                         {
1457                             "data": function(row, type, val, meta) {
1458                                 let resolved = ( row.resolved_date ) ? true : false;
1459                                 let result = '<a class="btn btn-default btn-xs" role="button" href="#" data-toggle="modal" data-target="#ticketDetailsModal" data-concern="' + encodeURIComponent(row.ticket_id) + '" data-resolved="' + resolved + '"><i class="fa-solid fa-eye" aria-hidden="true"></i> ' + _("Details") + '</a>';
1460                                 return result;
1461                             },
1462                             "searchable": false,
1463                             "orderable": false
1464                         },
1465                     ]
1466                 }, table_settings, 0, additional_filters);
1467
1468                 $('#hideResolved').on("click", function() {
1469                     filtered = true;
1470                     tickets.DataTable().draw();
1471                 });
1472
1473                 $('#showAll').on("click", function() {
1474                     filtered = false;
1475                     tickets.DataTable().draw();
1476                 });
1477             });
1478         </script>
1479         [% Asset.js("js/modals/display_ticket.js") | $raw %]
1480     [% END %]
1481     <script>
1482         var interface = "[% interface | html %]";
1483         var theme = "[% theme | html %]";
1484         // http://www.oreillynet.com/pub/a/javascript/2003/10/21/amazonhacks.html
1485         function verify_cover_images() {
1486             // Loop over each container in the template which contains covers
1487             $(".cover-slider").each(function(){
1488                 var lightbox_descriptions = [];
1489                 var first_shown = 0;
1490                 $(this).find(".cover-image").each( function( index ){
1491                 var div = $(this);
1492                 // Find the image in the container
1493                 var img = div.find("img")[0];
1494                 if( $(img).length > 0 ){
1495                     var description = "";
1496                         // All slides start hidden. If this is the first one, show it.
1497                         if( first_shown == 0 ){
1498                             div.show();
1499                             first_shown = 1;
1500                         }
1501                         // Check if Amazon image is present
1502                         if ( div.attr("id") == "amazon-bookcoverimg"  ) {
1503                             w = img.width;
1504                             h = img.height;
1505                             if ((w == 1) || (h == 1)) {
1506                                 // Amazon returned single-pixel placeholder
1507                                 // Remove the container
1508                                 div.remove();
1509                             } else {
1510                                 lightbox_descriptions.push(_("Amazon cover image (<a href='%s'>see the original image</a>)").format($(img).data('link')));
1511                             }
1512                         } else if( div.attr("id") == "custom-coverimg" ){
1513                             if ( (img.complete != null) && (!img.complete) || img.naturalHeight == 0 ) {
1514                                 // No image was loaded via the CustomCoverImages system preference
1515                                 // Remove the container
1516                                 div.remove();
1517                             } else {
1518                                 lightbox_descriptions.push( _("Custom cover image") );
1519                             }
1520                         } else if ( div.attr("id") == "syndetics-bookcoverimg" ){
1521                                 lightbox_descriptions.push(_("Syndetics cover image (<a href='%s'>see the original image</a>)").format($(img).data('link')));
1522                         }
1523                         else if( div.hasClass("coce-coverimg" ) ){
1524                             // Identify which service's image is being loaded by Coce
1525                             var coce_description;
1526                             if( $(img).attr("src").indexOf('amazon.com') >= 0 ){
1527                                 coce_description = _("Coce image from Amazon.com");
1528                             } else if( $(img).attr("src").indexOf('google.com') >= 0 ){
1529                                 coce_description = _("Coce image from Google Books");
1530                             } else if( $(img).attr("src").indexOf('openlibrary.org') >= 0 ){
1531                                 coce_description = _("Coce image from Open Library");
1532                             }
1533                             div.find(".hint").html(coce_description);
1534                             lightbox_descriptions.push(coce_description);
1535                         } else if ( div.attr("class") == "cover-image local-coverimg" ) {
1536                             lightbox_descriptions.push(_("Local cover image (<a href='%s'>edit</a>)").format($(img).data('link')));
1537                         } else {
1538                             lightbox_descriptions.push(_("Cover image source unknown"));
1539                         }
1540                     }
1541                 });
1542
1543                 // Lightbox for cover images
1544                 Chocolat(this.querySelectorAll('.cover-image a'), {
1545                     description: function(){
1546                         return lightbox_descriptions[this.settings.currentImageIndex];
1547                     }
1548                 });
1549
1550             });
1551
1552             $(".cover-slider").each(function(){
1553                 var coverSlide = this;
1554                 var coverImages = $(this).find(".cover-image");
1555                 if( coverImages.length > 1 ){
1556                     coverImages.each(function( index ){
1557                         // If more that one image is present, add a navigation link
1558                         // for activating the slide
1559                         var covernav = $("<a href=\"#\" data-num=\"" + index + "\" class=\"cover-nav\"></a>");
1560                         if( index == 0 ){
1561                             // Set the first navigation link as active
1562                             $(covernav).addClass("nav-active");
1563                         }
1564                         $(covernav).html("<i class=\"fa fa-circle\"></i>");
1565                         $(coverSlide).append( covernav );
1566                     });
1567                 }
1568
1569                 if( $(coverSlide).attr('id') == 'biblio-cover-slider' // Hide if not visible, but only for the biblio images. Images for items are only local cover images
1570                     && $(coverSlide).find(".cover-image:visible").length < 1 ){
1571                     $(coverSlide).remove();
1572                 } else {
1573                     $(coverSlide).addClass("cover-slides");
1574                     var img = $(coverSlide).find(".cover-image:visible").find("img")[0];
1575                     if( $(img).length > 0 && img.complete && img.naturalHeight > 0 ){
1576                         $(".cover-slides").css({"background-image":"none"});
1577                     }
1578                 }
1579             });
1580
1581             $("#editions img").each(function(i){
1582                 if ( this.src.indexOf('amazon.com') >= 0 ) {
1583                     w = this.width;
1584                     h = this.height;
1585                     if ((w == 1) || (h == 1)) {
1586                         this.src = 'https://images-na.ssl-images-amazon.com/images/G/01/x-site/icons/no-img-sm.gif';
1587                     } else if ( (this.complete != null) && (!this.complete) || this.naturalHeight == 0 ) {
1588                         this.src = 'https://images-na.ssl-images-amazon.com/images/G/01/x-site/icons/no-img-sm.gif';
1589                     }
1590                 }
1591             });
1592         }
1593
1594         function removeLocalImage(imagenumber) {
1595             var thumbnail = $("#imagenumber-" + imagenumber );
1596             var copy = thumbnail.html();
1597             thumbnail.find("img").css("opacity", ".2");
1598             thumbnail.find("a.remove").html("<img style='display:inline-block' src='" + interface + "/" + theme + "/img/spinner-small.gif' alt='' />");
1599             const client = APIClient.cover_image;
1600             client.cover_images.delete(imagenumber).then(
1601                 success => {
1602                     if ( success.deleted == 1 ) {
1603                         thumbnail.remove();
1604                     } else {
1605                         thumbnail.html( copy );
1606                         alert(_("An error occurred on deleting this image"));
1607                     }
1608                     if ( $('ul.thumbnails > li').length == 0 ) {
1609                         showNoImageMessage();
1610                     }
1611                 },
1612                 error => {
1613                     thumbnail.html( copy );
1614                     alert(_("An error occurred on deleting this image"));
1615                     console.warn("Something wrong happened: %s".format(error));
1616                 }
1617             );
1618         }
1619
1620         function showNoImageMessage() {
1621             var no_images_msg = _("No images have been uploaded for this bibliographic record yet.");
1622             no_images_msg = '<p>' + no_images_msg + '</p>';
1623             [% IF ( CAN_user_tools_upload_local_cover_images ) %]
1624                 var please_upload = _("Upload an image file: %sUpload%s").format("<a class='btn btn-default btn-xs' href='/cgi-bin/koha/tools/upload-cover-image.pl?biblionumber=" + biblionumber + "&amp;filetype=image'><i class='fa fa-upload' aria-hidden='true'></i> ","</a>");
1625                 no_images_msg += "<p id='upload_image'>" + please_upload + '</p>';
1626             [% END %]
1627             $('#images').html(no_images_msg);
1628         }
1629
1630         [% IF StaffDetailItemSelection %]
1631             function itemSelectionBuildDeleteLink(div) {
1632                 var itemnumbers = new Array();
1633                 $("input[name='itemnumber'][type='checkbox']:checked", div).each(function() {
1634                     itemnumbers.push($(this).val());
1635                 });
1636                 if (itemnumbers.length > 0) {
1637                     var url = '/cgi-bin/koha/tools/batchMod.pl?op=show&del=1';
1638                     url += '&itemnumber=' + itemnumbers.join('&itemnumber=');
1639                     url += '&biblionumber=[% biblionumber | uri %]';
1640                     url += '&src=CATALOGUING';
1641                     $('a.itemselection_action_delete').attr('href', url);
1642                 } else {
1643                     return false;
1644                 }
1645                 return true
1646             }
1647
1648             function itemSelectionBuildModifyLink(div) {
1649                 var itemnumbers = new Array();
1650                 $("input[name='itemnumber'][type='checkbox']:checked", div).each(function() {
1651                     itemnumbers.push($(this).val());
1652                 });
1653                 if (itemnumbers.length > 0) {
1654                     var url = '/cgi-bin/koha/tools/batchMod.pl?op=show';
1655                     url += '&itemnumber=' + itemnumbers.join('&itemnumber=');
1656                     url += '&biblionumber=[% biblionumber | uri %]';
1657                     url += '&src=CATALOGUING';
1658                     $('a.itemselection_action_modify').attr('href', url);
1659                 } else {
1660                     return false;
1661                 }
1662                 return true;
1663             }
1664
1665             function itemSelectionBuildActionLinks(tab) {
1666                 var div = $("#" + tab);
1667                 var delete_link_ok = itemSelectionBuildDeleteLink(div);
1668                 var modify_link_ok = itemSelectionBuildModifyLink(div);
1669                 if (modify_link_ok || delete_link_ok) {
1670                     $('.itemselection_actions', div).show();
1671                 } else {
1672                     $('.itemselection_actions', div).hide();
1673                 }
1674             }
1675
1676             $(document).ready(function() {
1677                 $('table.items_table').each(function() {
1678                     var div = $(this).parent().attr("id");
1679                     itemSelectionBuildActionLinks(div);
1680                 });
1681
1682                 $("input[name='itemnumber'][type='checkbox']").change(function() {
1683                     var div = $(this).parents('table').parent().parent().attr("id");
1684                     itemSelectionBuildActionLinks(div);
1685                 });
1686
1687                 $(".SelectAll").on("click",function(e){
1688                     e.preventDefault();
1689                     var tab = $(this).data("tab");
1690                     $("input[name='itemnumber'][type='checkbox']", $("#"+tab)).prop('checked', true);
1691                     itemSelectionBuildActionLinks(tab);
1692                 });
1693
1694                 $(".ClearAll").on("click",function(e){
1695                     e.preventDefault();
1696                     var tab = $(this).data("tab");
1697                     $("input[name='itemnumber'][type='checkbox']", $("#"+tab)).prop('checked', false);
1698                     itemSelectionBuildActionLinks(tab);
1699                 });
1700             });
1701         [% END %]
1702
1703         $(document).ready(function() {
1704             // Pick details tab to display by default
1705             [% IF count == 0 %]
1706                 [% IF ( Koha.Preference('HTML5MediaEnabled') == 'staff' or Koha.Preference('HTML5MediaEnabled') == 'both' ) && HTML5MediaSets.size %]
1707                     $(".nav-tabs a[href='#html5media']").tab("show");
1708                 [% ELSIF ComponentParts && ComponentParts.size %]
1709                     $(".nav-tabs a[href='#components']").tab("show");
1710                 [% ELSE %]
1711                     $(".nav-tabs a[href='#holdings']").tab("show");
1712                 [% END %]
1713             [% ELSE %]
1714                 $(".nav-tabs a[href='#holdings']").tab("show");
1715             [% END %]
1716             $('#search-form').focus();
1717             $('.thumbnails > li > .remove').click(function() {
1718                 var result = confirm(_("Are you sure you want to delete this cover image?"));
1719
1720                 if ( result == true ) {
1721                     var imagenumber = $(this).parent().attr('id').split('-')[1];
1722                     removeLocalImage(imagenumber);
1723                 }
1724
1725                 return false;
1726             });
1727             [% IF ( IntranetCoce && CoceProviders ) %]
1728                 KOHA.coce.getURL('[% CoceHost | html %]', '[% CoceProviders | html %]');
1729             [% END %]
1730
1731             $("body").on("click",".previewMARC", function(e){
1732                 e.preventDefault();
1733                 var page = $(this).attr("href");
1734                 $("#marcPreview .modal-body").load(page + " table");
1735                 $('#marcPreview').modal({show:true});
1736
1737             });
1738
1739            [% IF ( Koha.Preference('SearchEngine') == 'Elasticsearch' ) %]
1740             $("body").on("click",".previewElastic", function(e){
1741                 e.preventDefault();
1742                 var pageElastic = $(this).attr("href");
1743                 $("#elasticPreview .modal-body").load(pageElastic, function( response, status, xhr ) {
1744                     if( status == 'error' ){
1745                         $("#elasticPreview .modal-body").html("<h1>"+_("An error has occurred!")+"</h1><h2><em>"+_("Error 404")+"</em></h2><ul><li>"+_("An internal link in the staff interface is broken and the page does not exist")+"</li></ul><h3>"+_("What's next?")+"</h3><ul style='margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #CCC;'><li>"+_("Use top menu bar to navigate to another part of Koha.")+"</li><li>"+_("To report a broken link or any other issue, please contact the Koha administrator.")+" <a href='mailto:[% Koha.Preference("KohaAdminEmailAddress") | uri %]'>"+_("Send email")+"</a></li></ul>");
1746                     }
1747                 });
1748                 $('#elasticPreview').modal({show:true});
1749             });
1750            [% END %]
1751
1752             [% IF ( Koha.Preference('NovelistSelectStaffEnabled') && Koha.Preference('NovelistSelectStaffProfile') && ( normalized_isbn || normalized_upc ) ) %]
1753                 novSelect.loadContentForQuery({
1754                     ClientIdentifier : '[% IF normalized_isbn %][% normalized_isbn | html %][% ELSE %][% normalized_upc | html %][% END %]',
1755                     ISBN : '[% IF normalized_isbn %][% normalized_isbn | html %][% ELSE %][% normalized_upc | html %][% END %]',
1756                     version : '2.1'
1757                 },
1758                 '[% Koha.Preference('NovelistSelectStaffProfile') | html %]',
1759                 '[% Koha.Preference('NovelistSelectPassword') | html %]',
1760                 function(d){
1761                     if ( d.length > 0 ){ //If no content
1762                         $(".NovelistSelect").show();
1763                     }
1764                  });
1765              [% END %]
1766              $(".print-label").on("click", function(e){
1767                 e.preventDefault();
1768                 link = $(this).attr("href");
1769                 openWindow(link,"Print spine label",400,400);
1770              });
1771              $(".cover-slider").on("click",".cover-nav", function(e){
1772                  e.preventDefault();
1773                 var cover_slider = $(this).parent();
1774                 // Adding click handler for cover image navigation links
1775                 var num = $(this).data("num");
1776                 $(cover_slider).find(".cover-nav").removeClass("nav-active");
1777                 $(this).addClass("nav-active");
1778                 $(cover_slider).find(".cover-image").hide();
1779                 $(cover_slider).find(".cover-image").eq( num ).show();
1780              });
1781         });
1782
1783
1784         [% IF ( IntranetCoce && CoceProviders ) %]
1785             let counter_wait = 0;
1786             function wait_for_images(cb){
1787
1788                 var loaded = 1;
1789                 counter_wait++;
1790
1791                 if ( loaded ) {
1792                     loaded = KOHA.coce.done;
1793                 }
1794
1795                 if (!loaded && counter_wait < 50) {// Do not wait more than 5 seconds
1796                     window.setTimeout(function(){wait_for_images(cb);}, 100);
1797                 } else {
1798                     if (counter_wait >= 50 ) {
1799                         console.log("Could not retrieve the images")
1800                     }
1801                     cb();
1802                 }
1803             }
1804
1805             $(window).load(function() {
1806                 wait_for_images(verify_cover_images);
1807             });
1808         [% ELSE %]
1809             $(window).load(function() {
1810                 verify_cover_images();
1811             });
1812         [% END %]
1813     </script>
1814     [% IF ( Koha.Preference('NovelistSelectStaffEnabled') && Koha.Preference('NovelistSelectStaffProfile') && ( normalized_isbn || normalized_upc ) ) %]
1815         <script src="https://imageserver.ebscohost.com/novelistselect/ns2init.js"></script>
1816     [% END %]
1817     [% INCLUDE 'datatables.inc' %]
1818     [% Asset.js("lib/jquery/plugins/jquery.dataTables.columnFilter.js") | $raw %]
1819     [% INCLUDE 'columns_settings.inc' %]
1820     [% INCLUDE 'js-date-format.inc' %]
1821     [% INCLUDE 'js-patron-format.inc' %]
1822     [% INCLUDE 'js-biblio-format.inc' %]
1823     [% Asset.js("js/browser.js") | $raw %]
1824     [% Asset.js("js/table_filters.js") | $raw %]
1825     [% Asset.js("js/place_booking_modal.js") | $raw %]
1826     <script>
1827         var browser;
1828         browser = KOHA.browser('[% searchid | html %]', parseInt(biblionumber, 10));
1829         browser.show();
1830
1831         [% IF bundlesEnabled %]
1832         var bundle_settings = [% TablesSettings.GetTableSettings('catalogue', 'detail','bundle_tables','json') | $raw %];
1833         var bundle_lost_value = [% Koha.Preference('BundleLostValue') | html %];
1834         [% END %]
1835         $(document).ready(function() {
1836
1837             [% IF bundlesEnabled %] // Bundle handling
1838             function createChild ( row, itemnumber, duedate ) {
1839
1840                 // Toolbar
1841                 var bundle_toolbar = $('<div id="toolbar" class="btn-toolbar"></div>');
1842                 bundle_toolbar.append('<a class="btn btn-default" data-toggle="modal" data-target="#addToBundleModal" data-item="' + itemnumber + '"><i class="fa fa-plus"></i> ' + _("Add to bundle") + '</a>');
1843                 bundle_toolbar.append('<a class="btn btn-default" data-toggle="modal" data-target="#removeFromBundleModal" data-item="' + itemnumber + '"><i class="fa fa-minus"></i> ' + _("Remove from bundle") + '</a>');
1844
1845                 // Disable management if there's a duedate
1846                 if(duedate) {
1847                     bundle_toolbar.children('.btn').addClass("disabled");
1848                     bundle_toolbar.attr("title", _("This bundle is checked out, it cannot be modified"));
1849                 }
1850
1851                 // This is the table we'll convert into a DataTable
1852                 var bundles_table = $('<table class="display tbundle" data-itemnumber="'+itemnumber+'" id="bundle_table_'+itemnumber+'" width="100%"/>');
1853
1854                 // Display it the child row
1855                 row.child( bundle_toolbar.add(bundles_table), 'bundle' ).show();
1856
1857                 // Initialise as a DataTable
1858                 var bundle_table_url = "/api/v1/items/" + itemnumber + "/bundled_items?";
1859                 var bundle_table = bundles_table.kohaTable({
1860                     "ajax": {
1861                         "url": bundle_table_url
1862                     },
1863                     "embed": [
1864                         "biblio",
1865                         "return_claim.patron"
1866                     ],
1867                     "order": [[ 1, "asc" ]],
1868                     "columnDefs": [ {
1869                         "targets": [0,1,2,3],
1870                         "render": function (data, type, row, meta) {
1871                             if ( data && type == 'display' ) {
1872                                 return data.escapeHtml();
1873                             }
1874                             return data;
1875                         }
1876                     } ],
1877                     "columns": [
1878                         {
1879                             "data": "biblio.title:biblio.subtitle:biblio.medium",
1880                             "title": _("Title"),
1881                             "searchable": true,
1882                             "orderable": true,
1883                             "render": function(data, type, row, meta) {
1884                                 return $biblio_to_html(row.biblio, { link: 1 });
1885                             }
1886                         },
1887                         {
1888                             "data": "biblio.author",
1889                             "title": _("Author"),
1890                             "searchable": true,
1891                             "orderable": true,
1892                         },
1893                         {
1894                             "data": "callnumber",
1895                             "title": _("Callnumber"),
1896                             "searchable": true,
1897                             "orderable": true,
1898                         },
1899                         {
1900                             "data": "external_id",
1901                             "title": _("Barcode"),
1902                             "searchable": true,
1903                             "orderable": true,
1904                         },
1905                         {
1906                             "data": "lost_status:last_seen_date:return_claim.patron",
1907                             "title": _("Status"),
1908                             "searchable": false,
1909                             "orderable": false,
1910                             "render": function(data, type, row, meta) {
1911                                 if ( row.lost_status == bundle_lost_value ) {
1912                                     let out = '<span class="lost">' + _("Last seen") + ': ' + $date(row.last_seen_date) + '</span>';
1913                                     if ( row.return_claim ) {
1914                                         out = out + '<span class="claims_return">' + _("Claims returned by") + ': ' + $patron_to_html( row.return_claim.patron, { display_cardnumber: false, url: true } ) + '</span>';
1915                                     }
1916                                     return out;
1917                                 }
1918                                 else if ( row.lost_status !== 0 ) {
1919                                     return '<span class="lost">' + _("Lost") + ': ' + row.lost_status + '</span>';
1920                                 }
1921                                 return '<span class="available">' + _("Present") + '</span>';
1922                             }
1923                         },
1924                         {
1925                             "data": function( row, type, val, meta ) {
1926                                 var result;
1927                                 if (duedate) {
1928                                     result = '<button class="btn btn-default btn-xs remove disabled" role="button" data-itemnumber="'+row.item_id+'" title="%s"><i class="fa fa-minus" aria-hidden="true"></i> %s</button>\n'.format(_("This bundle is checked out, it cannot be modified"), _("Remove"));
1929                                 } else {
1930                                     result = '<button class="btn btn-default btn-xs remove" role="button" data-itemnumber="'+row.item_id+'"><i class="fa fa-minus" aria-hidden="true"></i> '+_("Remove")+'</button>\n';
1931                                 }
1932                                 return result;
1933                             },
1934                             "title": _("Actions"),
1935                             "searchable": false,
1936                             "orderable": false,
1937                             "class": "noExport"
1938                         }
1939                     ]
1940                 }, bundle_settings, 1);
1941                 $(".tbundle").on("click", ".remove:not(.disabled)", function(){
1942                     var bundle_table = $(this).closest('table');
1943                     var host_itemnumber = bundle_table.data('itemnumber');
1944                     var component_itemnumber = $(this).data('itemnumber');
1945                     var unlink_item_url = "/api/v1/items/" + host_itemnumber + "/bundled_items/" + component_itemnumber;
1946                     $.ajax({
1947                         type: "DELETE",
1948                         url: unlink_item_url,
1949                         success: function(){
1950                             bundle_table.DataTable({ 'retrieve': true }).draw(false);
1951                         }
1952                     });
1953                 });
1954
1955                 return;
1956             }
1957
1958             var bundle_changed;
1959             var bundle_form_active;
1960             $("#addToBundleModal").on("shown.bs.modal", function(e){
1961                 var button = $(e.relatedTarget);
1962                 var item_id = button.data('item');
1963                 $("#addResult").replaceWith('<div id="addResult"></div>');
1964                 $("#addToBundleForm").attr('action', '/api/v1/items/' + item_id + '/bundled_items');
1965                 $("#external_id").focus();
1966                 bundle_changed = 0;
1967                 bundle_form_active = item_id;
1968             });
1969
1970             function addToBundle (url, data) {
1971                   /* Send the data using post with external_id */
1972                   var posting = $.post({
1973                       url: url,
1974                       data: JSON.stringify(data),
1975                       contentType: "application/json; charset=utf-8",
1976                       dataType: "json"
1977                   });
1978
1979                   const barcode = data.external_id;
1980
1981                   /* Report the results */
1982                   posting.done(function(data) {
1983                       $('#addResult').replaceWith('<div id="addResult" class="alert alert-success">'+_("Success: Added '%s'").format(barcode)+'</div>');
1984                       $('#external_id').val('').focus();
1985                       bundle_changed = 1;
1986                   });
1987                   posting.fail(function(data) {
1988                       if ( data.status === 409 ) {
1989                           var response = data.responseJSON;
1990                           if ( response.error_code === 'already_bundled' ) {
1991                               $('#addResult').replaceWith('<div id="addResult" class="alert alert-warning">'+_("Warning: Item '%s' already attached").format(barcode)+'</div>');
1992                           } else if (response.error_code === 'bundle_checkout_out') {
1993                               $('#addResult').replaceWith('<div id="addResult" class="alert alert-danger">'+_("Failure: Bundle is currently checked out")+'</div>');
1994                           } else if (response.error_code === 'checked_out') {
1995                               const button = $('<button type="button">')
1996                                 .addClass('btn btn-xs')
1997                                 .text(_("Check in and add to bundle"))
1998                                 .on('click', function () {
1999                                     addToBundle(url, { external_id: barcode, force_checkin: true });
2000                                 });
2001                               $('#addResult')
2002                                 .empty()
2003                                 .attr('class', 'alert alert-warning')
2004                                 .append(__x('Warning: Item {barcode} is checked out', { barcode }))
2005                                 .append(' ', button);
2006                           } else if (response.error_code === 'failed_checkin') {
2007                               $('#addResult')
2008                                 .empty()
2009                                 .attr('class', 'alert alert-danger')
2010                                 .append(__x('Failure: Item {barcode} cannot be checked in', { barcode }))
2011                           } else if (response.error_code === 'reserved') {
2012                               const button = $('<button type="button">')
2013                                 .addClass('btn btn-xs')
2014                                 .text(_("Ignore holds and add to bundle"))
2015                                 .on('click', function () {
2016                                     addToBundle(url, { external_id: barcode, ignore_holds: true });
2017                                 });
2018                               $('#addResult')
2019                                 .empty()
2020                                 .attr('class', 'alert alert-warning')
2021                                 .append(__x('Warning: Item {barcode} is on hold', { barcode }))
2022                                 .append(' ', button);
2023                           } else {
2024                               $('#addResult').replaceWith('<div id="addResult" class="alert alert-danger">'+_("Failure: Item '%s' belongs to another bundle").format(barcode)+'</div>');
2025                           }
2026                       } else if ( data.status === 404 ) {
2027                           $('#addResult').replaceWith('<div id="addResult" class="alert alert-danger">'+_("Failure: Item '%s' not found").format(barcode)+'</div>');
2028                       } else if ( data.status === 400 ) {
2029                           var response = data.responseJSON;
2030                           if ( response.error_code === "failed_nesting" ) {
2031                               $('#addResult').replaceWith('<div id="addResult" class="alert alert-danger">'+_("Failure: Item '%s' is a bundle and bundles cannot be nested").format(barcode)+'</div>');
2032                           } else {
2033                               $('#addResult').replaceWith('<div id="addResult" class="alert alert-danger">'+_("Failure: Check the logs for details.")+'</div>');
2034                           }
2035                       } else {
2036                           $('#addResult').replaceWith('<div id="addResult" class="alert alert-danger">'+_("Failure: Check the logs for details.")+'</div>');
2037                       }
2038                       $('#external_id').val('').focus();
2039                   });
2040             }
2041
2042             $("#addToBundleForm").submit(function(event) {
2043                   /* stop form from submitting normally */
2044                   event.preventDefault();
2045
2046                   const url = this.action;
2047                   const data = { external_id: this.elements.external_id.value };
2048
2049                   addToBundle(url, data);
2050             });
2051
2052             $("#addToBundleModal").on("hidden.bs.modal", function(e){
2053                 if ( bundle_changed ) {
2054                     $('#bundle_table_'+bundle_form_active).DataTable({ 'retrieve': true }).ajax.reload();
2055                 }
2056                 bundle_form_active = 0;
2057                 bundle_changed = 0;
2058             });
2059
2060             $("#removeFromBundleModal").on("shown.bs.modal", function(e){
2061                 var button = $(e.relatedTarget);
2062                 var item_id = button.data('item');
2063                 $("#removeResult").replaceWith('<div id="removeResult"></div>');
2064                 $("#removeFromBundleForm").attr('action', '/api/v1/items/' + item_id + '/bundled_items/');
2065                 $("#rm_external_id").focus();
2066                 bundle_changed = 0;
2067                 bundle_form_active = item_id;
2068             });
2069
2070             $("#removeFromBundleForm").submit(function(event) {
2071
2072                 /* stop form from submitting normally */
2073                 event.preventDefault();
2074
2075                 /* get the action attribute from the <form action=""> element */
2076                 var $form = $(this),
2077                 url = $form.attr('action');
2078
2079                 var barcode = $('#rm_external_id').val();
2080
2081                 /* Fetch itemnumber using rm_external_id */
2082                 var itemReq = $.get('/api/v1/items', { q: JSON.stringify({
2083                     external_id: barcode
2084                 }) }, null, "json");
2085
2086                 var itemnumber;
2087                 itemReq.done(function(data) {
2088                     if (data.length === 1) {
2089                         itemnumber = data[0].item_id;
2090
2091                         /* Remove link using fetch itemnumber */
2092                         var deleteReq = $.ajax( url + itemnumber, {
2093                             type : 'DELETE'
2094                         });
2095
2096                         /* Report the results */
2097                         deleteReq.done(function(data) {
2098                             var barcode = $('#rm_external_id').val();
2099                             $('#removeResult').replaceWith('<div id="removeResult" class="alert alert-success">'+_("Success: Removed '%s'").format(barcode)+'</div>');
2100                             $('#rm_external_id').val('').focus();
2101                             bundle_changed = 1;
2102                         });
2103                         deleteReq.fail(function(data) {
2104                             var barcode = $('#rm_external_id').val();
2105                             if ( data.status === 409 ) {
2106                                 var response = data.responseJSON;
2107                                 if (response.error_code === 'bundle_checkout_out') {
2108                                     $('#removeResult').replaceWith('<div id="removeResult" class="alert alert-danger">'+_("Failure: Bundle is currently checked out")+'</div>');
2109                                 } else if ( response.key === "PRIMARY" ) {
2110                                     $('#removeResult').replaceWith('<div id="removeResult" class="alert alert-warning">'+_("Warning: Item '%s' already attached").format(barcode)+'</div>');
2111                                 } else {
2112                                     $('#removeResult').replaceWith('<div id="removeResult" class="alert alert-danger">'+_("Failure: Item '%s' belongs to another bundle").format(barcode)+'</div>');
2113                                 }
2114                             } else if ( data.status === 404 ) {
2115                                 $('#addResult').replaceWith('<div id="addResult" class="alert alert-danger">'+_("Failure: Item '%s' not found").format(barcode)+'</div>');
2116                             } else {
2117                                 $('#removeResult').replaceWith('<div id="removeResult" class="alert alert-danger">'+_("Failure: Check the logs for details")+'</div>');
2118                             }
2119                             $('#rm_external_id').val('').focus();
2120                         });
2121                     } else {
2122                         $('#removeResult').replaceWith('<div id="removeResult" class="alert alert-danger">'+_("Failed: Barcode matched more than one item '%s'").format(barcode)+'</div>');
2123                     }
2124                 });
2125                 itemReq.fail(function(data) {
2126                      $('#removeResult').replaceWith('<div id="removeResult" class="alert alert-danger">'+_("Failed: Item not found '%s'").format(barcode)+'</div>');
2127                     $('#rm_external_id').val('').focus();
2128
2129                 });
2130             });
2131
2132             $("#removeFromBundleModal").on("hidden.bs.modal", function(e){
2133                 if ( bundle_changed ) {
2134                     $('#bundle_table_'+bundle_form_active).DataTable({ 'retrieve': true }).ajax.reload();
2135                 }
2136                 bundle_form_active = 0;
2137                 bundle_changed = 0;
2138             });
2139             // End bundle handling
2140             [% END %]
2141
2142             var table_names = [ 'holdings_table', 'otherholdings_table' ];
2143             var table_settings = [ [% TablesSettings.GetTableSettings('catalogue', 'detail','holdings_table','json') | $raw %], [% TablesSettings.GetTableSettings('catalogue', 'detail','otherholdings_table','json')  | $raw %] ];
2144             var has_images = [ "[% itemloop_has_images | html %]", "[% otheritemloop_has_images | html %]" ];
2145             table_names.forEach( function( table_name, index ) {
2146                 if ( !has_images[index] ) {
2147                     table_settings[index].columns.splice(1,1);
2148                 }
2149                 var dt_parameters = {
2150                     "dom": 't',
2151                     "paginate": false,
2152                     "autoWidth": false,
2153                     "bKohaColumnsUseNames": true,
2154                     "dom": 'C<"top pager"ilpfB><"#filter_c">tr<"bottom pager"ip>',
2155                 };
2156                 var table = KohaTable( table_name, dt_parameters, table_settings[index], 'with_filters' );
2157
2158                 [% IF bundlesEnabled %]
2159                 // Add event listener for opening and closing bundle details
2160                 $('#' + table_name + ' tbody').on('click', 'button.details-control', function () {
2161                     var button = $(this);
2162                     var tr = button.closest('tr');
2163                     var dTable = button.closest('table').DataTable({ 'retrieve': true });
2164
2165                     var itemnumber = tr.data('itemnumber');
2166                     var duedate = tr.data('duedate');
2167                     var row = dTable.row( tr );
2168
2169                     if ( row.child.isShown() ) {
2170                         // This row is already open - close it
2171                         row.child.hide();
2172                         tr.removeClass('shown');
2173                         button.removeClass('active');
2174                     }
2175                     else {
2176                         // Open this row
2177                         createChild(row, itemnumber, duedate);
2178                         tr.addClass('shown');
2179                         button.addClass('active');
2180                     }
2181                 } );
2182                 [% END %]
2183             });
2184
2185             [% IF Koha.Preference('AcquisitionDetails') %]
2186                 var table_settings = [% TablesSettings.GetTableSettings('catalogue', 'detail', 'acquisitiondetails-table', 'json') | $raw %];
2187                 var acquisitiondetails_table = KohaTable("orders", {
2188                     "dom": 'C<"top pager"ilpfB><"#filter_c">tr<"bottom pager"ip>',
2189                     "paginate": false,
2190                     "autoWidth": false,
2191                     "order": [[ 4, "desc" ]],
2192                 }, table_settings);
2193             [% END %]
2194
2195             [% IF suggestions.count %]
2196                 $(".sorted").dataTable($.extend(true, {}, dataTablesDefaults, {
2197                     "columnDefs": [
2198                         { "orderable": false, "searchable":  false, "targets": [ 'NoSort' ] },
2199                         { "type": "anti-the", "targets":  [ "anti-the" ] }
2200                     ],
2201                     "pagingType": "full"
2202                 }));
2203             [% END %]
2204
2205         });
2206
2207         function columnsInit(table) {
2208             activate_filters(table.id, false);
2209         }
2210
2211         [% IF found1 && Koha.Preference('RetainCatalogSearchTerms') %]
2212             $(document).ready(function() {
2213                 var search_index = localStorage.getItem("cat_search_pulldown_selection");
2214                 var search_value = localStorage.getItem("searchbox_value");
2215                 if ( search_index ){ $('#cat-search-block select.advsearch').val(search_index)};
2216                 if ( search_value ){ $('#cat-search-block #search-form').val(search_value)};
2217             });
2218         [% END %]
2219
2220         [% IF Koha.Preference('EnableItemGroups') %]
2221             // Load item groups table
2222             var itemGroupsTable = $("#items-group-table").kohaTable({
2223                 autoWidth: false,
2224                 dom: '<"top pager"ilp>t<"bottom pager"ip>r',
2225                 columns: [
2226                     {
2227                         data: "display_order",
2228                         title: _("Display order"),
2229                         searchable: true,
2230                         orderable: true,
2231                     },
2232                     {
2233                         data: "description",
2234                         title: _("Description"),
2235                         searchable: true,
2236                         orderable: true,
2237                     },
2238                     {
2239                         data: function( oObj ) {
2240                             [% IF CAN_user_editcatalogue_manage_item_groups %]
2241                                 return `<button class='item-group-edit btn btn-default btn-xs' data-item-group-id='${oObj.item_group_id}'>
2242                                     <i class="fa-solid fa-pencil" aria-hidden="true"></i> ${_("Edit")}
2243                                 </button>`
2244                                 + '&nbsp'
2245                                 + `<button class='item-group-delete btn btn-default btn-xs' data-item-group-id='${oObj.item_group_id}'>
2246                                     <i class='fa fa-trash-can'></i> ${('Delete')}
2247                                 </button>`;
2248                             [% ELSE %]
2249                                 return "";
2250                             [% END %]
2251                         },
2252                         searchable: false,
2253                         orderable: false,
2254                     },
2255                 ],
2256                 paginate: false,
2257                 ajax: { url: `/api/v1/biblios/${biblionumber}/item_groups?_per_page=-1` },
2258             });
2259
2260             // Create new item groups
2261             $('.item-group-create').on('click', function(){
2262                 $('#modal-item-group-create-form-description').val("");
2263                 $('#modal-item-group-create-submit').removeAttr('disabled');
2264                 $('#modal-item-group-create').modal('show');
2265             });
2266
2267             $("#modal-item-group-create-form").validate({
2268                 submitHandler: function(form) {
2269                     $.ajax({
2270                         url: `/api/v1/biblios/${biblionumber}/item_groups`,
2271                         headers: { "x-koha-embed": "items" },
2272                         success: function(item_groups){
2273                             $('#modal-item-group-create-submit').attr('disabled', 'disabled');
2274
2275                             var settings = {
2276                               "url": `/api/v1/biblios/${biblionumber}/item_groups`,
2277                               "method": "POST",
2278                               "headers": {
2279                                 "Content-Type": "application/json"
2280                               },
2281                               "data": JSON.stringify(
2282                                   {
2283                                       "description": $("#modal-item-group-create-form-description").val(),
2284                                       "display_order": $("#modal-item-group-create-form-display_order").val(),
2285                                   }
2286                               ),
2287                             };
2288
2289                             $.ajax(settings)
2290                             .done(function (response) {
2291                                 $('#item-group-add-form-select').append($('<option>', {
2292                                     value: response.item_group_id,
2293                                     text: response.description
2294                                 }));
2295
2296                                 $('#modal-item-group-create').modal('hide');
2297                                 if ( item_groups.length == 0 ) {
2298                                     // This bib has no previous item groups, reload the page
2299                                     window.location.replace(`/cgi-bin/koha/catalogue/detail.pl?biblionumber=${biblionumber}`);
2300                                 } else {
2301                                     // Has other item groups, just reload the table
2302                                     itemGroupsTable.api().ajax.reload();
2303                                 }
2304                             })
2305                             .fail(function(err) {
2306                                 var message = err.responseJSON.error;
2307                                 alert(message);
2308                             });
2309                         }
2310                     });
2311                 }
2312             });
2313
2314             $('#modal-item-group-create').on('shown.bs.modal', function () {
2315                 $('#modal-item-group-create-form-description').focus();
2316             })
2317
2318             // Edit existing item groups
2319             $('body').on( 'click', '.item-group-edit', function(){
2320                 const item_group_id = $(this).data('item-group-id');
2321                 const url = `/api/v1/biblios/${biblionumber}/item_groups/${item_group_id}`;
2322                 $.get( url, function( data ) {
2323                     $('#modal-item-group-edit-form-description').val( data.description );
2324                     $('#modal-item-group-edit-form-display_order').val( data.display_order );
2325                     $('#modal-item-group-edit-submit').data('item-group-id', item_group_id );
2326                     $('#modal-item-group-edit-submit').removeAttr('disabled');
2327                     $('#modal-item-group-edit').modal('show');
2328                 });
2329             });
2330
2331             $("#modal-item-group-edit-form").validate({
2332                 submitHandler: function(form) {
2333                     $('#modal-item-group-edit-submit').attr('disabled', 'disabled');
2334
2335                     const item_group_id = $('#modal-item-group-edit-submit').data('item-group-id');
2336                     const url = `/api/v1/biblios/${biblionumber}/item_groups/${item_group_id}`;
2337
2338                     var settings = {
2339                       "url": url,
2340                       "method": "PUT",
2341                       "headers": {
2342                         "Content-Type": "application/json"
2343                       },
2344                       "data": JSON.stringify(
2345                           {
2346                               "description": $("#modal-item-group-edit-form-description").val(),
2347                               "display_order": $("#modal-item-group-edit-form-display_order").val(),
2348                           }
2349                       ),
2350                     };
2351
2352                     $.ajax(settings)
2353                     .done(function (response) {
2354                         $('#modal-item-group-edit').modal('hide');
2355                         itemGroupsTable.api().ajax.reload();
2356                     })
2357                     .fail(function(err) {
2358                         var message = err.responseJSON.error;
2359                         alert(message);
2360                     });
2361                 }
2362             });
2363
2364             $('#modal-item-group-edit').on('shown.bs.modal', function () {
2365                 $('#modal-item-group-edit-form-description').focus();
2366             })
2367
2368             // Delete existing item groups
2369             $('body').on( 'click', '.item-group-delete', function(){
2370                 const item_group_id = $(this).data('item-group-id');
2371                 $('#modal-item-group-delete-submit').data('item-group-id', item_group_id );
2372                 $('#modal-item-group-delete-submit').removeAttr('disabled');
2373                 $('#modal-item-group-delete').modal('show');
2374             });
2375             $("#modal-item-group-delete-submit").on('click', function(){
2376                 $('#modal-item-group-delete-submit').attr('disabled', 'disabled');
2377                 const item_group_id = $("#modal-item-group-delete-submit").data('item-group-id');
2378
2379                 $.ajax({
2380                     url: `/api/v1/biblios/${biblionumber}/item_groups/${item_group_id}`,
2381                     headers: { "x-koha-embed": "items" },
2382                     success: function(item_group_data){
2383                         $.ajax({
2384                           "url": `/api/v1/biblios/${biblionumber}/item_groups/${item_group_id}`,
2385                           "method": "DELETE",
2386                         })
2387                         .done(function (response) {
2388                             $('#modal-item-group-delete').modal('hide');
2389                             $(`#item-group-add-form-select option[value='${item_group_id}']`).remove();
2390                             if ( item_group_data.items === null ) {
2391                                 // No items for this item group, we can just refresh the table
2392                                 itemGroupsTable.api().ajax.reload();
2393                             } else {
2394                                 // This item group had items attached to it, we need to reload the page
2395                                 window.location.replace(`/cgi-bin/koha/catalogue/detail.pl?biblionumber=${biblionumber}`);
2396                             }
2397                         })
2398                         .fail(function(err) {
2399                             var message = err.responseJSON.error;
2400                             alert(message);
2401                         });
2402                     }
2403                 });
2404             });
2405
2406             // Add item(s) to a item group
2407             $('.itemselection_action_item_group_set').on('click', function(){
2408                 $('#modal-item-group-set').modal('show');
2409             });
2410
2411             $("#modal-item-group-set-form").validate({
2412                 submitHandler: function(form) {
2413                     $('#modal-item-group-set-submit').attr('disabled', 'disabled');
2414
2415                     const item_group_id = $('#item-group-add-form-select').val();
2416
2417                     let itemnumbers = new Array();
2418                     $("input[name='itemnumber'][type='checkbox']:checked").each(function() {
2419                         const itemnumber = $(this).val();
2420                         itemnumbers.push( itemnumber );
2421                     });
2422                     if (itemnumbers.length > 0) {
2423                         let url = '/cgi-bin/koha/catalogue/detail.pl?op=set_item_group';
2424                         url += '&itemnumber=' + itemnumbers.join('&itemnumber=');
2425                         url += '&biblionumber=[% biblionumber | uri %]';
2426                         url += `&item_group_id=${item_group_id}`;
2427
2428                         window.location.replace(url);
2429                     }
2430
2431                     $('#modal-item-group-set').modal('hide');
2432                 }
2433             });
2434
2435             // Remove item(s) from an item group
2436             $('.itemselection_action_item_group_unset').on('click', function(){
2437                 $('#modal-item-group-unset').modal('show');
2438             });
2439
2440             $("#modal-item-group-unset-submit").on('click', function(){
2441                 $('#modal-item-group-unset-submit').attr('disabled', 'disabled');
2442
2443                 let itemnumbers = new Array();
2444                 $("input[name='itemnumber'][type='checkbox']:checked").each(function() {
2445                     const itemnumber = $(this).val();
2446                     itemnumbers.push( itemnumber );
2447                 });
2448                 if (itemnumbers.length > 0) {
2449                     let url = '/cgi-bin/koha/catalogue/detail.pl?op=unset_item_group';
2450                     url += '&itemnumber=' + itemnumbers.join('&itemnumber=');
2451                     url += '&biblionumber=[% biblionumber | uri %]';
2452
2453                     window.location.replace(url);
2454                 }
2455
2456                 $('#modal-item-group-unset').modal('hide');
2457
2458             });
2459         [% END %]
2460     </script>
2461     [% CoverImagePlugins | $raw %]
2462 [% END %]
2463 [% INCLUDE 'intranet-bottom.inc' %]