Bug 22445: (follow-up) Use CSS to set a max-width for images - OPAC
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-user.tt
1 [% USE raw %]
2 [% USE Asset %]
3 [% USE Koha %]
4 [% USE KohaDates %]
5 [% USE Branches %]
6 [% USE ItemTypes %]
7 [% USE Price %]
8 [% SET AdlibrisEnabled = Koha.Preference('AdlibrisCoversEnabled') %]
9 [% SET AdlibrisURL = Koha.Preference('AdlibrisCoversURL') %]
10
11 [% SET borrower_club_enrollments =  logged_in_user.get_club_enrollments(1) %]
12 [% SET borrower_enrollable_clubs = logged_in_user.get_enrollable_clubs(1,1) %]
13
14 [% INCLUDE 'doc-head-open.inc' %]
15 <title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog &rsaquo; Your library home</title>
16 [% INCLUDE 'doc-head-close.inc' %]
17 [% BLOCK cssinclude %][% END %]
18 </head>
19 [% INCLUDE 'bodytag.inc' bodyid='opac-user' bodyclass='scrollto' %]
20 [% INCLUDE 'masthead.inc' %]
21
22 [% IF Koha.Preference('AmazonAssocTag') %]
23     [% AmazonAssocTag = '?tag=' _ Koha.Preference('AmazonAssocTag') %]
24 [% ELSE %]
25     [% AmazonAssocTag = '' %]
26 [% END %]
27
28 <div class="main">
29     <ul class="breadcrumb">
30         <li><a href="/cgi-bin/koha/opac-main.pl">Home</a> <span class="divider">&rsaquo;</span></li>
31         <li><a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a> <span class="divider">&rsaquo;</span></li>
32         <li><a href="#">Your summary</a></li>
33     </ul>
34
35     <div class="container-fluid">
36         <div class="row-fluid">
37             <div class="span2">
38                 <div id="navigation">
39                     [% INCLUDE 'navigation.inc' IsPatronPage=1 %]
40                 </div>
41             </div>
42             <div class="span10">
43                 <div id="userdetails" class="maincontent">
44
45                     [% INCLUDE 'opac-note.inc' %]
46
47                     <h2>Hello, [% INCLUDE 'patron-title.inc' patron = logged_in_user %]
48                     </h2>
49
50                     <p><a href="/cgi-bin/koha/opac-main.pl?logout.x=1">Click here if you're not [% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a></p>
51
52                     [% IF ( patronupdate ) %]<div class="alert alert-info"><h3>Thank you!</h3><p>Your corrections have been submitted to the library, and a staff member will update your record as soon as possible.</p></div>[% END %]
53
54                     [% IF failed_holds %]
55                         <div class="alert alert-info">
56                             <h3>Notice:</h3>
57                             <p>One or more holds were not placed due to existing holds.</p>
58                         </div>
59                     [% END %]
60
61                     [% IF ( borrower.warndeparture ) %]
62                         <div class="alert" id="warndeparture">
63                             <strong>Please note:</strong><span> Your card will expire on <span id="warndeparture_date">[% borrower.warndeparture | $KohaDates %]</span>. Please contact the library for more information.</span>
64                                 [% IF ( borrower.returnbeforeexpiry ) %]<span id="warndeparture_returnbeforeexpiry"> Also note that you must return all checked out items before your card expires.</span>[% END %]
65                         </div>
66                     [% END %]
67
68                     [% IF ( borrower.warnexpired ) %]
69                         <div class="alert" id="warnexpired">
70                             <strong>Please note: </strong><span>Your account has expired as of [% borrower.warnexpired | $KohaDates %]. Please contact the library if you wish to renew your account.</span>
71                         </div>
72                     [% END %]
73
74                     [% IF ( RENEW_ERROR ) %]
75                         <div class="dialog alert">
76                             <strong>Please note:</strong>
77                                 Your loan renewal failed because of the following reason(s):
78                                 <ul>
79                                     [% FOREACH error IN RENEW_ERROR.split('\|') %]
80                                         [% IF error == 'card_expired' %]
81                                             <li>Your account has expired. Please contact the library for more information.</li>
82                                         [% ELSIF error == 'too_many' %]
83                                             <li>You have renewed this item the maximum number of times allowed.</li>
84                                         [% ELSIF error == 'too_soon' %]
85                                             <li>It is too soon after the checkout date for this item to be renewed.</li>
86                                         [% ELSIF error == 'on_reserve' %]
87                                             <li>This item is on hold for another borrower.</li>
88                                         [% ELSIF error == 'item_denied_renewal' %]
89                                             <li>Item renewal is not allowed.</li>
90                                         [% END %]
91                                     [% END %]
92                                 </ul>
93                         </div>
94                     [% END %]
95
96                     [% IF ( patron_flagged ) %]
97                         <div class="alert">
98                             <ul>
99                                 [% IF ( userdebarred ) %]
100                                     [% IF ( discharge_available ) %]
101                                         <li id="discharged">
102                                             <strong>Please note:</strong> Your account is frozen because it has been discharged. <a href="/cgi-bin/koha/opac-discharge.pl?op=get">Get your discharge</a>
103                                         </li>
104                                     [% ELSE %]
105                                         <li id="userdebarred"><strong>Please note:</strong> Your account has been frozen.
106                                         [% IF ( borrower.debarredcomment ) %]
107                                             Comment:
108                                             <span id="userdebarred_comment">
109                                                 <strong>
110                                                     [% IF borrower.debarredcomment.search('OVERDUES_PROCESS') %]
111                                                         Restriction added by overdues process [% borrower.debarredcomment.remove('OVERDUES_PROCESS ') | html_line_break %]
112                                                     [% ELSE %]
113                                                         [% borrower.debarredcomment | html_line_break %]
114                                                     [% END %]
115                                                 </strong>
116                                             </span>
117                                         [% END %]
118                                         [% IF ( borrower.userdebarreddate && debarred_date != '9999-12-31' ) %]
119                                             End date:
120                                             <span id="userdebarred_date">[% borrower.userdebarreddate | $KohaDates %]</span>
121                                         [% END %]
122
123                                         <em>Usually the reason for freezing an account is old overdues or damage fees. If your account shows to be clear, please contact the library.</em> <a href="/cgi-bin/koha/opac-account.pl">Go to your account page</a></li>
124                                     [% END %]
125                                 [% END %]
126                                 [% IF ( borrower.gonenoaddress ) %]
127                                     <li id="gonenoaddress"><strong>Please note:</strong> According to our records, we don't have up-to-date contact information. Please contact the library.
128                                 <a href="/cgi-bin/koha/opac-memberentry.pl">[% IF ( Koha.Preference('OPACPatronDetails') ) %]Update your contact information[% ELSE %]Go to your contact information[% END %]</a>
129                                 [% IF ( Koha.Preference('OPACPatronDetails') ) %]<em>(Please note: there may be a delay in restoring your account if you submit online.)</em>[% END %]
130                                     </li>
131                                 [% END %]
132                                 [% IF ( borrower.lost ) %]
133                                     <li id="lost"><strong>Please note: </strong> Your library card has been marked as lost or stolen. <em>If this is an error, please contact the library.</em></li>
134                                 [% END %]
135                                 [% IF ( renewal_blocked_fines.defined ) && ( OpacRenewalAllowed ) %]
136                                     <li id="renewal_blocked_fines"><strong>Please note: </strong>You cannot renew your books online. Reason: [% IF ( renewal_blocked_fines ) > 0  %]Your fines exceed <span id="renewal_blocked_fines_amount">[% renewal_blocked_fines | $Price %]</span>.[% ELSE %]You have fines.[% END %]
137                                 [% END %]
138                             </ul>
139                         </div>
140                     [% END # / IF patron_flagged %]
141
142                     <div class="alert alert-info" id="notesaved" style="display:none;"></div>
143
144                     [% IF OPACMySummaryNote %][% Koha.Preference('OPACMySummaryNote') | $raw %][% END %]
145
146                     <div id="opac-user-views" class="toptabs">
147                         <ul>
148                             <li><a href="#opac-user-checkouts">Checked out ([% issues_count | html %])</a></li>
149                             [% IF relatives %]<li><a href="#opac-user-relative-issues">Relatives' checkouts</a></li>[% END %]
150                             [% IF ( overdues_count ) %]<li><a href="#opac-user-overdues">Overdue ([% overdues_count | html %])</a></li>[% END %]
151                             [% IF ( OPACFinesTab ) %]
152                             [% IF ( amountoutstanding > 0 ) %]<li><a href="#opac-user-fines">Charges ([% amountoutstanding | $Price %])</a></li>[% END %]
153                                 [% IF ( amountoutstanding < 0 ) %]<li><a href="#opac-user-fines">Credits ([% amountoutstanding * -1 | $Price %])</a></li>[% END %]
154                                 [% IF relatives_with_fines %]<li><a href="#opac-user-relative-fines">Relatives' fines</a></li>[% END %]
155                             [% END %]
156
157                             [% IF borrower_club_enrollments.count || borrower_enrollable_clubs.count %]
158                                 <li>
159                                     <a id="opac-user-clubs-tab-link" href="#opac-user-clubs">
160                                         Clubs ([% borrower_club_enrollments.count || 0 | html %]/[% borrower_enrollable_clubs.count || 0 | html %])
161                                     </a>
162                                 </li>
163                             [% END %]
164
165                             [% IF ( RESERVES.count ) %]<li><a href="#opac-user-holds">Holds ([% RESERVES.count | html %])</a></li>[% END %]
166                             [% IF Koha.Preference('ArticleRequests') && logged_in_user.article_requests_current %]<li><a href="#opac-user-article-requests">Article requests ([% logged_in_user.article_requests_current.count | html %])</a></li>[% END %]
167                             [% IF ( OverDriveCirculation ) %]
168                             <li><a href="#opac-user-overdrive">OverDrive Account</a></li>
169                             [% END %]
170                             [% IF ( RecordedBooksCirculation ) %]
171                             <li><a href="#opac-user-recordedbooks">RecordedBooks Account</a></li>
172                             [% END %]
173                         </ul>
174
175                         <div id="opac-user-overdrive">
176                         </div>
177                         <div id="opac-user-recordedbooks">
178                         </div>
179                         <div id="opac-user-checkouts">
180                             [% IF ( issues_count ) %]
181                                 <form id="renewselected" action="/cgi-bin/koha/opac-renew.pl" method="post">
182                                     <input type="hidden" name="borrowernumber" value="[% borrowernumber | html %]">
183                                     <input type="hidden" name="from" value="opac_user" />
184                                     <table id="checkoutst" class="table table-bordered table-striped">
185                                         <caption>[% issues_count | html %] Item(s) checked out</caption>
186                                         <thead>
187                                             <tr>
188                                                 [% IF ( JacketImages || AdlibrisEnabled ) %]<th class="nosort">&nbsp;</th>[% END %]
189                                                 <th class="anti-the">Title</th>
190                                                 <th>Author</th>
191                                                 <th class="title-string psort">Due</th>
192                                                 [% UNLESS ( item_level_itypes ) %]
193                                                     <th>Item type</th>
194                                                 [% END %]
195                                                 [% IF ( show_barcode ) %]
196                                                     <th>Barcode</th>
197                                                 [% END %]
198                                                     <th>Call no.</th>
199                                                 [% IF ( OpacRenewalAllowed && !( logged_in_user.is_expired && logged_in_user.category.effective_BlockExpiredPatronOpacActions ) ) %]
200                                                     <th class="nosort">Renew</th>
201                                                 [% END %]
202                                                 [% IF ( OPACFinesTab ) %]
203                                                     <th>Fines</th>
204                                                 [% END %]
205                                                 [% IF ( OPACMySummaryHTML ) %]
206                                                     <th class="nosort">Links</th>
207                                                 [% END %]
208                                                 [% IF ( Koha.Preference('AllowCheckoutNotes') ) %]
209                                                     <th class="nosort">Note</th>
210                                                 [% END %]
211                                             </tr>
212                                         </thead>
213                                         <tbody>
214                                             [% FOREACH ISSUE IN ISSUES %]
215                                                 [% IF ( ISSUE.overdue ) %]<tr class="overdue">[% ELSE %]<tr>[% END %]
216                                                 [% IF ( JacketImages || AdlibrisEnabled ) %]<td class="jacketcell">
217                                                     [% IF ( AdlibrisEnabled && ISSUE.normalized_isbn ) %]
218                                                         <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ISSUE.biblionumber | uri %]"><img src="[% AdlibrisURL | url %]?isbn=[% ISSUE.normalized_isbn | uri %]" class="adlibris-cover" alt="Adlibris cover image" /></a>
219                                                     [% END %]
220                                                     [% IF ( OPACAmazonCoverImages ) %]
221                                                         [% IF ( ISSUE.normalized_isbn ) %]
222                                                             <a href="http://www.amazon.com/gp/reader/[% ISSUE.normalized_isbn | uri %][% AmazonAssocTag | uri %]#reader-link" title="View on Amazon.com"><img src="https://images-na.ssl-images-amazon.com/images/P/[% ISSUE.normalized_isbn | html %].01.THUMBZZZ.jpg" alt="View on Amazon.com" class="item-thumbnail"/></a>
223                                                         [% ELSE %]
224                                                             <a href="#"><span class="no-image">No cover image available</span></a>
225                                                         [% END %]
226                                                     [% END %]
227
228                                                     [% IF ( GoogleJackets ) %]
229                                                         [% IF ( ISSUE.normalized_isbn ) %]
230                                                             <div style="display:block;" title="Click to view in Google Books" class="[% ISSUE.normalized_isbn | html %]" id="gbs-thumbnail[% loop.count | html %]"></div>
231                                                         [% ELSE %]
232                                                             <a href="http://books.google.com/books?q=[% ISSUE.title |url %]"><span class="no-image">No cover image available</span></a>
233                                                         [% END %]
234                                                     [% END %]
235
236                                                     [% IF ( BakerTaylorEnabled ) %]
237                                                         [% bt_id = ( ISSUE.normalized_upc || ISSUE.normalized_isbn ) %]
238                                                         [% IF ( bt_id ) %]
239                                                             <a href="https://[% BakerTaylorBookstoreURL | uri %][% bt_id | uri %]"><img alt="See Baker &amp; Taylor" src="[% BakerTaylorImageURL | html %][% bt_id | html %]" /></a>
240                                                         [% ELSE %]
241                                                             <span class="no-image">No cover image available</span><!-- BakerTaylor needs normalized_upc or normalized_isbn! -->
242                                                         [% END %]
243                                                     [% END %]
244
245                                                     [% IF Koha.Preference('OPACCustomCoverImages') AND Koha.Preference('CustomCoverImagesURL') %]
246                                                         <a class="custom_cover_image" href="[% ISSUE.biblio_object.custom_cover_image_url | url %]"><img alt="Cover image" src="[% ISSUE.biblio_object.custom_cover_image_url | url %]" /></a>
247                                                     [% END %]
248
249                                                     [% IF ( SyndeticsEnabled && SyndeticsCoverImages ) %]
250                                                         <img src="https://secure.syndetics.com/index.aspx?isbn=[% ISSUE.normalized_isbn | html %]/SC.GIF&amp;client=[% SyndeticsClientCode | html %]&amp;type=xw10&amp;upc=[% ISSUE.normalized_upc | html %]&amp;oclc=[% ISSUE.normalized_oclc | html %]" alt="" class="item-thumbnail" />
251                                                     [% END %]
252
253                                                 </td>[% END # / IF JacketImages %]
254
255                                                 <td class="title">
256                                                     <a class="title" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ISSUE.biblionumber | html %]">[% INCLUDE 'biblio-title.inc' biblio=ISSUE %]</a>
257                                                     [% IF ( ISSUE.enumchron ) %] [% ISSUE.enumchron | html %][% END %]
258                                                 </td>
259
260                                                 <td class="author">[% ISSUE.author | html %]</td>
261                                                 [% IF ( ISSUE.overdue ) %]
262                                                     <td class="date_due overdue">
263                                                         <span title="[% ISSUE.date_due | html %]">
264                                                             <span class="tdlabel">Date due:</span>
265                                                             [% ISSUE.date_due | $KohaDates  as_due_date => 1 %]
266                                                         </span>
267                                                     </td>
268                                                 [% ELSE %]
269                                                     <td class="date_due">
270                                                         <span title="[% ISSUE.date_due | html %]">
271                                                             <span class="tdlabel">Date due:</span>
272                                                             [% ISSUE.date_due | $KohaDates  as_due_date => 1 %]
273                                                         </span>
274                                                     </td>
275                                                 [% END %]
276                                                 [% UNLESS ( item_level_itypes ) %]
277                                                     <td class="itype">
278                                                         <span class="tdlabel">Item type:</span>
279                                                         [% IF ( ISSUE.imageurl ) %]
280                                                             <img src="[% ISSUE.imageurl | html %]" title="[% ISSUE.description | html %]" alt="[% ISSUE.description | html %]" />
281                                                         [% END %] [% ISSUE.description | html %]
282                                                     </td>
283                                                 [% END %]
284                                                 [% IF ( show_barcode ) %]
285                                                     <td class="barcode">
286                                                         <span class="tdlabel">Barcode:</span>
287                                                         [% ISSUE.barcode | html %]
288                                                     </td>
289                                                 [% END %]
290                                                 <td class="call_no">
291                                                     <span class="tdlabel">Call no.:</span>
292                                                     [% ISSUE.itemcallnumber | html %]
293                                                 </td>
294                                                 [% IF ( OpacRenewalAllowed && !( logged_in_user.is_expired && logged_in_user.category.effective_BlockExpiredPatronOpacActions ) ) %]
295                                                     <td class="renew">
296                                                     [% IF ISSUE.renewed %]<span class="blabel label-success">Renewed!</span><br />[% END %]
297                                                     [% IF ( ISSUE.status ) %]
298                                                         [% IF ( canrenew ) %]
299                                                             <input type="checkbox" name="item" value="[% ISSUE.itemnumber | uri %]"/> <a href="/cgi-bin/koha/opac-renew.pl?from=opac_user&amp;item=[% ISSUE.itemnumber | uri %]&amp;borrowernumber=[% ISSUE.borrowernumber | uri %]">Renew</a>
300                                                         [% END %]
301                                                         [% IF ISSUE.renewalfee > 0 %]
302                                                             <span class="renewalfee label label-warning">Fee for item type '[% ItemTypes.GetDescription( ISSUE.renewalitemtype) | html %]': [% ISSUE.renewalfee | $Price %]</span>
303                                                         [% END %]
304                                                         [% IF ISSUE.itemtype_object.rentalcharge_daily > 0 %]
305                                                             <span class="renewalfee label label-warning">[% ISSUE.itemtype_object.rentalcharge_daily | $Price %] per day</span>
306                                                         [% END %]
307                                                         [% IF ISSUE.itemtype_object.rentalcharge_hourly > 0 %]
308                                                             <span class="renewalfee label label-warning">[% ISSUE.itemtype_object.rentalcharge_hourly | $Price %] per hour</span>
309                                                         [% END %]
310                                                         <span class="renewals">([% ISSUE.renewsleft | html %] of [% ISSUE.renewsallowed | html %] renewals remaining)</span>
311                                                     [% ELSIF ( ISSUE.on_reserve ) %]
312                                                         Not renewable <span class="renewals">(on hold)</span>
313                                                     [% ELSIF ( ISSUE.too_many ) %]
314                                                         Not renewable
315                                                     [% ELSIF ( ISSUE.norenew_overdue ) %]
316                                                         Not allowed <span class="renewals">(overdue)</span>
317                                                     [% ELSIF ( ISSUE.auto_too_late ) %]
318                                                         No longer renewable
319                                                     [% ELSIF ISSUE.auto_too_much_oweing %]
320                                                         Automatic renewal failed, you have unpaid fines.
321                                                         <span class="renewals">([% ISSUE.renewsleft | html %] of [% ISSUE.renewsallowed | html %] renewals remaining)</span>
322                                                     [% ELSIF ISSUE.auto_account_expired %]
323                                                         Automatic renewal failed, your account is expired.
324                                                         <span class="renewals">([% ISSUE.renewsleft | html %] of [% ISSUE.renewsallowed | html %] renewals remaining)</span>
325                                                     [% ELSIF ( ISSUE.auto_renew || ISSUE.auto_too_soon ) %]
326                                                         Automatic renewal
327                                                         <span class="renewals">([% ISSUE.renewsleft | html %] of [% ISSUE.renewsallowed | html %] renewals remaining)</span>
328                                                     [% ELSIF ( ISSUE.too_soon ) %]
329                                                         No renewal before [% ISSUE.soonestrenewdate | html %]
330                                                         <span class="renewals">([% ISSUE.renewsleft | html %] of [% ISSUE.renewsallowed | html %] renewals remaining)</span>
331                                                     [% ELSIF ( ISSUE.item_denied_renewal ) %]
332                                                         Renewal not allowed
333                                                     [% END %]
334                                                     </td>
335                                                 [% END %]
336                                                 [% IF ( OPACFinesTab ) %]
337                                                     <td class="fines">
338                                                         <span class="tdlabel">Fines:</span>
339                                                         [% IF ( ISSUE.charges ) %]
340                                                             Yes (Item overdue or lost)
341                                                         [% ELSIF ( ISSUE.rentalfines ) %]
342                                                             Yes (Rental fees)
343                                                         [% ELSE %]
344                                                             No
345                                                         [% END %]
346                                                     </td>
347                                                 [% END %]
348                                                 [% IF ( OPACMySummaryHTML ) %]
349                                                     <td class="links">[% ISSUE.MySummaryHTML | $raw %]</td>
350                                                 [% END %]
351                                                 [% IF ( Koha.Preference('AllowCheckoutNotes') ) %]
352                                                     <td class="note">
353                                                         <input type="text" name="note" data-issue_id="[% ISSUE.issue_id | html %]" data-origvalue="[% ISSUE.note | html %]" value="[% ISSUE.note | html %]" readonly>
354                                                         <a class="btn js_submitnote" id="save_[% ISSUE.issue_id | html %]" style="display:none;">Submit note</a>
355                                                         <a class="btn nonjs_submitnote" href="/cgi-bin/koha/opac-issue-note.pl?issue_id=[% ISSUE.issue_id | url %]">Edit / Create note</a>
356                                                     </td>
357                                                 [% END %]
358                                             </tr>
359                                         [% END # /FOREACH ISSUES %]
360                                     </tbody>
361                                 </table>
362                                 [% IF ( canrenew && !userdebarred && OpacRenewalAllowed && !( logged_in_user.is_expired && logged_in_user.category.effective_BlockExpiredPatronOpacActions ) ) %]
363                                     <input type="submit" class="btn" value="Renew selected" />
364                                 [% END %]
365                                 </form>
366
367                                 [% IF ( canrenew && !userdebarred && OpacRenewalAllowed && !( logged_in_user.is_expired && logged_in_user.category.effective_BlockExpiredPatronOpacActions ) ) %]
368                                 <form id="renewall" action="/cgi-bin/koha/opac-renew.pl" method="post">
369                                     <input type="hidden" name="from" value="opac_user" />
370                                     <input type="hidden" name="borrowernumber" value="[% borrowernumber | html %]" />
371                                     [% FOREACH ISSUE IN ISSUES %]
372                                         <input type="hidden" name="item" value="[% ISSUE.itemnumber | html %]" />
373                                     [% END %]
374                                     <input type="submit" class="btn" value="Renew all" />
375                                 </form>
376                                 [% END %]
377                                 <p><a href="opac-ics.pl">Download as iCal/.ics file</a></p>
378                             [% ELSE %]
379                                 <table class="table table-bordered table-striped">
380                                     <tr><td>You have nothing checked out</td></tr>
381                                 </table>
382                             [% END # IF issues_count %]
383                         </div> <!-- / .opac-user-checkouts -->
384
385                         [% IF borrower_club_enrollments.count || borrower_enrollable_clubs.count %]
386                             <div id="opac-user-clubs">
387                                 Loading...
388                             </div>
389                         [% END %]
390
391                         [% IF ( OPACFinesTab ) %]
392                             <!-- FINES BOX -->
393                             [% IF ( amountoutstanding > 0 ) %]
394                                 <div id="opac-user-fines"> <h3>Charges</h3>
395                                     <table class="table table-bordered table-striped">
396                                         <thead><tr><th colspan="2">Amount</th></tr></thead>
397                                         <tbody>
398                                             <tr>
399                                                 <td>You currently owe fines and charges amounting to:</td>
400                                                 <td><a href="/cgi-bin/koha/opac-account.pl">[% amountoutstanding | $Price %]</a></td>
401                                             </tr>
402                                         </tbody>
403                                     </table>
404                                 </div>
405                             [% END %]
406
407                             [% IF ( amountoutstanding < 0 ) %]
408                                 <div id="opac-user-fines">  <h3>Credits</h3>
409                                     <table class="table table-bordered table-striped">
410                                         <thead><tr><th colspan="2">Amount</th></tr></thead>
411                                         <tbody>
412                                             <tr>
413                                                 <td>You have a credit of:</td><td><a href="/cgi-bin/koha/opac-account.pl">[% amountoutstanding * -1 | $Price %]</a></td>
414                                             </tr>
415                                         </tbody>
416                                     </table>
417                                 </div>
418                             [% END %]
419
420                             [% IF relatives_with_fines %]
421                                <div id="opac-user-relative-fines"> <h3>Fines and charges</h3>
422                                     <table class="table table-bordered table-striped">
423                                         <thead>
424                                             <tr>
425                                                 <th colspan="2">Amount</th>
426                                             </tr>
427                                         </thead>
428                                         <tbody>
429                                             [% FOREACH r IN relatives_with_fines %]
430                                             <tr>
431                                                 <td>[% r.firstname | html %] [% r.surname | html %] currently owes fines and charges amounting to:</td>
432                                                 <td><a href="/cgi-bin/koha/opac-account.pl#g[% r.id | uri %]">[% r.account.balance | $Price %]</a></td>
433                                             </tr>
434                                             [% END %]
435                                         </tbody>
436                                     </table>
437                                 </div>
438                             [% END %]
439                         [% END # / OPACFinesTab %]
440
441                         [% IF relatives %]
442                             <div id="opac-user-relative-issues">
443                                 <table id="opac-user-relative-issues-table" class="table table-bordered table-striped">
444                                     <thead>
445                                         <tr>
446                                             <th class="anti-the">Title</th>
447                                             <th>Due</th>
448                                             <th>Barcode</th>
449                                             <th>Call no.</th>
450                                             <th class="psort">Relative</th>
451                                         </tr>
452                                     </thead>
453
454                                     <tbody>
455                                         [% FOREACH r IN relatives %]
456                                             [% FOREACH c IN r.checkouts %]
457                                                 <tr>
458                                                     <td>
459                                                         <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% i.item.biblio.biblionumber | uri %]">
460                                                             [% i.item.biblio.title | html %][% IF ( i.item.enumchron ) %] [% i.item.enumchron | html %][% END %]
461                                                         </a>
462                                                     </td>
463
464                                                     <td>
465                                                         [% c.date_due | $KohaDates %]
466                                                     </td>
467
468                                                     <td>
469                                                         [% c.item.barcode | html %]
470                                                     </td>
471
472                                                     <td>
473                                                         [% c.item.itemcallnumber | html %]
474                                                     </td>
475
476                                                     <td>
477                                                         [% r.firstname | html %] [% r.surname | html %]
478                                                     </td>
479                                                 </tr>
480                                             [% END %]
481                                         [% END %]
482                                     </tbody>
483                                 </table>
484                             </div>
485                         [% END %]
486
487                         [% IF ( overdues_count ) %]
488                             <div id="opac-user-overdues">
489                                 <table id="overduest" class="table table-bordered table-striped">
490                                     <caption>Overdues <span class="count">([% overdues_count | html %] total)</span></caption>
491                                     <!-- OVERDUES TABLE ROWS -->
492                                     <thead>
493                                         <tr>
494                                             [% IF ( JacketImages || AdlibrisEnabled ) %]<th class="nosort">&nbsp;</th>[% END %]
495                                             <th class="anti-the">Title</th>
496                                             [% UNLESS ( item_level_itypes ) %]<th>Item type</th> [% END %]
497                                             [% IF ( show_barcode ) %]<th>Barcode</th>[% END %]
498                                             <th>Call no.</th>
499                                             <th class="title-string psort">Due</th>
500                                             [% IF ( OpacRenewalAllowed ) %]
501                                                 <th class="nosort">Renew</th>
502                                             [% END %]
503                                             [% IF ( OPACFinesTab ) %]
504                                                 <th>Fines</th>
505                                             [% END %]
506                                         </tr>
507                                     </thead>
508                                     <tbody>
509                                         [% FOREACH OVERDUE IN OVERDUES %]
510                                             <tr>
511                                                 [% IF ( JacketImages || AdlibrisEnabled ) %]
512                                                     <td class="jacketcell">
513                                                     [% IF ( AdlibrisEnabled && OVERDUE.normalized_isbn ) %]
514                                                         <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% OVERDUE.biblionumber | uri %]"><img src="[% AdlibrisURL | url %]?isbn=[% OVERDUE.normalized_isbn | uri %]" class="adlibris-cover" alt="Adlibris cover image" /></a>
515                                                     [% END %]
516                                                     [% IF ( OPACAmazonCoverImages ) %]
517                                                         [% IF ( OVERDUE.normalized_isbn ) %]
518                                                             <a href="http://www.amazon.com/gp/reader/[% OVERDUE.normalized_isbn | uri %][% AmazonAssocTag | uri %]#reader-link" title="View on Amazon.com"><img src="https://images-na.ssl-images-amazon.com/images/P/[% OVERDUE.normalized_isbn | html %].01.THUMBZZZ.jpg" alt="View on Amazon.com" class="item-thumbnail" /></a>
519                                                         [% ELSE %]
520                                                             <a href="#"><span class="no-image">No cover image available</span></a>
521                                                         [% END %]
522                                                     [% END %]
523
524                                                     [% IF ( GoogleJackets ) %]
525                                                         [% IF ( OVERDUE.normalized_isbn ) %]
526                                                             <div style="display:block;" title="Click to view in Google Books" class="[% OVERDUE.normalized_isbn | html %]" id="gbs-thumbnail[% loop.count | html %]"></div>
527                                                         [% ELSE %]
528                                                             <a href="http://books.google.com/books?q=[% OVERDUE.title |url %]"><span class="no-image">No cover image available</span></a>
529                                                         [% END %]
530                                                     [% END %]
531
532                                                     [% IF ( BakerTaylorEnabled ) %]
533                                                         [% bt_id = ( OVERDUE.normalized_upc || OVERDUE.normalized_isbn ) %]
534                                                         [% IF ( bt_id ) %]
535                                                             <a href="https://[% BakerTaylorBookstoreURL | uri %][% bt_id | uri %]"><img alt="See Baker &amp; Taylor" src="[% BakerTaylorImageURL | html %][% bt_id | html %]" /></a>
536                                                         [% ELSE %]
537                                                             <span class="no-image">No cover image available</span><!-- BakerTaylor needs normalized_upc or normalized_isbn! -->
538                                                         [% END %]
539                                                     [% END %]
540
541                                                     [% IF ( SyndeticsCoverImages ) %]
542                                                         <img src="https://secure.syndetics.com/index.aspx?isbn=[% OVERDUE.normalized_isbn | html %]/SC.GIF&amp;client=[% SyndeticsClientCode | html %]&amp;upc=[% OVERDUE.normalized_upc | html %]&amp;oclc=[% OVERDUE.normalized_oclc | html %]&amp;type=xw10" alt="" class="item-thumbnail" />
543                                                     [% END %]
544                                                     </td>
545                                                 [% END # /IF jacketcell %]
546
547                                                 <td>
548                                                     <a class="title" href="/cgi-bin/koha/opac-detail.pl?bib=[% OVERDUE.biblionumber | html %]">[% INCLUDE 'biblio-title.inc' biblio=OVERDUE %]</a>
549                                                     <span class="item-details">[% OVERDUE.author | html %]</span>
550                                                 </td>
551
552                                                 [% UNLESS ( item_level_itypes ) %]
553                                                     <td>
554                                                         [% IF ( OVERDUE.imageurl ) %]
555                                                             <img src="[% OVERDUE.imageurl | html %]" title="[% OVERDUE.description | html %]" alt="[% OVERDUE.description | html %]" />
556                                                         [% END %] [% OVERDUE.description | html %]
557                                                     </td>
558                                                 [% END %]
559                                                 [% IF ( show_barcode ) %]
560                                                     <td>
561                                                         <span class="tdlabel">Barcode:</span>
562                                                         [% OVERDUE.barcode | html %]
563                                                     </td>
564                                                 [% END %]
565                                                 <td>
566                                                     <span class="tdlabel">Call no.:</span>
567                                                     [% OVERDUE.itemcallnumber | html %]
568                                                 </td>
569                                                 <td>
570                                                     <span title="[% OVERDUE.date_due | html %]">
571                                                         <span class="tdlabel">Date due:</span>
572                                                         [% OVERDUE.date_due | $KohaDates  as_due_date => 1 %]
573                                                     </span>
574                                                 </td>
575                                                 [% IF ( OpacRenewalAllowed ) %]
576                                                     <td>
577                                                         [% IF ( OVERDUE.debarred ) %]
578                                                             Account frozen
579                                                         [% ELSIF ( OVERDUE.status ) %]
580                                                             [% IF ( canrenew ) %]
581                                                                 <a href="/cgi-bin/koha/opac-renew.pl?from=opac_user&amp;item=[% OVERDUE.itemnumber | uri %]&amp;bornum=[% OVERDUE.borrowernumber | uri %]">Renew</a>
582                                                             [% END %]
583                                                                 <span class="renewals">([% OVERDUE.renewsleft | html %] of [% OVERDUE.renewsallowed | html %] renewals remaining)</span>
584                                                         [% ELSIF ( OVERDUE.norenew_overdue ) %]
585                                                             Not allowed<span class="renewals">(overdue)</span>
586                                                         [% ELSIF ( OVERDUE.onreserve ) %]
587                                                             On hold
588                                                         [% ELSE %]
589                                                             No renewals left
590                                                         [% END %]
591                                                     </td>
592                                                 [% END %]
593                                                 [% IF ( OPACFinesTab ) %]
594                                                     <td>
595                                                         <span class="tdlabel">Fines:</span>
596                                                         [% IF ( OVERDUE.charges ) %]
597                                                             Yes
598                                                         [% ELSE %]
599                                                             No
600                                                         [% END %]
601                                                     </td>
602                                                 [% END %]
603                                             </tr>
604                                         [% END %]
605                                     </tbody>
606                                 </table>
607                             </div> <!-- / #opac-user-overdues -->
608                         [% END # /overdues_count %]
609
610                         [% PROCESS 'holds-table.inc' HOLDS = RESERVES, SuspendHoldsOpac = SuspendHoldsOpac, showpriority = showpriority, AutoResumeSuspendedHolds = AutoResumeSuspendedHolds %]
611
612                         [% IF Koha.Preference('ArticleRequests') %]
613                             <div id="opac-user-article-requests">
614                                 [% IF logged_in_user.article_requests_current.count %]
615                                     <table id="article-requests-table" class="table table-bordered table-striped">
616                                         <caption>Article requests <span class="count">([% logged_in_user.article_requests_current.count | html %] total)</span></caption>
617                                         <thead>
618                                             <tr>
619                                                 <th class="anti-the article-request-record-title">Record title</th>
620                                                 <th class="psort article-request-created-on">Placed on</th>
621                                                 <th class="anti-the article-request-title">Title</th>
622                                                 <th class="article-request-author">Author</th>
623                                                 <th class="article-request-volume">Volume</th>
624                                                 <th class="article-request-issue">Issue</th>
625                                                 <th class="article-request-date">Date</th>
626                                                 <th class="article-request-pages">Pages</th>
627                                                 <th class="article-request-chapters">Chapters</th>
628                                                 <th class="article-request-patron-notes">Notes</th>
629                                                 <th class="article-request-status">Status</th>
630                                                 <th class="article-request-branchcode">Pickup library</th>
631                                                 <th class="nosort article-request-cancel">&nbsp;</th>
632                                             </tr>
633                                         </thead>
634
635                                         <tbody>
636                                         [% FOREACH ar IN logged_in_user.article_requests_current %]
637                                                 <td class="article-request-record-title">
638                                                     <a class="article-request-title" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ar.biblionumber | html %]">
639                                                         [% INCLUDE 'biblio-title.inc' biblio=ar.biblio %]
640                                                         [% ar.item.enumchron | html %]
641                                                     </a>
642                                                     [% ar.biblio.author | html %]
643                                                     [% IF ar.itemnumber %] <i>(only [% ar.item.barcode | html %])</i>[% END %]
644                                                 </td>
645
646                                                 <td class="article-request-created_on">
647                                                     [% ar.created_on | $KohaDates %]
648                                                 </td>
649
650                                                 <td class="article-request-title">
651                                                     [% ar.title | html %]
652                                                 </td>
653
654                                                 <td class="article-request-author">
655                                                     [% ar.author | html %]
656                                                 </td>
657
658                                                 <td class="article-request-volume">
659                                                     [% ar.volume | html %]
660                                                 </td>
661
662                                                 <td class="article-request-issue">
663                                                     [% ar.issue | html %]
664                                                 </td>
665
666                                                 <td class="article-request-date">
667                                                     [% ar.date | html %]
668                                                 </td>
669
670                                                 <td class="article-request-pages">
671                                                     [% ar.pages | html %]
672                                                 </td>
673
674                                                 <td class="article-request-chapters">
675                                                     [% ar.chapters | html %]
676                                                 </td>
677
678                                                 <td class="article-request-patron-notes">
679                                                     [% ar.patron_notes | html %]
680                                                 </td>
681
682                                                 <td class="article-request-status">
683                                                     [% IF ar.status == 'PENDING' %]
684                                                         Pending
685                                                     [% ELSIF ar.status == 'PROCESSING' %]
686                                                         Processing
687                                                     [% ELSIF ar.status == 'COMPLETED' %]
688                                                         Completed
689                                                     [% ELSIF ar.status == 'CANCELED' %]
690                                                         Canceled
691                                                     [% END %]
692                                                 </td>
693
694                                                 <td class="article-request-branchcode">
695                                                     [% ar.branch.branchname | html %]
696                                                 </td>
697
698                                                 <td class="article-request-cancel">
699                                                     <span class="tdlabel">Cancel:</span>
700                                                     <form action="/cgi-bin/koha/opac-article-request-cancel.pl" id="delete_article_request_[% ar.id | html %]">
701                                                         <input type="hidden" name="id" value="[% ar.id | html %]" />
702                                                         <button data-title="[% ar.biblio.title | html %] [% ar.item.enumchron | html %]" data-article-request_id="[% ar.id | html %]" type="submit" class="btn btn-sm btn-danger btn-delete-article-request"><i class="fa fa-remove"></i> Cancel</button>
703                                                     </form>
704                                                 </td>
705                                             </tr>
706                                         [% END %]
707                                     </tbody>
708                                 </table>
709                             [% ELSE %]
710                                 <table class="table table-bordered table-striped">
711                                     <tr><td>You have no article requests currently.</td></tr>
712                                 </table>
713                             [% END # IF article_requests_current.count %]
714                         </div> <!-- / #opac-user-article-requests -->
715                     [% END %]
716
717                     </div> <!-- /#opac-user-views -->
718                 </div> <!-- /#userdetails -->
719             </div> <!-- /.span10 -->
720         </div> <!-- /.row-fluid -->
721     </div> <!-- /.container-fluid -->
722 </div> <!-- /#main -->
723
724 [% IF ( OverDriveCirculation ) %]
725     [% INCLUDE 'overdrive-checkout.inc' %]
726     [% IF ( Koha.Preference('OverDrivePasswordRequired') ) %]
727         [% INCLUDE 'overdrive-login.inc' %]
728     [% END %]
729 [% END %]
730 [% IF ( RecordedBooksCirculation ) %]
731 [% INCLUDE 'recordedbooks-checkout.inc' %]
732 [% END %]
733
734 [% INCLUDE 'opac-bottom.inc' %]
735 [% BLOCK jsinclude %]
736     [% INCLUDE 'calendar.inc' %]
737     [% INCLUDE 'datatables.inc' %]
738     <script>
739
740         $(document).ready(function(){
741             $('#opac-user-views').tabs();
742             $(".js-show").show();
743             $(".js-hide").hide();
744             $(".modal-nojs").addClass("modal").addClass("hide").removeClass("modal-nojs");
745             $(".suspend-until").prop("readonly",1);
746
747             $(".btn-delete-hold").on("click", function(e){
748                 e.preventDefault();
749                 var hold_title = $(this).data("title");
750                 var reserve_id = $(this).data("reserve_id");
751                 var body = "<p><strong>" + hold_title + "</strong></p>";
752                 confirmModal( hold_title, _("Are you sure you want to cancel this hold?"), _("Yes, cancel hold"), _("No, do not cancel hold"), function( result ){
753                         if( result ){
754                             $("#delete_hold_" + reserve_id ).submit();
755                         }
756                     }
757                 );
758             });
759
760             $(".btn-delete-article-request").on("click", function(e){
761                 e.preventDefault();
762                 var hold_title = $(this).data("title");
763                 var article_request_id = $(this).data("article-request_id");
764                 var body = "<p><strong>" + hold_title + "</strong></p>";
765                 confirmModal( hold_title, _("Are you sure you want to cancel this article request?"), _("Yes, cancel article request"), _("No, do not cancel article request"), function( result ){
766                         if( result ){
767                             $("#delete_article_request_" + article_request_id ).submit();
768                         }
769                     }
770                 );
771             });
772
773             $("#suspend_all_submit").on("click", function(e){
774                 e.preventDefault();
775                 var title = _("Are you sure you want to suspend all holds?");
776                 var body = _("All holds will be suspended.");
777                 confirmModal( body, title, _("Yes, suspend all holds"), "", function( result ){
778                         if( result ){
779                             $("#suspend_all_holds").submit();
780                         }
781                     }
782                 );
783             });
784
785             $("#resume_all_submit").on("click", function(e){
786                 e.preventDefault();
787                 var title = _("Are you sure you want to resume all suspended holds?");
788                 var body = _("All holds will resume.");
789                 confirmModal( body, title, _("Yes, resume all holds"), _("No, do not resume holds"), function( result ){
790                         if( result ){
791                             $("#resume_all_holds").submit();
792                         }
793                     }
794                 );
795             });
796
797             var dTables = $("#checkoutst,#holdst,#overduest,#opac-user-relative-issues-table");
798             dTables.each(function(){
799                 var thIndex = $(this).find("th.psort").index();
800                 $(this).dataTable($.extend(true, {}, dataTablesDefaults, {
801                     "sorting" : [[ thIndex, 'asc' ]],
802                     "columnDefs": [
803                         { "targets": [ "nosort" ],"sortable": false,"searchable": false },
804                         { "type": "anti-the", "targets" : [ "anti-the" ] },
805                         { "type": "title-string", "targets" : [ "title-string" ] }
806                     ]
807                 }));
808             });
809
810             [% IF ( GoogleJackets ) %]KOHA.Google.GetCoverFromIsbn();[% END %]
811             [% IF ( OpacRenewalAllowed && canrenew && !userdebarred ) %]
812                 $("#renewselected").submit(function(){
813                     valid = false;
814                     $("input[type=checkbox]").each(function(){
815                         if($(this).is(':checked')){
816                             valid = true;
817                         }
818                     });
819                     if(!valid){
820                         alert(_("Nothing has been selected. Check the box for each item you want to renew"));
821                     }
822                     return valid;
823                 });
824                 $("body").on("click","#renewselected_link",function(e){
825                     e.preventDefault();
826                     $("#renewselected").submit();
827                 });
828                 $("body").on("click","#renewall_link",function(e){
829                     e.preventDefault();
830                     $("#renewall").submit();
831                 });
832                 [% IF ( canrenew && !userdebarred && OpacRenewalAllowed && !( logged_in_user.is_expired && logged_in_user.category.effective_BlockExpiredPatronOpacActions ) ) %]
833                     $("#checkoutst caption").append("<div id=\"renewcontrols\"><a id=\"renewselected_link\" href=\"#\">"+_("Renew selected")+"</a> <a id=\"renewall_link\" href=\"#\">"+_("Renew all")+"</a></div>");
834                 [% END %]
835             [% END %]
836
837             [% IF ( Koha.Preference('AllowCheckoutNotes') ) %]
838
839                 /* If JS enabled, show button, otherwise show link to redirect to a page where note can be submitted */
840                 $(".nonjs_submitnote").hide();
841
842                 $("input[name='note']").prop('readonly', false);
843                 $("input[name='note']").keypress(function(e){
844                     /* prevent submitting of renewselected form */
845                     if(e.which == 13)
846                         e.preventDefault();
847                 });
848
849                 $("input[name='note']").keyup(function(e){
850                     var $btn_save = $('#save_'+$(this).data('issue_id'));
851                     var origvalue = $(this).data('origvalue');
852                     var value = $(this).val();
853
854                     if(origvalue != value) {
855                         if(origvalue != "")
856                             $btn_save.text(_("Submit changes"));
857                         else
858                             $btn_save.text(_("Submit note"));
859                         $btn_save.show();
860                     } else {
861                         $btn_save.hide();
862                     }
863                 });
864
865                 $(".js_submitnote").click(function(e){
866                     var $self = $(this);
867                     var title = $(this).parent().siblings('.title').html();
868                     var $noteinput = $(this).siblings('input[name="note"]').first();
869
870                     var ajaxData = {
871                         'action': 'issuenote',
872                         'issue_id': $noteinput.data('issue_id'),
873                         'note': $noteinput.val(),
874                     };
875
876                     $.ajax({
877                         url: '/cgi-bin/koha/svc/checkout_notes/',
878                         type: 'POST',
879                         dataType: 'json',
880                         data: ajaxData,
881                     })
882                     .done(function(data) {
883                         var message = "";
884                         if(data.status == 'saved') {
885                             $("#notesaved").removeClass("alert-error");
886                             $("#notesaved").addClass("alert-info");
887                             $noteinput.data('origvalue', data.note);
888                             $noteinput.val(data.note);
889                             message = "<p>" + _("Your note about %s has been saved and sent to the library.").format(title) + "</p>";
890                             message += "<p style=\"font-style:italic;\">" + data.note + "</p>";
891                             $self.hide();
892                         } else if(data.status == 'removed') {
893                             $("#notesaved").removeClass("alert-error");
894                             $("#notesaved").addClass("alert-info");
895                             $noteinput.data('origvalue', "");
896                             $noteinput.val("");
897                             message = "<p>" + _("Your note about %s was removed.").format(title) + "</p>";
898                             $self.hide();
899                         } else {
900                             $("#notesaved").removeClass("alert-info");
901                             $("#notesaved").addClass("alert-error");
902                             message =  "<p>" + _("Your note about %s could not be saved.").format(title) + "</p>";
903                             message += "<p style=\"font-weight:bold;\">" + _("Something went wrong. The note has not been saved") + "</p>";
904                         }
905                         $("#notesaved").html(message);
906                     })
907                     .fail(function(data) {
908                         $("#notesaved").removeClass("alert-info");
909                         $("#notesaved").addClass("alert-error");
910                         var message = "<p style=\"font-weight:bold;\">" + _("Something went wrong. The note has not been saved") + "</p>";
911                         $("#notesaved").html(message);
912                     })
913                     .always(function() {
914                         $("#notesaved").show();
915                     });
916                 });
917             [% END %]
918
919             $( ".suspend-until" ).datepicker({ minDate: 1 }); // Require that "until date" be in the future
920
921             if ( $('#opac-user-clubs').length ) {
922                 $('#opac-user-clubs-tab-link').on('click', function() {
923                     $('#opac-user-clubs').text(_("Loading..."));
924                     $('#opac-user-clubs').load('/cgi-bin/koha/clubs/clubs-tab.pl?borrowernumber=[% borrowernumber | html %]');
925                 });
926             }
927         });
928         //]]>
929     </script>
930     [% IF Koha.Preference('OverDriveCirculation') %]
931     [% Asset.js("js/overdrive.js") | $raw %]
932     <script>
933     var OD_password_required = [% IF Koha.Preference('OverDrivePasswordRequired') %]1[% ELSE %]0[% END %];
934     $(document).ready(function() {
935         [% IF ( overdrive_error ) %]
936             KOHA.OverDriveCirculation.display_error("#opac-user-overdrive", "[% overdrive_error.dquote | html %]");
937         [% END %]
938
939         [% IF ( overdrive_tab ) %]
940             $("#opac-user-views").tabs("select", "#opac-user-overdrive");
941         [% END %]
942
943         $("#opac-user-overdrive").each( function() {
944             KOHA.OverDriveCirculation.display_account_details(this);
945         } );
946     });
947     </script>
948     [% END %]
949     [% IF RecordedBooksCirculation %]
950         [% Asset.js("js/recordedbooks.js") | $raw %]
951         <script type="text/JavaScript">
952             $(document).ready(function() {
953                 [% IF ( recordedbooks_error ) %]
954                     KOHA.RecordedBooks.display_error("#opac-user-recordedbooks", "[% recordedbooks_error.dquote | html %]");
955                 [% END %]
956                 [% IF ( recordedbooks_tab ) %]
957                     $("#opac-user-views").tabs("select", "#opac-user-recordedbooks");
958                 [% END %]
959                 $("#opac-user-recordedbooks").each( function() {
960                     KOHA.RecordedBooks.display_account_details(this);
961                 } );
962             });
963         </script>
964     [% END %]
965 [% END %]