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 = "main" %]
6 <div id='myopac_summary_div' style="padding:0px;">
8 <div style="width:742px;float:left;">
9 <div class="header_middle">Account Summary</div>
11 <div id="myopac_sum_fines">
12 <div style="position:absolute;">
13 <div style="position:relative;top:-15px;left:-23px;">
14 <img src="[% ctx.media_prefix %]/images/acct_sum_fines_tl.png" />
17 <div style="position:absolute;">
18 <div style="position:relative;top:-15px;left:172px;">
19 <img src="[% ctx.media_prefix %]/images/acct_sum_fines_tr.png" />
22 <div style="position:absolute;">
23 <div style="position:relative;top:161px;left:-23px;">
24 <img src="[% ctx.media_prefix %]/images/acct_sum_fines_bl.png" />
27 <div style="position:absolute;">
28 <div style="position:relative;top:161px;left:172px;">
29 <img src="[% ctx.media_prefix %]/images/acct_sum_fines_br.png" />
33 <span id="myopac_sum_fines_bal" class='[% ctx.fines.balance_owed ? "red" : ""%]'>
34 [% money(ctx.fines.balance_owed) %]
36 <a class="hide_me" href="#" id="pay_fines_btn1"><img
37 alt="[% l('Pay Fines') %]"
38 onmouseover="this.src='[% ctx.media_prefix %]/images/pay-fines-btn-hover.png';"
39 onmouseout="this.src='[% ctx.media_prefix %]/images/pay-fines-btn.png';"
40 src="[% ctx.media_prefix %]/images/pay-fines-btn.png"
41 style="position:relative;top:5px;" /></a>
43 <div style="width:662px;">
44 <div style="float:left;">
45 <div style="padding:10px 0px;" id="myopac_sum_name"></div>
46 <div class="acct_sum_row">
47 <table width="100%" cellspacing="0" cellpadding="0">
50 [% l("Items Currently Checked out") %]
51 <span id="myopac_sum_checked" class="view_link">
52 ([% ctx.user_stats.checkouts.total_out %])
55 <td align="right" class="view_link">
56 <a href="[% ctx.opac_root %]/myopac/circs">[% l("View All") %]</a>
61 <div class="acct_sum_row">
62 <table width="100%" cellspacing="0" cellpadding="0">
65 Items Currently on Hold
66 <span id="myopac_sum_holds" class="view_link">
67 ([% ctx.user_stats.holds.total %])
70 <td align="right" class="view_link">
71 <a href="[% ctx.opac_root %]/myopac/holds">View All</a>
76 <div class="acct_sum_row">
77 <table width="100%" cellspacing="0" cellpadding="0">
80 Items ready for pickup
81 <span id="myopac_sum_pickup" class="view_link">
82 ([% ctx.user_stats.holds.ready %])
85 <td align="right" class="view_link">
86 <a href="[% ctx.opac_root %]/myopac/holds?available=1">View All</a>
91 <div class="acct_sum_row" id="myopac_sum_fines_slim">
92 <table width="100%" cellspacing="0" cellpadding="0">
94 <td>Fees & Fines</td>
95 <td align="right" class="view_link">
98 href="#">Show Overdue Materials</a>
105 <div class="clear-both"></div>
107 <!-- open transaction summary;
108 <div id='myopac_fines_div'>
109 <table width='100%' class='data_grid data_grid_center'>
110 <thead class='color_3'>
112 <td colspan='3' style='padding: 6px'>
113 <b>[% l("Summary") %]</b>
117 <td width='33%'>[% l("Total Owed") %]</td>
118 <td width='33%'>[% l("Total Paid") %]</td>
119 <td width='33%'>[% l("Balance Owed") %]</td>
122 <tbody id='myopac_fines_summary_tbody'>
123 <tr id='myopac_fines_summary_row'>
124 <td id='myopac_fines_summary_total'>[% money(ctx.fines.total_owed) %]</td>
125 <td id='myopac_fines_summary_paid'>[% money(ctx.fines.total_paid) %]</td>
126 <td id='myopac_fines_summary_balance' class='bold-red'>[% money(ctx.fines.balance_owed) %]</td>
133 <div id='accrue_explanation' class='hide_me'>
134 <span>Transactions whose balances are marked with a</span>
135 <span class='bold-red'>*</span>
136 <span>will continue to accrue fines until the checked out item is returned.</span>
139 [% IF ctx.fines.circulation.size > 0 %]
140 <div id='myopac_circ_trans_div'>
142 <table width='100%' class='data_grid data_grid_center'
143 id='myopac_circ_trans_table'>
146 <td colspan='10' style='padding: 6px'>
147 <strong>[% l("Fines") %]</strong>
151 <td>[% l("Title") %]</td>
152 <td>[% l("Author") %]</td>
153 <td>[% l("Checkout Date") %]</td>
154 <td>[% l("Due Date") %]</td>
155 <td>[% l("Date Returned") %]</td>
156 <td>[% l("Balance Owed") %]</td>
157 <!-- TODO: hidden until pay-fines is implemented
158 <td nowrap="nowrap" style="white-space:nowrap;">
159 <input id="pay_fines_box1" checked="checked"
160 type="checkbox" title="[% l('Click to (un)select all fines') %]" />
161 <label for="pay_fines_box1">[% l('Pay Fines') %]</label>
166 <tbody id='myopac_circ_trans_tbody'>
167 [% FOR f IN ctx.fines.circulation;
168 attrs = {marc_xml => f.marc_xml};
169 PROCESS get_marc_attrs args=attrs %]
170 <tr id='myopac_circ_trans_row'>
172 <a class='classic_link'
173 href="[% ctx.opac_root %]/record/[% f.xact.circulation.target_copy.call_number.record.id %]">[% attrs.title %]</a>
176 <a class="classic_link"
177 href="[% ctx.opac_root %]/results?qtype=author&query=[% attrs.author | replace('[,\.:;]', '') | url %]">[% attrs.author %]</a>
179 <td name='myopac_circ_trans_start'>
182 f.xact.circulation.xact_start
186 <td name='myopac_circ_trans_due'>
189 f.xact.circulation.due_date
193 <td name='myopac_circ_trans_finished'>
194 [% IF f.xact.circulation.checkin_time;
197 f.xact.circulation.checkin_time
201 <!-- XXX TODO fines aren't really accruing
202 if circ has hit maxfines. more clarity
204 <span class="red">[% l('(fines accruing)') %]</span>
209 [% money(f.xact.balance_owed) %]
212 <!-- TODO: hidden until pay-fines is implemented
214 <input type="checkbox" name="selector" title="[% l('Pay this fine') %]" />
224 [% IF ctx.fines.grocery.size > 0 %]
225 <!-- Table for all non-circulation transactions -->
226 <div id='myopac_trans_div'>
228 <hr class='opac-auto-013' color="#dcdbdb" />
230 <table width='100%' class='data_grid data_grid_center'
231 id='myopac_trans_table'>
234 <td colspan='8' style='padding: 6px'>
235 <b>[% l("Other Fees") %]</b>
239 <td width='16%'>[% l("Transaction Start Time") %]</td>
240 <td width='16%'>[% l("Last Payment Time") %]</td>
241 <td width='16%'>[% l("Initial Amount Owed") %]</td>
242 <td width='16%'>[% l("Total Amount Paid") %]</td>
243 <td width='16%'>[% l("Balance Owed") %]</td>
244 <td width='16%'>[% l("Billing Type") %]</td>
245 <!-- TODO: hidden until pay-fines is implemented
246 <td width='4%' align="center" nowrap="nowrap"
247 style="white-space:nowrap;">
248 <input id="pay_fines_box2" checked="checked"
250 title="[% l('Click to (un)select all fines') %]" />
251 <label for="pay_fines_box2">[% l("Pay Fines") %]</label>
256 <tbody id='myopac_trans_tbody'>
257 [% FOR f IN ctx.fines.grocery %]
258 <tr id='myopac_trans_row'>
260 ctx.parse_datetime(f.xact.xact_start),
264 [% IF f.xact.last_payment_ts;
267 f.xact.last_payment_ts
272 <td>[% money(f.xact.total_owed) %]</td>
273 <td>[% money(f.xact.total_paid) %]</td>
276 [% money(f.xact.balance_owed) %]
279 <td>[% f.xact.last_billing_type %]</td>
280 <!-- TODO: hidden until pay-fines is implemented
282 <input type="checkbox" name='selector' title='[% l("Pay this fine") %]'/>
291 <!-- TODO: hidden until pay-fines is implemented
292 <a href="#"><img alt="[% l('Pay Fines') %]"
293 onmouseover="this.src='[% ctx.media_prefix %]/images/pay-fines-btn-hover.png';"
294 src="[% ctx.media_prefix %]/images/pay-fines-btn.png"
295 style="position:relative;top:5px;" /></a>
300 <div id="pay_fines_now" class="hide_me">
301 <table id='oils-selfck-cc-payment-table'>
304 <td><div style="width:129px;"></div></td>
305 <td><div style="width:195px;"></div></td>
306 <td><div style="width:324px;"></div></td>
309 <td colspan='2'><strong>Billing Information</strong></td>
310 <td rowspan='13' valign='top'>
311 Selected fines you are paying for:
312 <table cellpadding="0" cellspacing="5" border="0">
316 <strong>Name</strong>
319 <strong>Amount</strong>
323 <tbody id="selectedFines">
327 <div id='oils-selfck-cc-payment-summary'>
329 <strong>$<span></span></strong>
332 Click <strong>Cancel</strong> to go back and (un)select
338 <td><input jsId='oilsSelfckCCFName' /></td>
342 <td><input jsId='oilsSelfckCCLName' /></td>
345 <td>Street Address</td>
346 <td><input jsId='oilsSelfckCCStreet' /></td>
350 <td><input jsId='oilsSelfckCCCity' /></td>
353 <td>State or Province</td>
354 <td><input jsId='oilsSelfckCCState' /></td>
357 <td>ZIP or Postal Code</td>
358 <td><input jsId='oilsSelfckCCZip' /></td>
361 <td colspan='2'><strong>Credit Card Information</strong></td>
363 <!-- Technically not needed since card type is derived from the CC number
365 <td>Type of Card</td>
367 <select jsId='oilsSelfckCCType' required='true'>
368 <option value='VISA'>VISA</option>
369 <option value='MasterCard'>MasterCard</option>
370 <option value='American Express'>American Express</option>
376 <td>Credit Card #</td>
377 <td><input jsId='oilsSelfckCCNumber' /></td>
381 <div style="position:absolute;">
382 <div style="position:relative;left:80px;">
384 src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
390 <input jsId='oilsSelfckCCCVV' />
394 <td>Exipration Month</td>
396 <select jsId='oilsSelfckCCMonth'>
397 <option value='01' selected='selected'>January</option>
398 <option value='02'>February</option>
399 <option value='03'>March</option>
400 <option value='04'>April</option>
401 <option value='05'>May</option>
402 <option value='06'>June</option>
403 <option value='07'>July</option>
404 <option value='08'>August</option>
405 <option value='09'>September</option>
406 <option value='10'>October</option>
407 <option value='11'>November</option>
408 <option value='12'>December</option>
413 <td>Expiration Year</td>
415 <select jsId='oilsSelfckCCYear'>
416 <option value='2011'>2011</option>
417 <option value='2012'>2012</option>
418 <option value='2013'>2013</option>
419 <option value='2014'>2014</option>
420 <option value='2015'>2015</option>
421 <option value='2016'>2016</option>
422 <option value='2017'>2017</option>
423 <option value='2018'>2018</option>
424 <option value='2019'>2019</option>
429 <td>Edit Billing Address</td>
431 <input jsId='oilsSelfckEditDetails'/>
435 <td colspan='2' align="center">
436 <button jsId='oilsSelfckCCSubmit'>
447 Important! You must have a printed receipt to be
448 eligible for a refund on lost items (regulations allow
452 To ensure your necessary receipt information is
453 not lost, enter your email address above and a
454 receipt will be emailed to you. Otherwise, make
455 certain you have a printed receipt in hand before
456 closing the payment receipt screen.
459 Refunds are not available for parts and pieces, overdue
460 fines, or items that do not display a specific title in
461 My Account. For a full list of refundable and
462 non-refundable items, visit
463 <a href="http://www.kcls.org/usingthelibrary/borrowing/refundable.cfm">http://www.kcls.org/usingthelibrary/borrowing/refundable.cfm</a><br /><br />
464 This site uses VeriSign SSL encryption to ensure your