Open-ILS/web/templates/default/opac/myopac/main.tt2

   1 [%  PROCESS "default/opac/parts/header.tt2";
   2     PROCESS "default/opac/parts/misc_util.tt2";
   3     WRAPPER "default/opac/parts/myopac/main_base.tt2";
   4     myopac_page = "main";
   5     myopac_main_page = "main";
   6 %]
   7
   8     [% IF ctx.fines.circulation.size > 0 %]
   9     <div id='myopac_circ_trans_div'>
  10         <table width='100%' class='data_grid'>
  11             <thead>
  12                 <tr>
  13                     <td colspan='10' style='padding: 6px'>
  14                         <strong>[% l("Fines") %]</strong>
  15                     </td>
  16                 </tr>
  17                 <tr>
  18                     <td>[% l("Title") %]</td>
  19                     <td>[% l("Author") %]</td>
  20                     <td>[% l("Checkout Date") %]</td>
  21                     <td>[% l("Due Date") %]</td>
  22                     <td>[% l("Date Returned") %]</td>
  23                     <td>[% l("Balance Owed") %]</td>
  24                     <!-- TODO: hidden until pay-fines is implemented
  25                     <td nowrap="nowrap" style="white-space:nowrap;">
  26                         <input id="pay_fines_box1" checked="checked"
  27                             type="checkbox" title="[% l('Click to (un)select all fines') %]" />
  28                         <label for="pay_fines_box1">[% l('Pay Fines') %]</label>
  29                     </td>
  30                     -->
  31                 </tr>
  32             </thead>
  33             <tbody id='myopac_circ_trans_tbody'>
  34                 [% FOR f IN ctx.fines.circulation;
  35                     attrs = {marc_xml => f.marc_xml};
  36                     PROCESS get_marc_attrs args=attrs %]
  37                 <tr id='myopac_circ_trans_row'>
  38                     <td>
  39                         <a href="[% ctx.opac_root %]/record/[% f.xact.circulation.target_copy.call_number.record.id %]">[% attrs.title %]</a>
  40                     </td>
  41                     <td>
  42                         <a href="[% ctx.opac_root %]/results?qtype=author&query=[% attrs.author | replace('[,\.:;]', '') | url %]">[% attrs.author %]</a>
  43                     </td>
  44                     <td name='myopac_circ_trans_start'>
  45                         [% date.format(
  46                             ctx.parse_datetime(
  47                                 f.xact.circulation.xact_start
  48                             ), DATE_FORMAT
  49                         ) %]
  50                     </td>
  51                     <td name='myopac_circ_trans_due'>
  52                         [% date.format(
  53                             ctx.parse_datetime(
  54                                 f.xact.circulation.due_date
  55                             ), DATE_FORMAT
  56                         ) %]
  57                     </td>
  58                     <td name='myopac_circ_trans_finished'>
  59                         [%  IF f.xact.circulation.checkin_time;
  60                                 date.format(
  61                                     ctx.parse_datetime(
  62                                         f.xact.circulation.checkin_time
  63                                     ), DATE_FORMAT
  64                                 );
  65                             ELSE %]
  66                             <!-- XXX TODO fines aren't really accruing
  67                                 if circ has hit maxfines. more clarity
  68                                 here? -->
  69                             <span class="red">[% l('(fines accruing)') %]</span>
  70                         [%  END %]
  71                     </td>
  72                     <td>
  73                         <strong class="red">
  74                             [% money(f.xact.balance_owed) %]
  75                         </strong>
  76                     </td>
  77                     <!-- TODO: hidden until pay-fines is implemented
  78                     <td>
  79                         <input type="checkbox" name="selector" title="[% l('Pay this fine') %]" />
  80                     </td>
  81                     -->
  82                 </tr>
  83                 [% END %]
  84             </tbody>
  85         </table>
  86     </div>
  87     [% END %]
  88
  89     [% IF ctx.fines.grocery.size > 0 %]
  90     <!-- Table for all non-circulation transactions -->
  91     <div id='myopac_trans_div'>
  92         <br/>
  93         <hr class='opac-auto-013'  color="#dcdbdb" />
  94         <br/>
  95         <table width='100%' class='data_grid data_grid_center'
  96             id='myopac_trans_table'>
  97             <thead>
  98                 <tr>
  99                     <td colspan='8' style='padding: 6px'>
 100                         <b>[% l("Other Fees") %]</b>
 101                     </td>
 102                 </tr>
 103                 <tr>
 104                     <td width='16%'>[% l("Transaction Start Time") %]</td>
 105                     <td width='16%'>[% l("Last Payment Time") %]</td>
 106                     <td width='16%'>[% l("Initial Amount Owed") %]</td>
 107                     <td width='16%'>[% l("Total Amount Paid") %]</td>
 108                     <td width='16%'>[% l("Balance Owed") %]</td>
 109                     <td width='16%'>[% l("Billing Type") %]</td>
 110                     <!-- TODO: hidden until pay-fines is implemented
 111                     <td width='4%' align="center" nowrap="nowrap"
 112                         style="white-space:nowrap;">
 113                         <input id="pay_fines_box2" checked="checked"
 114                             type="checkbox"
 115                             title="[% l('Click to (un)select all fines') %]" />
 116                         <label for="pay_fines_box2">[% l("Pay Fines") %]</label>
 117                     </td>
 118                     -->
 119                 </tr>
 120             </thead>
 121             <tbody id='myopac_trans_tbody'>
 122                 [% FOR f IN ctx.fines.grocery %]
 123                 <tr id='myopac_trans_row'>
 124                     <td>[% date.format(
 125                             ctx.parse_datetime(f.xact.xact_start),
 126                             DATE_FORMAT
 127                     ) %]</td>
 128                     <td>
 129                         [%  IF f.xact.last_payment_ts;
 130                                 date.format(
 131                                     ctx.parse_datetime(
 132                                         f.xact.last_payment_ts
 133                                     ), DATE_FORMAT
 134                                 );
 135                             END %]
 136                     </td>
 137                     <td>[% money(f.xact.total_owed) %]</td>
 138                     <td>[% money(f.xact.total_paid) %]</td>
 139                     <td class="red">
 140                         <strong>
 141                             [% money(f.xact.balance_owed) %]
 142                         </strong>
 143                     </td>
 144                     <td>[% f.xact.last_billing_type %]</td>
 145                     <!-- TODO: hidden until pay-fines is implemented
 146                     <td>
 147                         <input type="checkbox" name='selector' title='[% l("Pay this fine") %]'/>
 148                     </td>
 149                     -->
 150                 </tr>
 151                 [% END %]
 152             </tbody>
 153         </table>
 154     </div>
 155     [% END %]
 156
 157 <!-- TODO: move payment form to its own page -->
 158
 159 <div id="pay_fines_now" class="hide_me">
 160     <table id='oils-selfck-cc-payment-table'>
 161         <tbody>
 162             <tr>
 163                 <td><div style="width:129px;"></div></td>
 164                 <td><div style="width:195px;"></div></td>
 165                 <td><div style="width:324px;"></div></td>
 166             </tr>
 167             <tr>
 168                 <td colspan='2'><strong>Billing Information</strong></td>
 169                 <td rowspan='13' valign='top'>
 170                     Selected fines you are paying for:
 171                     <table cellpadding="0" cellspacing="5" border="0">
 172                         <thead>
 173                             <tr>
 174                                 <td>
 175                                     <strong>Name</strong>
 176                                 </td>
 177                                 <td>
 178                                     <strong>Amount</strong>
 179                                 </td>
 180                             </tr>
 181                         </thead>
 182                         <tbody id="selectedFines">
 183                         </tbody>
 184                     </table>
 185                     <br />
 186                     <div id='oils-selfck-cc-payment-summary'>
 187                         Total amount to pay:
 188                         <strong>$<span></span></strong>
 189                     </div>
 190                     <br />
 191                     Click <strong>Cancel</strong> to go back and (un)select
 192                     other fines.
 193                 </td>
 194             </tr>
 195             <tr>
 196                 <td>First Name</td>
 197                 <td><input jsId='oilsSelfckCCFName' /></td>
 198             </tr>
 199             <tr>
 200                 <td>Last Name</td>
 201                 <td><input jsId='oilsSelfckCCLName' /></td>
 202             </tr>
 203             <tr>
 204                 <td>Street Address</td>
 205                 <td><input jsId='oilsSelfckCCStreet' /></td>
 206             </tr>
 207             <tr>
 208                 <td>City</td>
 209                 <td><input jsId='oilsSelfckCCCity' /></td>
 210             </tr>
 211             <tr>
 212                 <td>State or Province</td>
 213                 <td><input jsId='oilsSelfckCCState' /></td>
 214             </tr>
 215             <tr>
 216                 <td>ZIP or Postal Code</td>
 217                 <td><input jsId='oilsSelfckCCZip' /></td>
 218             </tr>
 219             <tr>
 220               <td colspan='2'><strong>Credit Card Information</strong></td>
 221             </tr>
 222             <!-- Technically not needed since card type is derived from the CC number
 223             <tr>
 224                 <td>Type of Card</td>
 225                 <td>
 226                     <select jsId='oilsSelfckCCType' required='true'>
 227                         <option value='VISA'>VISA</option>
 228                         <option value='MasterCard'>MasterCard</option>
 229                         <option value='American Express'>American Express</option>
 230                     </select>
 231                 </td>
 232             </tr>
 233             -->
 234             <tr>
 235                 <td>Credit Card #</td>
 236                 <td><input jsId='oilsSelfckCCNumber' /></td>
 237             </tr>
 238             <tr>
 239                 <td>
 240                     <div style="position:absolute;">
 241                         <div style="position:relative;left:80px;">
 242                             <a href="#"><img
 243                                 src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
 244                         </div>
 245                     </div>
 246                     Security Code
 247                 </td>
 248                 <td>
 249                     <input jsId='oilsSelfckCCCVV' />
 250                 </td>
 251             </tr>
 252             <tr>
 253                 <td>Exipration Month</td>
 254                 <td>
 255                     <select jsId='oilsSelfckCCMonth'>
 256                         <option value='01' selected='selected'>January</option>
 257                         <option value='02'>February</option>
 258                         <option value='03'>March</option>
 259                         <option value='04'>April</option>
 260                         <option value='05'>May</option>
 261                         <option value='06'>June</option>
 262                         <option value='07'>July</option>
 263                         <option value='08'>August</option>
 264                         <option value='09'>September</option>
 265                         <option value='10'>October</option>
 266                         <option value='11'>November</option>
 267                         <option value='12'>December</option>
 268                     </select>
 269                 </td>
 270             </tr>
 271             <tr>
 272                 <td>Expiration Year</td>
 273                 <td>
 274                   <select jsId='oilsSelfckCCYear'>
 275                     <option value='2011'>2011</option>
 276                     <option value='2012'>2012</option>
 277                     <option value='2013'>2013</option>
 278                     <option value='2014'>2014</option>
 279                     <option value='2015'>2015</option>
 280                     <option value='2016'>2016</option>
 281                     <option value='2017'>2017</option>
 282                     <option value='2018'>2018</option>
 283                     <option value='2019'>2019</option>
 284                   </select>
 285                 </td>
 286             </tr>
 287             <tr class="hide_me">
 288                 <td>Edit Billing Address</td>
 289                 <td>
 290                     <input jsId='oilsSelfckEditDetails'/>
 291                 </td>
 292             </tr>
 293             <tr>
 294                 <td colspan='2' align="center">
 295                     <button jsId='oilsSelfckCCSubmit'>
 296                         Submit Payment
 297                     </button>
 298                     <button>
 299                         Cancel
 300                     </button>
 301                 </td>
 302             </tr>
 303             <tr>
 304                 <td colspan="3">
 305                     <br />
 306                     Important! You must have a printed receipt to be
 307                     eligible for a refund on lost items (regulations allow
 308                     for no exceptions).
 309                     <br />
 310                     <strong>
 311                         To ensure your necessary receipt information is
 312                         not lost, enter your email address above and a
 313                         receipt will be emailed to you. Otherwise, make
 314                         certain you have a printed receipt in hand before
 315                         closing the payment receipt screen.
 316                     </strong>
 317                     <br />
 318                     Refunds are not available for parts and pieces, overdue
 319                     fines, or items that do not display a specific title in
 320                     My Account. For a full list of refundable and
 321                     non-refundable items, visit
 322                     <a href="http://www.kcls.org/usingthelibrary/borrowing/refundable.cfm">http://www.kcls.org/usingthelibrary/borrowing/refundable.cfm</a><br /><br />
 323                     This site uses VeriSign SSL encryption to ensure your
 324                     privacy.
 325                 </td>
 326             </tr>
 327         </tbody>
 328     </table>
 329 </div>
 330 [% END %]