3 <![CDATA[<!-- ****************** myopac_summary.xml ***************************** -->]]>
\r
4 <div id='myopac_summary_div' xmlns:xi="http://www.w3.org/2001/XInclude" style="padding:5px;">
\r
6 <div style="width:662px;">
\r
7 <div class="header_left"></div>
\r
8 <div class="header_middle">Account Summary</div>
\r
9 <div class="header_right"></div>
\r
12 <div style="clear:both;width:662px;">
\r
13 <div style="float:left;">
\r
14 <div style="padding:10px 15px;" id="myopac_sum_name"></div>
\r
15 <div class="acct_sum_row"><table width="100%" cellspacing="0" cellpadding="0"><tr><td>Items Currently Checked out <span id="myopac_sum_checked" class="view_link">(0)</span></td><td align="right" class="view_link"><a href="javascript:;" onclick="swapTabs($('acct_checked_out'));myOPACChangePage('checked');" rel="myopac_checked_div">View All</a></td></tr></table></div>
\r
16 <div class="acct_sum_row"><table width="100%" cellspacing="0" cellpadding="0"><tr><td>Items Currently on Hold <span id="myopac_sum_holds" class="view_link">(0)</span></td><td align="right" class="view_link"><a href="javascript:;" onclick="swapTabs($('acct_holds'));myOPACChangePage('holds');" rel="myopac_holds_div">View All</a></td></tr></table></div>
\r
17 <div class="acct_sum_row"><table width="100%" cellspacing="0" cellpadding="0"><tr><td>Items ready for pickup <span id="myopac_sum_pickup" class="view_link">(0)</span></td><td align="right" class="view_link"><a href="javascript:;" onclick="swapTabs($('acct_holds'));myOPACChangePage('holds');" rel="myopac_holds_div">View All</a></td></tr></table></div>
\r
18 <div class="acct_sum_row" id="myopac_sum_fines_slim"><table width="100%" cellspacing="0" cellpadding="0"><tr><td>Fees & Fines</td><td align="right" class="view_link"><a id="show_fines_link" href="javascript:;" onclick="showFinesDiv(this);">Show Overdue Materials</a></td></tr></table></div>
\r
20 <div style="float:left;padding:10px 25px;" class="" id="myopac_sum_fines">
\r
21 Fines: <span id="myopac_sum_fines_bal">$0.00</span><br />
\r
22 <a href="https://www.kcls.org/newcatalog/payfines_broke.cfm"><img src="/opac/skin/kcls/graphics/pay-fines-btn.png" style="position:relative;top:5px;" /></a>
\r
25 <div style="clear:both;"></div>
\r
26 <div id='myopac_fines_div' xmlns:xi="http://www.w3.org/2001/XInclude" >
\r
27 <table width='100%' class='data_grid data_grid_center'>
\r
28 <thead class='color_3'>
\r
29 <tr><td colspan='3' style='padding: 6px'><b>&myopac.fines.title;</b></td></tr>
\r
31 <td width='33%'>&myopac.fines.owed;</td>
\r
32 <td width='33%'>&myopac.fines.paid;</td>
\r
33 <td width='33%'>&myopac.fines.balance;</td>
\r
37 <tbody id='myopac_fines_summary_tbody'>
\r
38 <tr id='myopac_fines_summary_loading'><td>&myopac.fines.status;</td></tr>
\r
39 <tr id='myopac_fines_summary_row' class='hide_me'>
\r
40 <td id='myopac_fines_summary_total' >&common.currency;</td>
\r
41 <td id='myopac_fines_summary_paid' >&common.currency;</td>
\r
42 <td id='myopac_fines_summary_balance' style='color:red;font-weight: bold;'>&common.currency;</td>
\r
48 <div id='accrue_explanation' class='hide_me'>
\r
49 <span>Transactions whose balances are marked with a</span>
\r
50 <span style='color:red; font-weight: bold'>*</span>
\r
51 <span>will continue to accrue fines until the checked out item is returned.</span>
\r
56 <!-- Table for circulation transactions only -->
\r
57 <div id='myopac_circ_trans_div' class='hide_me'>
\r
59 <table width='100%' class='data_grid data_grid_center' id='myopac_circ_trans_table'>
\r
61 <!--<tr><td colspan='10' style='padding: 6px'><b>&myopac.fines.overdue;</b></td></tr>-->
\r
62 <tr><td colspan='10' style='padding: 6px'><b>Fines</b></td></tr>
\r
64 <td>&common.title;</td>
\r
65 <td>&common.author;</td>
\r
66 <td>&myopac.fines.checkout;</td>
\r
67 <td>&myopac.fines.due;</td>
\r
68 <td>&myopac.fines.returned;</td>
\r
69 <td>&myopac.fines.balance;</td>
\r
70 <td><input checked="checked" type="checkbox" onclick="checkAll($('myopac_circ_trans_tbody'), this, 'selector');" class="" title="Select All" /></td>
\r
73 <tbody id='myopac_circ_trans_tbody'>
\r
74 <tr id='myopac_circ_trans_row'>
\r
75 <td><a class='classic_link' name='myopac_circ_trans_title'> </a></td>
\r
76 <td name='myopac_circ_trans_author'> </td>
\r
77 <td name='myopac_circ_trans_start'> </td>
\r
78 <td name='myopac_circ_trans_due'> </td>
\r
79 <td name='myopac_circ_trans_finished'><span style='color:red;'>&myopac.fines.accruing;</span></td>
\r
80 <td><span style='color: red; font-weight: bold;' name='myopac_circ_trans_balance'>&common.currency;</span></td>
\r
81 <td><input type="checkbox" class="" checked="checked" name="selector" title="pay this fine" /></td>
\r
87 <!-- Table for all non-circulation transactions -->
\r
88 <div id='myopac_trans_div' class='hide_me'>
\r
89 <br/><hr style="border-bottom:none;*height:0px;" color="#dcdbdb" /><br/>
\r
90 <table width='100%' class='data_grid data_grid_center' id='myopac_trans_table'>
\r
92 <tr><td colspan='8' style='padding: 6px'><b>&myopac.fines.other;</b></td></tr>
\r
94 <td width='16%'>&myopac.fines.time.start;</td>
\r
95 <td width='16%'>&myopac.fines.time.paid;</td>
\r
96 <td width='16%'>&myopac.fines.owed.initial;</td>
\r
97 <td width='16%'>&myopac.fines.paid.amount;</td>
\r
98 <td width='16%'>&myopac.fines.balance;</td>
\r
99 <td width='16%'>&myopac.fines.type;</td>
\r
100 <td width='4%'><input checked="checked" class="" type="checkbox" onclick="checkAll($('myopac_trans_tbody'), this, 'selector');" title="Select All" /></td>
\r
104 <tbody id='myopac_trans_tbody'>
\r
105 <tr id='myopac_trans_row'>
\r
106 <td name='myopac_trans_start'> </td>
\r
107 <td name='myopac_trans_last_payment'> </td>
\r
108 <td name='myopac_trans_init_amount'>&common.currency;</td>
\r
109 <td name='myopac_trans_total_paid'>&common.currency;</td>
\r
110 <td style='color:red; font-weight: bold;'>
\r
111 <span name='myopac_trans_balance_recur' class='hide_me'> * </span>
\r
112 <span name='myopac_trans_balance'>&common.currency;</span>
\r
114 <td name='myopac_trans_bill_type'> </td>
\r
115 <td><input type="checkbox" name='selector' title='pay this fine' checked="checked" /></td>
\r
120 <a href="https://www.kcls.org/newcatalog/payfines_broke.cfm"><img src="/opac/skin/kcls/graphics/pay-fines-btn.png" style="position:relative;top:5px;" /></a>
\r
126 <div id="pay_fines_now" class="hide_me">
\r
127 <div id='oils-selfck-cc-payment-summary'>
\r
128 Total amount to pay: $<span></span>
\r
130 <table id='oils-selfck-cc-payment-table'>
\r
132 <!-- Technically not needed since card type is derived from the CC number
\r
134 <td>Type of Card</td>
\r
136 <select dojoType='dijit.form.FilteringSelect' jsId='oilsSelfckCCType' required='true'>
\r
137 <option value='VISA'>VISA</option>
\r
138 <option value='MasterCard'>MasterCard</option>
\r
139 <option value='American Express'>American Express</option>
\r
145 <td>Credit Card #</td>
\r
146 <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCNumber' required='true'/></td>
\r
150 <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCCVV' required='true'/></td>
\r
153 <td>Exipration Month</td>
\r
155 <select dojoType='dijit.form.FilteringSelect' jsId='oilsSelfckCCMonth' required='true'>
\r
156 <option value='01' selected='selected'>Jan</option>
\r
157 <option value='02'>Feb</option>
\r
158 <option value='03'>Mar</option>
\r
159 <option value='04'>April</option>
\r
160 <option value='05'>May</option>
\r
161 <option value='06'>June</option>
\r
162 <option value='07'>July</option>
\r
163 <option value='08'>Aug</option>
\r
164 <option value='09'>Sept</option>
\r
165 <option value='10'>Oct</option>
\r
166 <option value='11'>Nov</option>
\r
167 <option value='12'>Dec</option>
\r
172 <td>Expiration Year</td>
\r
173 <td><input dojoType='dijit.form.NumberSpinner' constraints='{pattern:"0000", places:0, maxlength:4}' jsId='oilsSelfckCCYear' required='true'/></td>
\r
174 <script type="text/javascript">
\r
175 dojo.addOnLoad(function(){
\r
176 var c = oilsSelfckCCYear.constraints;
\r
177 var d = (new Date()).getFullYear();
\r
185 <td>Edit Billing Details</td>
\r
186 <td><input dojoType='dijit.form.CheckBox' jsId='oilsSelfckEditDetails'/></td>
\r
189 <td>First Name</td>
\r
190 <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCFName' disabled='disabled' required='true'/></td>
\r
194 <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCLName' disabled='disabled' required='true'/></td>
\r
197 <td>Street Address</td>
\r
198 <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCStreet' disabled='disabled' required='true'/></td>
\r
202 <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCCity' disabled='disabled' required='true'/></td>
\r
205 <td>State or Province</td>
\r
206 <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCState' disabled='disabled' required='true'/></td>
\r
209 <td>ZIP or Postal Code</td>
\r
210 <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCZip' disabled='disabled' required='true'/></td>
\r
213 <td colspan='2' align='center'>
\r
214 <button dojoType='dijit.form.Button' jsId='oilsSelfckCCSubmit'>Submit Payment</button>
\r
215 <button dojoType='dijit.form.Button' onclick="hideMe($('pay_fines_now'));unHideMe($('acct_sum'));">Cancel</button>
\r
223 <!--#include virtual="myopac_fines.xml"-->
\r
224 <![CDATA[<!-- ****************** end: myopac_summary.xml ***************************** -->]]>
\r