opac/skin/kcls/xml/myopac/myopac_summary.xml

   1 \r
   2 \r
   3 <![CDATA[<!-- ****************** myopac_summary.xml ***************************** -->]]>\r
   4 <div id='myopac_summary_div' xmlns:xi="http://www.w3.org/2001/XInclude" style="padding:0px;">\r
   5  <div id="acct_sum">\r
   6   <div style="width:742px;float:left;">\r
   7         <div class="header_middle">Account Summary</div>\r
   8   </div>\r
   9         <div id="myopac_sum_fines">\r
  10         <div style="position:absolute;"><div style="position:relative;top:-15px;left:-23px;"><img src="<!--#echo var="OILS_SKIN_BASE"-->/kcls/graphics/acct_sum_fines_tl.png" /></div></div>\r
  11         <div style="position:absolute;"><div style="position:relative;top:-15px;left:172px;"><img src="<!--#echo var="OILS_SKIN_BASE"-->/kcls/graphics/acct_sum_fines_tr.png" /></div></div>\r
  12         <div style="position:absolute;"><div style="position:relative;top:161px;left:-23px;"><img src="<!--#echo var="OILS_SKIN_BASE"-->/kcls/graphics/acct_sum_fines_bl.png" /></div></div>\r
  13         <div style="position:absolute;"><div style="position:relative;top:161px;left:172px;"><img src="<!--#echo var="OILS_SKIN_BASE"-->/kcls/graphics/acct_sum_fines_br.png" /></div></div>\r
  14           Fines: <span id="myopac_sum_fines_bal">$0.00</span><br />\r
  15           <a class="hide_me" href="javascript:;" id="pay_fines_btn1" onclick="showPaymentForm();"><img alt="Pay Fines" onmouseover="this.src='<!--#echo var="OILS_SKIN_BASE"-->/kcls/graphics/pay-fines-btn-hover.png';" onmouseout="this.src='<!--#echo var="OILS_SKIN_BASE"-->/kcls/graphics/pay-fines-btn.png';" src="<!--#echo var="OILS_SKIN_BASE"-->/kcls/graphics/pay-fines-btn.png" style="position:relative;top:5px;" /></a>\r
  16         </div>\r
  17   \r
  18   <div style="width:662px;">\r
  19         <div style="float:left;">\r
  20           <div style="padding:10px 0px;" id="myopac_sum_name"></div>\r
  21           <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
  22           <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
  23           <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
  24           <div class="acct_sum_row" id="myopac_sum_fines_slim"><table width="100%" cellspacing="0" cellpadding="0"><tr><td>Fees &amp; Fines</td><td align="right" class="view_link"><a class="hide_me" id="show_fines_link" href="javascript:;" onclick="showFinesDiv(this);">Show Overdue Materials</a></td></tr></table></div>\r
  25         </div>\r
  26   </div>\r
  27  <div style="clear:both;"></div>\r
  28  <div id='myopac_fines_div' xmlns:xi="http://www.w3.org/2001/XInclude" >\r
  29         <table width='100%' class='data_grid data_grid_center'>\r
  30                 <thead class='color_3'>\r
  31                         <tr><td colspan='3' style='padding: 6px'><b>&myopac.fines.title;</b></td></tr>\r
  32                         <tr>\r
  33                                 <td width='33%'>&myopac.fines.owed;</td>\r
  34                                 <td width='33%'>&myopac.fines.paid;</td>\r
  35                                 <td width='33%'>&myopac.fines.balance;</td>\r
  36                         </tr>\r
  37                 </thead>\r
  38 \r
  39                 <tbody id='myopac_fines_summary_tbody'>\r
  40                         <tr id='myopac_fines_summary_loading'><td>&myopac.fines.status;</td></tr>\r
  41                         <tr id='myopac_fines_summary_row' class='hide_me'>\r
  42                                 <td id='myopac_fines_summary_total' >&common.currency;</td>\r
  43                                 <td id='myopac_fines_summary_paid' >&common.currency;</td>\r
  44                                 <td id='myopac_fines_summary_balance' style='color:red;font-weight: bold;'>&common.currency;</td>\r
  45                         </tr>\r
  46                 </tbody>\r
  47         </table>\r
  48 \r
  49         <!--\r
  50         <div id='accrue_explanation' class='hide_me'>\r
  51                 <span>Transactions whose balances are marked with a</span>\r
  52                 <span style='color:red; font-weight: bold'>*</span>\r
  53                 <span>will continue to accrue fines until the checked out item is returned.</span>\r
  54         </div>\r
  55         -->\r
  56 \r
  57 \r
  58         <!-- Table for circulation transactions only -->\r
  59         <div id='myopac_circ_trans_div' class='hide_me'>\r
  60                 <br/><hr/><br/>\r
  61                 <table width='100%' class='data_grid data_grid_center' id='myopac_circ_trans_table'>\r
  62                         <thead>\r
  63                                 <!--<tr><td colspan='10' style='padding: 6px'><b>&myopac.fines.overdue;</b></td></tr>-->\r
  64                                 <tr><td colspan='10' style='padding: 6px'><b>Fines</b></td></tr>\r
  65                                 <tr>\r
  66                                         <td>&common.title;</td>\r
  67                                         <td>&common.author;</td>\r
  68                                         <td>&myopac.fines.checkout;</td>\r
  69                                         <td>&myopac.fines.due;</td>\r
  70                                         <td>&myopac.fines.returned;</td>\r
  71                                         <td>&myopac.fines.balance;</td>\r
  72                                         <td align="center" nowrap="nowrap" style="white-space:nowrap;"><label for="pay_fines_box1">Pay Fines</label><br /><input id="pay_fines_box1" checked="checked" type="checkbox" onclick="checkAll($('myopac_circ_trans_tbody'), this, 'selector');" class="" title="Click to (un)select all fines" /></td>\r
  73                                 </tr>\r
  74                         </thead>\r
  75                         <tbody id='myopac_circ_trans_tbody'>\r
  76                                 <tr id='myopac_circ_trans_row'>\r
  77                                         <td><a class='classic_link' name='myopac_circ_trans_title'> </a></td>\r
  78                                         <td name='myopac_circ_trans_author'> </td>\r
  79                                         <td name='myopac_circ_trans_start'> </td>\r
  80                                         <td name='myopac_circ_trans_due'> </td>\r
  81                                         <td name='myopac_circ_trans_finished'><span style='color:red;'>&myopac.fines.accruing;</span></td>\r
  82                                         <td><span style='color: red; font-weight: bold;' name='myopac_circ_trans_balance'>&common.currency;</span></td>\r
  83                                         <td align="center"><input type="checkbox" class="" checked="checked" name="selector" title="pay this fine" /></td>\r
  84                                 </tr>\r
  85                         </tbody>\r
  86                 </table>\r
  87         </div>\r
  88 \r
  89         <!-- Table for all non-circulation transactions -->\r
  90         <div id='myopac_trans_div' class='hide_me'>\r
  91                 <br/><hr style="border-bottom:none;*height:0px;" color="#dcdbdb" /><br/>\r
  92                 <table width='100%' class='data_grid data_grid_center' id='myopac_trans_table'>\r
  93                         <thead>\r
  94                                 <tr><td colspan='8' style='padding: 6px'><b>&myopac.fines.other;</b></td></tr>\r
  95                                 <tr>\r
  96                                         <td width='16%'>&myopac.fines.time.start;</td>\r
  97                                         <td width='16%'>&myopac.fines.time.paid;</td>\r
  98                                         <td width='16%'>&myopac.fines.owed.initial;</td>\r
  99                                         <td width='16%'>&myopac.fines.paid.amount;</td>\r
 100                                         <td width='16%'>&myopac.fines.balance;</td>\r
 101                                         <td width='16%'>&myopac.fines.type;</td>\r
 102                                         <td width='4%' align="center" nowrap="nowrap" style="white-space:nowrap;"><label for="pay_fines_box2">Pay Fines</label><br /><input id="pay_fines_box2" checked="checked" class="" type="checkbox" onclick="checkAll($('myopac_trans_tbody'), this, 'selector');" title="Click to (un)select all fines" /></td>\r
 103                                 </tr>\r
 104                         </thead>\r
 105         \r
 106                         <tbody id='myopac_trans_tbody'>\r
 107                                 <tr id='myopac_trans_row'>\r
 108                                         <td name='myopac_trans_start'> </td>\r
 109                                         <td name='myopac_trans_last_payment'> </td>\r
 110                                         <td name='myopac_trans_init_amount'>&common.currency;</td>\r
 111                                         <td name='myopac_trans_total_paid'>&common.currency;</td>\r
 112                                         <td style='color:red; font-weight: bold;'>\r
 113                                                 <span name='myopac_trans_balance_recur' class='hide_me'> * </span>\r
 114                                                 <span name='myopac_trans_balance'>&common.currency;</span>\r
 115                                         </td>\r
 116                                         <td name='myopac_trans_bill_type'> </td>\r
 117                                         <td align="center"><input type="checkbox" name='selector' title='pay this fine' checked="checked" /></td>\r
 118                                 </tr>\r
 119                         </tbody>\r
 120                 </table>\r
 121         </div>\r
 122         <a href="javascript:;" onclick="showPaymentForm();"><img alt="Pay Fines" onmouseover="this.src='<!--#echo var="OILS_SKIN_BASE"-->/kcls/graphics/pay-fines-btn-hover.png';" src="<!--#echo var="OILS_SKIN_BASE"-->/kcls/graphics/pay-fines-btn.png" style="position:relative;top:5px;" /></a>\r
 123         \r
 124         <br/>\r
 125 </div>\r
 126 </div>\r
 127 \r
 128 <div id="pay_fines_now" class="hide_me">\r
 129 <table id='oils-selfck-cc-payment-table'>\r
 130     <tbody>\r
 131                 <tr>\r
 132                         <td><div style="width:129px;"></div></td>\r
 133                         <td><div style="width:195px;"></div></td>\r
 134                         <td><div style="width:324px;"></div></td>\r
 135                 </tr>\r
 136                 <tr>\r
 137                   <td colspan='2'><strong>Billing Information</strong></td>\r
 138                   <td rowspan='13' valign='top'>\r
 139                     Selected fines you are paying for:\r
 140                         <table cellpadding="0" cellspacing="5" border="0">\r
 141                         <thead><tr><td><strong>Name</strong></td><td><strong>Amount</strong></td></tr></thead>\r
 142                         <tbody id="selectedFines"></tbody></table><br />\r
 143                         <div id='oils-selfck-cc-payment-summary'>\r
 144                 Total amount to pay: <strong>$<span></span></strong>\r
 145                         </div><br />\r
 146                         Click <strong>Cancel</strong> to go back and (un)select other fines.\r
 147                   </td>\r
 148                 </tr>\r
 149         <tr>\r
 150             <td>First Name</td>\r
 151             <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCFName' required='true'/></td>\r
 152         </tr>\r
 153         <tr>\r
 154             <td>Last Name</td>\r
 155             <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCLName' required='true'/></td>\r
 156         </tr>\r
 157         <tr>\r
 158             <td>Street Address</td>\r
 159             <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCStreet' required='true'/></td>\r
 160         </tr>\r
 161         <tr>\r
 162             <td>City</td>\r
 163             <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCCity' required='true'/></td>\r
 164         </tr>\r
 165         <tr>\r
 166             <td>State or Province</td>\r
 167             <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCState' required='true'/></td>\r
 168         </tr>\r
 169         <tr>\r
 170             <td>ZIP or Postal Code</td>\r
 171             <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCZip' required='true'/></td>\r
 172         </tr>\r
 173                 <tr>\r
 174                   <td colspan='2'><strong>Credit Card Information</strong></td>\r
 175                 </tr>\r
 176         <!-- Technically not needed since card type is derived from the CC number\r
 177         <tr>\r
 178             <td>Type of Card</td>\r
 179             <td>\r
 180                 <select dojoType='dijit.form.FilteringSelect' jsId='oilsSelfckCCType' required='true'>\r
 181                     <option value='VISA'>VISA</option>\r
 182                     <option value='MasterCard'>MasterCard</option>\r
 183                     <option value='American Express'>American Express</option>\r
 184                 </select>\r
 185             </td>\r
 186         </tr>\r
 187         -->\r
 188         <tr>\r
 189             <td>Credit Card #</td>\r
 190             <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCNumber' required='true'/></td>\r
 191         </tr>\r
 192         <tr>\r
 193             <td><div style="position:absolute;"><div style="position:relative;left:80px;"><a href="javascript:;" onclick="alert('Also known as a CVV2 code, it is the 3-digit number on the back of the card next to your signature.\nKCLS only accpets VISA and MasterCard.');"><img src="/opac/skin/kcls/graphics/question-mark.png" /></a></div></div> Security Code</td>\r
 194             <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckCCCVV' required='true'/></td>\r
 195         </tr>\r
 196         <tr>\r
 197             <td>Exipration Month</td>\r
 198             <td>\r
 199                 <select dojoType='dijit.form.FilteringSelect' jsId='oilsSelfckCCMonth' required='true'>\r
 200                     <option value='01' selected='selected'>January</option>\r
 201                     <option value='02'>February</option>\r
 202                     <option value='03'>March</option>\r
 203                     <option value='04'>April</option>\r
 204                     <option value='05'>May</option>\r
 205                     <option value='06'>June</option>\r
 206                     <option value='07'>July</option>\r
 207                     <option value='08'>August</option>\r
 208                     <option value='09'>September</option>\r
 209                     <option value='10'>October</option>\r
 210                     <option value='11'>November</option>\r
 211                     <option value='12'>December</option>\r
 212                 </select>\r
 213             </td>\r
 214         </tr>\r
 215         <tr>\r
 216             <td>Expiration Year</td>\r
 217             <td>\r
 218                           <select dojoType='dijit.form.FilteringSelect' jsId='oilsSelfckCCYear' required='true'>\r
 219                                 <option value='2011'>2011</option>\r
 220                                 <option value='2012'>2012</option>\r
 221                                 <option value='2013'>2013</option>\r
 222                                 <option value='2014'>2014</option>\r
 223                                 <option value='2015'>2015</option>\r
 224                                 <option value='2016'>2016</option>\r
 225                                 <option value='2017'>2017</option>\r
 226                                 <option value='2018'>2018</option>\r
 227                                 <option value='2019'>2019</option>\r
 228                           </select>\r
 229                           <!-- <input dojoType='dijit.form.NumberSpinner' constraints='{pattern:"0000", places:0, maxlength:4}' jsId='oilsSelfckCCYear' required='true'/> -->\r
 230                         </td>\r
 231         </tr>\r
 232         <tr class="hide_me">\r
 233             <td>Edit Billing Address</td>\r
 234             <td><input dojoType='dijit.form.CheckBox' jsId='oilsSelfckEditDetails'/></td>\r
 235         </tr>\r
 236         <tr>\r
 237             <td colspan='2' align="center">\r
 238                 <button dojoType='dijit.form.Button' jsId='oilsSelfckCCSubmit'>Submit Payment</button>\r
 239                                 <button dojoType='dijit.form.Button' onclick="hideMe($('pay_fines_now'));unHideMe($('acct_sum'));">Cancel</button>\r
 240             </td>\r
 241         </tr>\r
 242                 <tr>\r
 243                   <td colspan="3"><br />\r
 244                         Important! You must have a printed receipt to be eligible for a refund on lost items (regulations allow for no exceptions). <br />\r
 245                     <strong>To ensure your necessary receipt information is not lost, enter your email address above and a receipt will be emailed to you. Otherwise, make certain you have a printed receipt in hand before closing the payment receipt screen.</strong><br />Refunds are not available for parts and pieces, overdue fines, or items that do not display a specific title in My Account. For a full list of refundable and non-refundable items, visit <a href="http://www.kcls.org/usingthelibrary/borrowing/refundable.cfm">http://www.kcls.org/usingthelibrary/borrowing/refundable.cfm</a><br /><br />This site uses VeriSign SSL encryption to ensure your privacy.\r
 246                   </td>\r
 247                 </tr>\r
 248     </tbody>\r
 249 </table>\r
 250 </div>\r
 251 </div>\r
 252 \r
 253 <!--#include virtual="myopac_fines.xml"-->\r
 254 <![CDATA[<!-- ****************** end: myopac_summary.xml ***************************** -->]]>\r
 255 \r