myopac: more complete display of circs, holds, and fines
[evergreen-equinox.git] / Open-ILS / web / templates / default / opac / myopac / circs.tt2
1 [%  PROCESS "default/opac/parts/header.tt2";
2     PROCESS "default/opac/parts/marc_misc.tt2";
3     WRAPPER "default/opac/parts/base.tt2" +
4         "default/opac/parts/myopac/base.tt2";
5     myopac_page = "circs"  %]
6 <div id='myopac_checked_div' style="padding:0px;">
7     <div id="acct_checked_tabs" style="padding-bottom: 12px;color:#666;" class="hide_me">
8         <div class="align selected" id="checked_label">
9             <img src="[% ctx.media_prefix %]/images/sub_checked_out_on.jpg" />
10         </div>
11         <div class="align" id="checked_hist_link">
12             <a class="" href="#"><img
13                 src="[% ctx.media_prefix %]/images/sub_checked_hist_off.jpg" /></a>
14         </div>
15         <div class="align hide_me" id="checked_link">
16             <a href="#">
17                 <img src="[% ctx.media_prefix %]/images/sub_checked_out_off.jpg" />
18             </a>
19         </div>
20         <div class="align selected hide_me" id="checked_hist_label">
21             <img src="[% ctx.media_prefix %]/images/sub_checked_hist_on.jpg" />
22         </div>    
23         <div class="clear-both"></div>
24     </div>
25     
26     <div class="header_middle">
27         <span id="acct_checked_header" style="float:left;">
28             Current Items Checked Out
29         </span>
30         <span style="float:right;">
31             <a class="hide_me" href="#">Export List</a>
32         </span>
33     </div>
34     <div class="clear-both"></div>
35     <div id='checked_main'>
36         <table cellpadding='0' cellspacing='0' border='0'
37             style="padding:8px 0px 6px 0px;">
38             <tr>
39                 <td>
40                     <a href="#">Renew Selected Titles</a>
41                 </td>
42                 <td style="padding-left:9px;">
43                     <a class="hide_me" href="#"><img
44                         alt="Save"
45                         src="[% ctx.media_prefix %]/images/save-btn.png" /></a>
46                 </td>
47                 <td style="padding-left:5px;">
48                     <a href="#"><img alt="Renewing Help"
49                         src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
50                 </td>
51             </tr>
52         </table>
53         <table id="acct_checked_main_header" cellpadding='0' cellspacing='0'
54             border='0'>
55             <tr>
56                 <td width="1%" style="padding-left:10px;">
57                     <input type="checkbox" id="check_all_checked" />
58                 </td>
59                 <td width="40%" style="padding-left:5px;">
60                     <span title="Click to sort" style="cursor:pointer;">
61                         Title
62                     </span> /
63                     <span title="Click to sort" style="cursor:pointer;">
64                         Author
65                     </span>
66                 </td>
67                 <td width="8%" style="padding-right:5px;" align="center">
68                     <span title="Click to sort" style="cursor:pointer;">
69                         Renews<br />Left
70                     </span>
71                 </td>
72                 <td width="13%" style="padding-left:5px;">
73                     <span title="Click to sort" style="cursor:pointer;">Due Date
74                     </span>
75                 </td>
76                 <td width="16%">
77                     <span title="Click to sort" style="cursor:pointer;">barcode</span>
78                 </td>
79                 <td width="22%">
80                     <span title="Click to sort" style="cursor:pointer;">call number</span>
81                 </td>
82             </tr>
83         </table>
84    
85         <div id="checked_temp_parent">
86             <div id="acct_checked_temp">
87                 <table cellpadding='0' cellspacing='0' border='0'
88                     style="margin-top:5px;">
89                     [% FOR circ IN ctx.circs;
90                         attrs = {marc_xml => circ.marc_xml};
91                         PROCESS get_marc_attrs args=attrs; %]
92                     <tr>
93                         <td width="1%" style="padding-left:10px;" valign="top">
94                             <input type="checkbox" name="check_all_checked" />
95                         </td>
96                         <td width="40%"
97                             style="padding-left:5px;padding-bottom:10px;"
98                             name="author">
99                             <a href="[% ctx.opac_root %]/record/[% circ.circ.target_copy.call_number.record.id %]" name="[% l('Catalog record') %]">[% attrs.title %]</a>
100                             [% IF attrs.author %] /
101                             <a href="[% ctx.opac_root %]/results?query=au:[% attrs.author | replace('[,\.:;]', '') | url %]">[% attrs.author %]</a>
102                             [% END %]
103                         </td>
104                         <td width="8%" name="renewals" align="center">
105                             [% circ.circ.renewal_remaining %]
106                         </td>
107                         <td width="13%" style="padding-left:5px;"
108                             name="due_date">
109                             [% date.format(ctx.parse_datetime(circ.circ.due_date),'%m/%d/%Y') %]
110                         </td>
111                         <td width="16%" name="barcode">
112                             [% circ.circ.target_copy.barcode %]
113                         </td>
114                         <td width="22%" name="call_number">
115                             [% circ.circ.target_copy.call_number.label %]
116                         </td>
117                     </tr>
118                     [% END %]
119                 </table>
120             </div>
121         </div>
122     </div>
123     <div id='checked_hist' class="hide_me" style="padding-top:8px;">
124         <table id="acct_checked_hist_header" cellpadding='0' cellspacing='0'
125             border='0' width='100%'>
126             <tr>
127                 <td width="45%" style="padding-left:15px;">
128                     <span title="Click to sort"
129                         style="cursor:pointer;">Title</span> /
130                     <span title="Click to sort"
131                         style="cursor:pointer;">Author</span>
132                 </td>
133                 <td width="22%"
134                     style="white-space:nowrap;padding-left:5px;">
135                     <span title="Click to sort"
136                         style="cursor:pointer;">Call Number</span>
137                 </td>
138                 <td width="11%">
139                     <span title="Click to sort"
140                         style="cursor:pointer;">Checkout</span>
141                 </td>
142                 <td width="11%">
143                     <span title="Click to sort"
144                         style="cursor:pointer;">Due Date</span>
145                 </td>
146                 <td width="11%">
147                     <span title="Click to sort"
148                         style="cursor:pointer;">Returned</span>
149                 </td>
150             </tr>
151         </table>
152         <table cellpadding='0' cellspacing='0' border='0'
153             style="margin-top:5px;" width="100%">
154             <tbody id="acct_checked_hist_parent">
155                 <tr id="acct_checked_hist_temp">
156                     <td width="45%"
157                         style="padding-left:15px;padding-bottom:10px;">
158                         <a href="#" name="title"></a> /
159                         <span name="author"></span>
160                     </td>
161                     <td width="22%" style="padding-left:5px;"
162                         name="call_number"></td>
163                     <td width="11%" name="checkout"></td>
164                     <td width="11%" name="due_date"></td>
165                     <td width="11%" name="returned"
166                         nowrap="nowrap" style="white-space:nowrap;"></td>
167                 </tr>
168             </tbody>
169         </table>
170     </div>
171     <div id='non_cat_circs_div' class='hide_me'>
172         <br/>
173         <div style='text-align: center'><b>[% l("Other Circulations") %]</b></div>
174         <table class='data_grid' width='100%'>
175             <thead>
176                 <tr>
177                     <td>[% l("Circulating Library") %]</td>
178                     <td>[% l("Circulation Type") %]</td>
179                     <td>[% l("Please return by ...") %]</td>
180                 </tr>
181             </thead>
182             <tbody id='non_cat_circs_tbody'>
183                 <tr id='non_cat_circs_row'>
184                     <td name='circ_lib'/>
185                     <td name='item_type'/>
186                     <td name='circ_time'/>
187                 </tr>
188             </tbody>
189         </table>
190     </div>
191     <div id='myopac_renew_success' class='hide_me'>[% l("item(s) successfully renewed") %]</div>
192     <span class='hide_me' id='myopac_renew_confirm'>[% l("Are you sure you wish to renew the selected item(s)?") %]</span>
193     <span class='hide_me' id='myopac_renew_fail'>[% l("The system is unable to renew the selected item at this time.  This usually means the item is needed to fulfill a hold.  Please see a librarian for further help.") %]</span>
194    <span class='hide_me' id='myopac_renew_fail2'>[% l("Library policy prevents the renewal of this item at this time.  Please see a librarian for further details.") %]</span>
195 </div>
196 [% END %]