--- /dev/null
+\r
+\r
+<![CDATA[<!-- ****************** myopac_summary.xml ***************************** -->]]>\r
+<div id='myopac_summary_div' xmlns:xi="http://www.w3.org/2001/XInclude" style="padding:5px;">\r
+ <div id="acct_sum">\r
+ <div style="width:662px;">\r
+ <div class="header_left"></div>\r
+ <div class="header_middle">Account Summary</div>\r
+ <div class="header_right"></div>\r
+ </div>\r
+ \r
+ <div style="clear:both;width:662px;">\r
+ <div style="float:left;">\r
+ <div style="padding:10px 15px;" id="myopac_sum_name"></div>\r
+ <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
+ <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
+ <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
+ <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
+ </div>\r
+ <div style="float:left;padding:10px 25px;" class="" id="myopac_sum_fines">\r
+ Fines: <span id="myopac_sum_fines_bal">$0.00</span><br />\r
+ <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
+ </div>\r
+ </div>\r
+ <div style="clear:both;"></div>\r
+ <div id='myopac_fines_div' xmlns:xi="http://www.w3.org/2001/XInclude" >\r
+ <table width='100%' class='data_grid data_grid_center'>\r
+ <thead class='color_3'>\r
+ <tr><td colspan='3' style='padding: 6px'><b>&myopac.fines.title;</b></td></tr>\r
+ <tr>\r
+ <td width='33%'>&myopac.fines.owed;</td>\r
+ <td width='33%'>&myopac.fines.paid;</td>\r
+ <td width='33%'>&myopac.fines.balance;</td>\r
+ </tr>\r
+ </thead>\r
+\r
+ <tbody id='myopac_fines_summary_tbody'>\r
+ <tr id='myopac_fines_summary_loading'><td>&myopac.fines.status;</td></tr>\r
+ <tr id='myopac_fines_summary_row' class='hide_me'>\r
+ <td id='myopac_fines_summary_total' >&common.currency;</td>\r
+ <td id='myopac_fines_summary_paid' >&common.currency;</td>\r
+ <td id='myopac_fines_summary_balance' style='color:red;font-weight: bold;'>&common.currency;</td>\r
+ </tr>\r
+ </tbody>\r
+ </table>\r
+\r
+ <!--\r
+ <div id='accrue_explanation' class='hide_me'>\r
+ <span>Transactions whose balances are marked with a</span>\r
+ <span style='color:red; font-weight: bold'>*</span>\r
+ <span>will continue to accrue fines until the checked out item is returned.</span>\r
+ </div>\r
+ -->\r
+\r
+\r
+ <!-- Table for circulation transactions only -->\r
+ <div id='myopac_circ_trans_div' class='hide_me'>\r
+ <br/><hr/><br/>\r
+ <table width='100%' class='data_grid data_grid_center' id='myopac_circ_trans_table'>\r
+ <thead>\r
+ <!--<tr><td colspan='10' style='padding: 6px'><b>&myopac.fines.overdue;</b></td></tr>-->\r
+ <tr><td colspan='10' style='padding: 6px'><b>Fines</b></td></tr>\r
+ <tr>\r
+ <td>&common.title;</td>\r
+ <td>&common.author;</td>\r
+ <td>&myopac.fines.checkout;</td>\r
+ <td>&myopac.fines.due;</td>\r
+ <td>&myopac.fines.returned;</td>\r
+ <td>&myopac.fines.balance;</td>\r
+ <td><input checked="checked" type="checkbox" onclick="checkAll($('myopac_circ_trans_tbody'), this, 'selector');" class="" title="Select All" /></td>\r
+ </tr>\r
+ </thead>\r
+ <tbody id='myopac_circ_trans_tbody'>\r
+ <tr id='myopac_circ_trans_row'>\r
+ <td><a class='classic_link' name='myopac_circ_trans_title'> </a></td>\r
+ <td name='myopac_circ_trans_author'> </td>\r
+ <td name='myopac_circ_trans_start'> </td>\r
+ <td name='myopac_circ_trans_due'> </td>\r
+ <td name='myopac_circ_trans_finished'><span style='color:red;'>&myopac.fines.accruing;</span></td>\r
+ <td><span style='color: red; font-weight: bold;' name='myopac_circ_trans_balance'>&common.currency;</span></td>\r
+ <td><input type="checkbox" class="" checked="checked" name="selector" title="pay this fine" /></td>\r
+ </tr>\r
+ </tbody>\r
+ </table>\r
+ </div>\r
+\r
+ <!-- Table for all non-circulation transactions -->\r
+ <div id='myopac_trans_div' class='hide_me'>\r
+ <br/><hr style="border-bottom:none;*height:0px;" color="#dcdbdb" /><br/>\r
+ <table width='100%' class='data_grid data_grid_center' id='myopac_trans_table'>\r
+ <thead>\r
+ <tr><td colspan='8' style='padding: 6px'><b>&myopac.fines.other;</b></td></tr>\r
+ <tr>\r
+ <td width='16%'>&myopac.fines.time.start;</td>\r
+ <td width='16%'>&myopac.fines.time.paid;</td>\r
+ <td width='16%'>&myopac.fines.owed.initial;</td>\r
+ <td width='16%'>&myopac.fines.paid.amount;</td>\r
+ <td width='16%'>&myopac.fines.balance;</td>\r
+ <td width='16%'>&myopac.fines.type;</td>\r
+ <td width='4%'><input checked="checked" class="" type="checkbox" onclick="checkAll($('myopac_trans_tbody'), this, 'selector');" title="Select All" /></td>\r
+ </tr>\r
+ </thead>\r
+ \r
+ <tbody id='myopac_trans_tbody'>\r
+ <tr id='myopac_trans_row'>\r
+ <td name='myopac_trans_start'> </td>\r
+ <td name='myopac_trans_last_payment'> </td>\r
+ <td name='myopac_trans_init_amount'>&common.currency;</td>\r
+ <td name='myopac_trans_total_paid'>&common.currency;</td>\r
+ <td style='color:red; font-weight: bold;'>\r
+ <span name='myopac_trans_balance_recur' class='hide_me'> * </span>\r
+ <span name='myopac_trans_balance'>&common.currency;</span>\r
+ </td>\r
+ <td name='myopac_trans_bill_type'> </td>\r
+ <td><input type="checkbox" name='selector' title='pay this fine' checked="checked" /></td>\r
+ </tr>\r
+ </tbody>\r
+ </table>\r
+ </div>\r
+ <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
+ \r
+ <br/>\r
+</div>\r
+</div>\r
+\r
+<div id="pay_fines_now" class="hide_me">\r
+<div id='oils-selfck-cc-payment-summary'>\r
+ Total amount to pay: $<span></span>\r
+</div>\r
+<table id='oils-selfck-cc-payment-table'>\r
+ <tbody>\r
+ <!-- Technically not needed since card type is derived from the CC number\r
+ <tr>\r
+ <td>Type of Card</td>\r
+ <td>\r
+ <select dojoType='dijit.form.FilteringSelect' jsId='oilsSelfckCCType' required='true'>\r
+ <option value='VISA'>VISA</option>\r
+ <option value='MasterCard'>MasterCard</option>\r
+ <option value='American Express'>American Express</option>\r
+ </select>\r
+ </td>\r
+ </tr>\r
+ -->\r
+ <tr>\r
+ <td>Credit Card #</td>\r
+ <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCNumber' required='true'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td>CVV #</td>\r
+ <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCCVV' required='true'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td>Exipration Month</td>\r
+ <td>\r
+ <select dojoType='dijit.form.FilteringSelect' jsId='oilsSelfckCCMonth' required='true'>\r
+ <option value='01' selected='selected'>Jan</option>\r
+ <option value='02'>Feb</option>\r
+ <option value='03'>Mar</option>\r
+ <option value='04'>April</option>\r
+ <option value='05'>May</option>\r
+ <option value='06'>June</option>\r
+ <option value='07'>July</option>\r
+ <option value='08'>Aug</option>\r
+ <option value='09'>Sept</option>\r
+ <option value='10'>Oct</option>\r
+ <option value='11'>Nov</option>\r
+ <option value='12'>Dec</option>\r
+ </select>\r
+ </td>\r
+ </tr>\r
+ <tr>\r
+ <td>Expiration Year</td>\r
+ <td><input dojoType='dijit.form.NumberSpinner' constraints='{pattern:"0000", places:0, maxlength:4}' jsId='oilsSelfckCCYear' required='true'/></td>\r
+<script type="text/javascript">\r
+ dojo.addOnLoad(function(){\r
+ var c = oilsSelfckCCYear.constraints;\r
+ var d = (new Date()).getFullYear();\r
+ \r
+ c.min=d;\r
+ c.max=d+10;\r
+ });\r
+</script>\r
+ </tr>\r
+ <tr>\r
+ <td>Edit Billing Details</td>\r
+ <td><input dojoType='dijit.form.CheckBox' jsId='oilsSelfckEditDetails'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td>First Name</td>\r
+ <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCFName' disabled='disabled' required='true'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td>Last Name</td>\r
+ <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCLName' disabled='disabled' required='true'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td>Street Address</td>\r
+ <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCStreet' disabled='disabled' required='true'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td>City</td>\r
+ <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCCity' disabled='disabled' required='true'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td>State or Province</td>\r
+ <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCState' disabled='disabled' required='true'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td>ZIP or Postal Code</td>\r
+ <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCZip' disabled='disabled' required='true'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td colspan='2' align='center'>\r
+ <button dojoType='dijit.form.Button' jsId='oilsSelfckCCSubmit'>Submit Payment</button>\r
+ <button dojoType='dijit.form.Button' onclick="hideMe($('pay_fines_now'));unHideMe($('acct_sum'));">Cancel</button>\r
+ </td>\r
+ </tr>\r
+ </tbody>\r
+</table>\r
+</div>\r
+</div>\r
+\r
+<!--#include virtual="myopac_fines.xml"-->\r
+<![CDATA[<!-- ****************** end: myopac_summary.xml ***************************** -->]]>\r
+\r
projects / kcls-web.git / blobdiff