Bug 13234: On-site checkouts - OPAC
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-readingrecord.tt
1 [% USE Koha %]
2 [% USE KohaDates %]
3 [% INCLUDE 'doc-head-open.inc' %]
4 [% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %] catalog › Your checkout history
5 [% INCLUDE 'doc-head-close.inc' %]
6 [% BLOCK cssinclude %]
7     <style type="text/css">ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a  { padding:0.6em 1em; }</style>
8 [% END %]
9 </head>
10 [% INCLUDE 'bodytag.inc' bodyid='opac-readingrecord' %]
11 [% INCLUDE 'masthead.inc' %]
12
13 <div class="main">
14     <ul class="breadcrumb">
15         <li><a href="/cgi-bin/koha/opac-main.pl">Home</a> <span class="divider">&rsaquo;</span></li>
16         <li><a href="/cgi-bin/koha/opac-user.pl">[% firstname %] [% surname %]</a> <span class="divider">&rsaquo;</span></li>
17         <li><a href="#">Your checkout history</a></li>
18     </ul>
19
20     <div class="container-fluid">
21         <div class="row-fluid">
22             <div class="span2">
23                 <div id="navigation">
24                     [% INCLUDE 'navigation.inc' IsPatronPage=1 %]
25                 </div>
26             </div>
27             <div class="span10">
28                 <div id="userreadingrecord">
29                     <h3>Checkout history</h3>
30
31                     [% IF READING_RECORD.size == 0 %]
32                         You have never borrowed anything from this library.
33                     [% ELSE %]
34                         <div id="opac-user-readingrec" class="statictabs2">
35                             <div class="resultscontrol resort">
36                                 <form id="sortform" action="/cgi-bin/koha/opac-readingrecord.pl" method="get">
37                                     [% UNLESS ( limit ) %]<input type="hidden" name="limit" value="full" />[% END %]
38                                     <select name="order" id="order">
39                                         [% IF ( orderbydate ) %]<option value="" selected="selected">Order by date</option>[% ELSE %]<option value="">Order by date</option>[% END %]
40                                         [% IF ( orderbytitle ) %]<option value="title" selected="selected">Order by title</option>[% ELSE %]<option value="title">Order by title</option>[% END %]
41                                     </select>
42                                     <input type="submit" value="Go" id="sortsubmit" class="submit clearfix" />
43                                 </form>
44                             </div>
45
46                             [% IF limit %]
47                                 <a href="/cgi-bin/koha/opac-readingrecord.pl?limit=full[% IF ( orderbytitle ) %]&amp;order=title[% END %]">Show all items</a>
48                             [% ELSE %]
49                                 <a href="/cgi-bin/koha/opac-readingrecord.pl?limit=50[% IF ( orderbytitle ) %]&amp;order=title[% END %]">Showing last 50 items</a>
50                             [% END %]
51
52                             <div id="tabs" class="toptabs">
53                                 <ul>
54                                     <li><a href="#tabs-container" id="tab_all">All</a></li>
55                                     <li><a href="#tabs-container" id="tab_checkout">Checkouts</a></li>
56                                     <li><a href="#tabs-container" id="tab_onsite_checkout">On-site checkouts</a></li>
57                                 </ul>
58                                 <div id="tabs-container" style="overflow:hidden">
59                                     <table id="readingrec" class="table table-bordered table-striped">
60                                         <thead>
61                                             <tr>
62                                                 <th style="display:none;">Type</th>
63                                                 <th></th>
64                                                 <th>Title</th>
65                                                 <th>Item type</th>
66                                                 <th>Call no.</th>
67                                                 <th>Date</th>
68                                                 [% IF ( OPACMySummaryHTML ) %]
69                                                     <th>Links</th>
70                                                 [% END %]
71                                             </tr>
72                                         </thead>
73                                         <tbody>
74                                     [% FOREACH issue IN READING_RECORD %]
75                                         <tr>
76                                             <td style="display:none;">
77                                               [% IF issue.onsite_checkout %]
78                                                 onsite
79                                               [% ELSE %]
80                                                 checkout
81                                               [% END %]
82                                             </td>
83                                         <td>
84                                             [% IF  OPACAmazonCoverImages %]
85                                                 [% IF  issue.normalized_isbn %]
86                                                     <a href="http://www.amazon.com/gp/reader/[% issue.normalized_isbn %]/ref=sib_dp_pt/002-7879865-0184864#reader-link"><img border="0" src="https://images-na.ssl-images-amazon.com/images/P/[% issue.normalized_isbn %].01.THUMBZZZ.jpg" alt="" class="item-thumbnail" /></a>
87                                                 [% ELSE %]
88                                                      <span class="no-image">No cover image available</span>
89                                                 [% END %]
90                                             [% END %]
91
92                                         [% IF GoogleJackets %]
93                                             [% IF  issue.normalized_isbn %]
94                                                 <div title="[% issue.biblionumber |url %]" class="[% issue.normalized_isbn %]" id="gbs-thumbnail[% loop.count %]"></div>
95                                             [% ELSE %]
96                                                <span class="no-image">No cover image available</span>
97                                             [% END %]
98                                         [% END %]
99
100                                         [% IF BakerTaylorEnabled %]
101                                             [% IF issue.normalized_isbn %]
102                                               <a href="https://[% BakerTaylorBookstoreURL |html %][% issue.normalized_isbn %]"><img alt="See Baker &amp; Taylor" src="[% BakerTaylorImageURL |html %][% issue.normalized_isbn %]" /></a>
103                                             [% ELSE %]
104                                                <span class="no-image">No cover image available</span>
105                                             [% END %]
106                                         [% END %]
107
108                                         [% IF SyndeticsEnabled && SyndeticsCoverImages %]
109                                             [% IF  using_https  %]
110                                                 <img src="https://secure.syndetics.com/index.aspx?isbn=[% issue.normalized_isbn %]/SC.GIF&amp;client=[% SyndeticsClientCode %]&amp;type=xw10&amp;upc=[% issue.normalized_upc %]&amp;oclc=[% issue.normalized_oclc %]" alt="" class="item-thumbnail" />
111                                            [% ELSE %]
112                                                 <img src="http://www.syndetics.com/index.aspx?isbn=[% issue.normalized_isbn %]/SC.GIF&amp;client=[% SyndeticsClientCode %]&amp;type=xw10&amp;upc=[% issue.normalized_upc %]&amp;oclc=[% issue.normalized_oclc %]" alt="" class="item-thumbnail" />
113                                            [% END %]
114                                         [% END %]
115                                         </td>
116                                         <td>
117                                         [% IF  issue.BiblioDefaultViewmarc %]
118                                              <a class="title" href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=[% issue.biblionumber |url %]">[% issue.title |html %] [% IF  issue.subtitle  %][% FOREACH subtitl IN issue.subtitle %][% subtitl.subfield %][% END %][% END %]</a>
119                                         [% ELSIF issue.BiblioDefaultViewisbd %]
120                                              <a class="title" href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=[% issue.biblionumber |url %]">[% issue.title |html %] [% IF issue.subtitle %][% FOREACH subtitl IN issue.subtitle %][% subtitl.subfield %][% END %][% END %]</a>
121                                         [% ELSE %]
122                                              <a class="title" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% issue.biblionumber |url %]">[% issue.title |html %] [% IF issue.subtitle %][% FOREACH subtitl IN issue.subtitle %][% subtitl.subfield %][% END %][% END %]</a>
123                                         [% END %]
124                                         <span class="item-details">[% issue.author %]</span>
125                                         </td>
126                                         <td>
127                                         [% UNLESS ( noItemTypeImages ) %]
128                                             [% IF ( issue.imageurl ) %]
129                                                 <img src="[% issue.imageurl %]" alt="" />
130                                             [% END %]
131                                         [% END %]
132                                         <span class="tdlabel">Item type:</span>
133                                         [% issue.description %]</td>
134                                         <td>
135                                         <span class="tdlabel">Call number:</span>
136                                         [% issue.itemcallnumber %]
137                                         </td>
138                                         <td>
139                                         [% IF issue.returndate %]
140                                             <span class="tdlabel">Check-in date:</span>
141                                             [% issue.returndate | $KohaDates %]
142                                         [% ELSE %]
143                                             <em>(Checked out)</em>
144                                         [% END %]
145                                         </td>
146                                         [% IF OPACMySummaryHTML %]
147                                             <td>[% issue.MySummaryHTML %]</td>
148                                         [% END %]
149                                         </tr>
150                                     [% END %]
151                                 </tbody>
152                             </table>
153                         </div> <!-- / .tabs-container -->
154                     </div> <!-- / .opac-user-readingrec -->
155                 [% END %]
156                 </div> <!-- / .userreadingrecord -->
157             </div> <!-- / .span10 -->
158         </div> <!-- / .row-fluid -->
159     </div> <!-- / .container-fluid -->
160 </div> <!-- / .main -->
161
162 [% INCLUDE 'opac-bottom.inc' %]
163 [% BLOCK jsinclude %]
164 [% INCLUDE 'datatables.inc' %]
165 <script type="text/javascript">
166 //<![CDATA[
167     $(document).ready(function(){
168         [% IF ( GoogleJackets ) %]KOHA.Google.GetCoverFromIsbn();[% END %]
169             $('#sortsubmit').hide();
170         $('#order').change(function() {
171             $('#sortform').submit();
172         });
173
174         var table = $("#readingrec").dataTable($.extend(true, {}, dataTablesDefaults, {
175             "sPaginationType": "four_button",
176         }));
177         var tabs = $("#tabs").tabs({
178             select: function(e, ui) {
179                 var id = $(ui.tab).attr("id");
180                 if ( id == "tab_checkout" ) {
181                     table.fnFilter("checkout", 0);
182                 } else if ( id == "tab_onsite_checkout" ) {
183                     table.fnFilter("onsite", 0);
184                 } else { // all
185                     table.fnFilter('', 0);
186                 }
187             }
188         });
189     });
190 //]]>
191 </script>
192 [% END %]