Open-ILS/web/templates/default/opac/myopac/main.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 = "main"  %]
   6 <div id='myopac_summary_div' style="padding:0px;">
   7     <div id="acct_sum">
   8         <div style="width:742px;float:left;">
   9             <div class="header_middle">Account Summary</div>
  10         </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" />
  15                 </div>
  16             </div>
  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" />
  20                 </div>
  21             </div>
  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" />
  25                 </div>
  26             </div>
  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" />
  30                 </div>
  31             </div>
  32             [% l('Fines:') %]
  33             <span id="myopac_sum_fines_bal" class='[% ctx.fines.balance_owed ? "red" : ""%]'>
  34                 [% money(ctx.fines.balance_owed) %]
  35             </span><br />
  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>
  42         </div>
  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">
  48                         <tr>
  49                             <td>
  50                                 [% l("Items Currently Checked out") %]
  51                                 <span id="myopac_sum_checked" class="view_link">
  52                                     ([% ctx.user_stats.checkouts.total_out %])
  53                                 </span>
  54                             </td>
  55                             <td align="right" class="view_link">
  56                                 <a href="[% ctx.opac_root %]/myopac/circs">[% l("View All") %]</a>
  57                             </td>
  58                         </tr>
  59                     </table>
  60                 </div>
  61                 <div class="acct_sum_row">
  62                     <table width="100%" cellspacing="0" cellpadding="0">
  63                         <tr>
  64                             <td>
  65                                 Items Currently on Hold
  66                                 <span id="myopac_sum_holds" class="view_link">
  67                                     ([% ctx.user_stats.holds.total %])
  68                                 </span>
  69                             </td>
  70                             <td align="right" class="view_link">
  71                                 <a href="[% ctx.opac_root %]/myopac/holds">View All</a>
  72                             </td>
  73                         </tr>
  74                     </table>
  75                 </div>
  76                 <div class="acct_sum_row">
  77                     <table width="100%" cellspacing="0" cellpadding="0">
  78                         <tr>
  79                             <td>
  80                                 Items ready for pickup
  81                                 <span id="myopac_sum_pickup" class="view_link">
  82                                     ([% ctx.user_stats.holds.ready %])
  83                                 </span>
  84                             </td>
  85                             <td align="right" class="view_link">
  86                                 <a href="[% ctx.opac_root %]/myopac/holds?available=1">View All</a>
  87                             </td>
  88                         </tr>
  89                     </table>
  90                 </div>
  91                 <div class="acct_sum_row" id="myopac_sum_fines_slim">
  92                     <table width="100%" cellspacing="0" cellpadding="0">
  93                         <tr>
  94                             <td>Fees &amp; Fines</td>
  95                             <td align="right" class="view_link">
  96                                 <a class="hide_me"
  97                                     id="show_fines_link"
  98                                     href="#">Show Overdue Materials</a>
  99                             </td>
 100                         </tr>
 101                     </table>
 102                 </div>
 103             </div>
 104         </div>
 105         <div class="clear-both"></div>
 106         <div id='myopac_fines_div'>
 107             <table width='100%' class='data_grid data_grid_center'>
 108                 <thead class='color_3'>
 109                     <tr>
 110                         <td colspan='3' style='padding: 6px'>
 111                             <b>[% l("Summary") %]</b>
 112                         </td>
 113                     </tr>
 114                     <tr>
 115                         <td width='33%'>[% l("Total Owed") %]</td>
 116                         <td width='33%'>[% l("Total Paid") %]</td>
 117                         <td width='33%'>[% l("Balance Owed") %]</td>
 118                     </tr>
 119                 </thead>
 120                 <tbody id='myopac_fines_summary_tbody'>
 121                     <tr id='myopac_fines_summary_row'>
 122                         <td id='myopac_fines_summary_total'>[% money(ctx.fines.total_owed) %]</td>
 123                         <td id='myopac_fines_summary_paid'>[% money(ctx.fines.total_paid) %]</td>
 124                         <td id='myopac_fines_summary_balance' style='color:red;font-weight: bold;'>[% money(ctx.fines.balance_owed) %]</td>
 125                     </tr>
 126                 </tbody>
 127             </table>
 128         <!--
 129         <div id='accrue_explanation' class='hide_me'>
 130             <span>Transactions whose balances are marked with a</span>
 131             <span style='color:red; font-weight: bold'>*</span>
 132             <span>will continue to accrue fines until the checked out item is returned.</span>
 133         </div>
 134         -->
 135         [% IF ctx.fines.circulation.size > 0 %]
 136             <div id='myopac_circ_trans_div'>
 137                 <br/><hr/><br/>
 138                 <table width='100%' class='data_grid data_grid_center'
 139                     id='myopac_circ_trans_table'>
 140                     <thead>
 141                         <tr>
 142                             <td colspan='10' style='padding: 6px'>
 143                                 <strong>[% l("Fines") %]</strong>
 144                             </td>
 145                         </tr>
 146                         <tr>
 147                             <td>[% l("Title") %]</td>
 148                             <td>[% l("Author") %]</td>
 149                             <td>[% l("Checkout Date") %]</td>
 150                             <td>[% l("Due Date") %]</td>
 151                             <td>[% l("Date Returned") %]</td>
 152                             <td>[% l("Balance Owed") %]</td>
 153                             <td nowrap="nowrap" style="white-space:nowrap;">
 154                                 <input id="pay_fines_box1" checked="checked"
 155                                     type="checkbox"
 156                                     title="[% l('Click to (un)select all fines') %]" />
 157                                 <label for="pay_fines_box1">[% l('Pay Fines') %]</label>
 158                             </td>
 159                         </tr>
 160                     </thead>
 161                     <tbody id='myopac_circ_trans_tbody'>
 162                         [% FOR f IN ctx.fines.circulation;
 163                             attrs = {marc_xml => f.marc_xml};
 164                             PROCESS get_marc_attrs args=attrs %]
 165                         <tr id='myopac_circ_trans_row'>
 166                             <td>
 167                                 <a class='classic_link'
 168                                     href="[% ctx.opac_root %]/record/[% f.xact.circulation.target_copy.call_number.record.id %]">[% attrs.title %]</a>
 169                             </td>
 170                             <td>
 171                                 <a class="classic_link"
 172                                     href="[% ctx.opac_root %]/results?query=au:[% attrs.author | replace('[,\.:;]', '') | url %]">[% attrs.author %]</a>
 173                             </td>
 174                             <td name='myopac_circ_trans_start'>
 175                                 [% date.format(
 176                                     ctx.parse_datetime(
 177                                         f.xact.circulation.xact_start
 178                                     ), DATE_FORMAT
 179                                 ) %]
 180                             </td>
 181                             <td name='myopac_circ_trans_due'>
 182                                 [% date.format(
 183                                     ctx.parse_datetime(
 184                                         f.xact.circulation.due_date
 185                                     ), DATE_FORMAT
 186                                 ) %]
 187                             </td>
 188                             <td name='myopac_circ_trans_finished'>
 189                                 [%  IF f.xact.circulation.checkin_time;
 190                                         date.format(
 191                                             ctx.parse_datetime(
 192                                                 f.xact.circulation.checkin_time
 193                                             ), DATE_FORMAT
 194                                         );
 195                                     ELSE %]
 196                                     <!-- XXX TODO fines aren't really accruing
 197                                         if circ has hit maxfines. more clarity
 198                                         here? -->
 199                                     <span class="red">[% l('(fines accruing)') %]</span>
 200                                 [%  END %]
 201                             </td>
 202                             <td>
 203                                 <strong class="red">
 204                                     [% money(f.xact.balance_owed) %]
 205                                 </strong>
 206                             </td>
 207                             <td>
 208                                 <input type="checkbox" checked="checked"
 209                                     name="selector"
 210                                     title="[% l('Pay this fine') %]" />
 211                             </td>
 212                         </tr>
 213                         [% END %]
 214                     </tbody>
 215                 </table>
 216             </div>
 217         [% END %]
 218
 219         [% IF ctx.fines.grocery.size > 0 %]
 220             <!-- Table for all non-circulation transactions -->
 221             <div id='myopac_trans_div'>
 222                 <br/>
 223                 <hr style="border-bottom:none;*height:0px;" color="#dcdbdb" />
 224                 <br/>
 225                 <table width='100%' class='data_grid data_grid_center'
 226                     id='myopac_trans_table'>
 227                     <thead>
 228                         <tr>
 229                             <td colspan='8' style='padding: 6px'>
 230                                 <b>[% l("Other Fees") %]</b>
 231                             </td>
 232                         </tr>
 233                         <tr>
 234                             <td width='16%'>[% l("Transaction Start Time") %]</td>
 235                             <td width='16%'>[% l("Last Payment Time") %]</td>
 236                             <td width='16%'>[% l("Initial Amount Owed") %]</td>
 237                             <td width='16%'>[% l("Total Amount Paid") %]</td>
 238                             <td width='16%'>[% l("Balance Owed") %]</td>
 239                             <td width='16%'>[% l("Billing Type") %]</td>
 240                             <td width='4%' align="center" nowrap="nowrap"
 241                                 style="white-space:nowrap;">
 242                                 <input id="pay_fines_box2" checked="checked"
 243                                     type="checkbox"
 244                                     title="[% l('Click to (un)select all fines') %]" />
 245                                 <label for="pay_fines_box2">[% l("Pay Fines") %]</label>
 246                             </td>
 247                         </tr>
 248                     </thead>
 249                     <tbody id='myopac_trans_tbody'>
 250                         [% FOR f IN ctx.fines.grocery %]
 251                         <tr id='myopac_trans_row'>
 252                             <td>[% date.format(
 253                                     ctx.parse_datetime(f.xact.xact_start),
 254                                     DATE_FORMAT
 255                             ) %]</td>
 256                             <td>
 257                                 [%  IF f.xact.last_payment_ts;
 258                                         date.format(
 259                                             ctx.parse_datetime(
 260                                                 f.xact.last_payment_ts
 261                                             ), DATE_FORMAT
 262                                         );
 263                                     END %]
 264                             </td>
 265                             <td>[% money(f.xact.total_owed) %]</td>
 266                             <td>[% money(f.xact.total_paid) %]</td>
 267                             <td class="red">
 268                                 <strong>
 269                                     [% money(f.xact.balance_owed) %]
 270                                 </strong>
 271                             </td>
 272                             <td>[% f.xact.last_billing_type %]</td>
 273                             <td>
 274                                 <input type="checkbox" name='selector'
 275                                     title='[% l("Pay this fine") %]'
 276                                     checked="checked" />
 277                             </td>
 278                         </tr>
 279                         [% END %]
 280                     </tbody>
 281                 </table>
 282             </div>
 283             [% END %]
 284             <a href="#"><img alt="[% l('Pay Fines') %]"
 285                 onmouseover="this.src='[% ctx.media_prefix %]/images/pay-fines-btn-hover.png';"
 286                 src="[% ctx.media_prefix %]/images/pay-fines-btn.png"
 287                 style="position:relative;top:5px;" /></a>
 288             <br/>
 289         </div>
 290     </div>
 291     <div id="pay_fines_now" class="hide_me">
 292         <table id='oils-selfck-cc-payment-table'>
 293             <tbody>
 294                 <tr>
 295                     <td><div style="width:129px;"></div></td>
 296                     <td><div style="width:195px;"></div></td>
 297                     <td><div style="width:324px;"></div></td>
 298                 </tr>
 299                 <tr>
 300                     <td colspan='2'><strong>Billing Information</strong></td>
 301                     <td rowspan='13' valign='top'>
 302                         Selected fines you are paying for:
 303                         <table cellpadding="0" cellspacing="5" border="0">
 304                             <thead>
 305                                 <tr>
 306                                     <td>
 307                                         <strong>Name</strong>
 308                                     </td>
 309                                     <td>
 310                                         <strong>Amount</strong>
 311                                     </td>
 312                                 </tr>
 313                             </thead>
 314                             <tbody id="selectedFines">
 315                             </tbody>
 316                         </table>
 317                         <br />
 318                         <div id='oils-selfck-cc-payment-summary'>
 319                             Total amount to pay:
 320                             <strong>$<span></span></strong>
 321                         </div>
 322                         <br />
 323                         Click <strong>Cancel</strong> to go back and (un)select
 324                         other fines.
 325                     </td>
 326                 </tr>
 327                 <tr>
 328                     <td>First Name</td>
 329                     <td><input jsId='oilsSelfckCCFName' /></td>
 330                 </tr>
 331                 <tr>
 332                     <td>Last Name</td>
 333                     <td><input jsId='oilsSelfckCCLName' /></td>
 334                 </tr>
 335                 <tr>
 336                     <td>Street Address</td>
 337                     <td><input jsId='oilsSelfckCCStreet' /></td>
 338                 </tr>
 339                 <tr>
 340                     <td>City</td>
 341                     <td><input jsId='oilsSelfckCCCity' /></td>
 342                 </tr>
 343                 <tr>
 344                     <td>State or Province</td>
 345                     <td><input jsId='oilsSelfckCCState' /></td>
 346                 </tr>
 347                 <tr>
 348                     <td>ZIP or Postal Code</td>
 349                     <td><input jsId='oilsSelfckCCZip' /></td>
 350                 </tr>
 351                 <tr>
 352                   <td colspan='2'><strong>Credit Card Information</strong></td>
 353                 </tr>
 354                 <!-- Technically not needed since card type is derived from the CC number
 355                 <tr>
 356                     <td>Type of Card</td>
 357                     <td>
 358                         <select jsId='oilsSelfckCCType' required='true'>
 359                             <option value='VISA'>VISA</option>
 360                             <option value='MasterCard'>MasterCard</option>
 361                             <option value='American Express'>American Express</option>
 362                         </select>
 363                     </td>
 364                 </tr>
 365                 -->
 366                 <tr>
 367                     <td>Credit Card #</td>
 368                     <td><input jsId='oilsSelfckCCNumber' /></td>
 369                 </tr>
 370                 <tr>
 371                     <td>
 372                         <div style="position:absolute;">
 373                             <div style="position:relative;left:80px;">
 374                                 <a href="#"><img
 375                                     src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
 376                             </div>
 377                         </div>
 378                         Security Code
 379                     </td>
 380                     <td>
 381                         <input jsId='oilsSelfckCCCVV' />
 382                     </td>
 383                 </tr>
 384                 <tr>
 385                     <td>Exipration Month</td>
 386                     <td>
 387                         <select jsId='oilsSelfckCCMonth'>
 388                             <option value='01' selected='selected'>January</option>
 389                             <option value='02'>February</option>
 390                             <option value='03'>March</option>
 391                             <option value='04'>April</option>
 392                             <option value='05'>May</option>
 393                             <option value='06'>June</option>
 394                             <option value='07'>July</option>
 395                             <option value='08'>August</option>
 396                             <option value='09'>September</option>
 397                             <option value='10'>October</option>
 398                             <option value='11'>November</option>
 399                             <option value='12'>December</option>
 400                         </select>
 401                     </td>
 402                 </tr>
 403                 <tr>
 404                     <td>Expiration Year</td>
 405                     <td>
 406                       <select jsId='oilsSelfckCCYear'>
 407                         <option value='2011'>2011</option>
 408                         <option value='2012'>2012</option>
 409                         <option value='2013'>2013</option>
 410                         <option value='2014'>2014</option>
 411                         <option value='2015'>2015</option>
 412                         <option value='2016'>2016</option>
 413                         <option value='2017'>2017</option>
 414                         <option value='2018'>2018</option>
 415                         <option value='2019'>2019</option>
 416                       </select>
 417                     </td>
 418                 </tr>
 419                 <tr class="hide_me">
 420                     <td>Edit Billing Address</td>
 421                     <td>
 422                         <input jsId='oilsSelfckEditDetails'/>
 423                     </td>
 424                 </tr>
 425                 <tr>
 426                     <td colspan='2' align="center">
 427                         <button jsId='oilsSelfckCCSubmit'>
 428                             Submit Payment
 429                         </button>
 430                         <button>
 431                             Cancel
 432                         </button>
 433                     </td>
 434                 </tr>
 435                 <tr>
 436                     <td colspan="3">
 437                         <br />
 438                         Important! You must have a printed receipt to be
 439                         eligible for a refund on lost items (regulations allow
 440                         for no exceptions).
 441                         <br />
 442                         <strong>
 443                             To ensure your necessary receipt information is
 444                             not lost, enter your email address above and a
 445                             receipt will be emailed to you. Otherwise, make
 446                             certain you have a printed receipt in hand before
 447                             closing the payment receipt screen.
 448                         </strong>
 449                         <br />
 450                         Refunds are not available for parts and pieces, overdue
 451                         fines, or items that do not display a specific title in
 452                         My Account. For a full list of refundable and
 453                         non-refundable items, visit
 454                         <a href="http://www.kcls.org/usingthelibrary/borrowing/refundable.cfm">http://www.kcls.org/usingthelibrary/borrowing/refundable.cfm</a><br /><br />
 455                         This site uses VeriSign SSL encryption to ensure your
 456                         privacy.
 457                     </td>
 458                 </tr>
 459             </tbody>
 460         </table>
 461     </div>
 462 </div>
 463 [% END %]