Open-ILS/web/opac/extras/selfcheck/selfcheck.xml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!-- ***********************************************************************
   3 * Copyright (C) 2008  Equinox Software, Inc.
   4 * Bill Erickson <erickson@esilibrary.com>
   5 *
   6 * This program is free software; you can redistribute it and/or
   7 * modify it under the terms of the GNU General Public License
   8 * as published by the Free Software Foundation; either version 2
   9 * of the License, or (at your option) any later version.
  10 *
  11 * This program is distributed in the hope that it will be useful,
  12 * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14 * GNU General Public License for more details.
  15 *
  16 * You should have received a copy of the GNU General Public License
  17 * along with this program; if not, write to the Free Software
  18 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
  19 * 02110-1301, USA
  20 ************************************************************************ -->
  21
  22 <!DOCTYPE html PUBLIC
  23         "-//W3C//DTD XHTML 1.0 Transitional//EN"
  24         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" [
  25         <!--#include virtual="/opac/locale/${locale}/opac.dtd" -->
  26 ]>
  27
  28 <!--#include virtual="../../skin/default/xml/setenv.xml"-->
  29
  30 <html xmlns='http://www.w3.org/1999/xhtml'>
  31
  32     <head>
  33         <script>var config = {css:{}}</script>
  34                 <!--#include virtual="../../skin/default/xml/common/js_common.xml"-->
  35         <script language='javascript' type='text/javascript'
  36             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/DP_DateExtensions.js'></script>
  37         <script language='javascript' type='text/javascript'
  38             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/extras/selfcheck/selfcheck.js'></script>
  39         <link type='text/css' rel='stylesheet' title='Regular'
  40             href="<!--#echo var='OILS_OPAC_CSS_HOST'-->/extras/selfcheck/selfcheck.css"/>
  41         <link type='text/css' rel='stylesheet' media='print'
  42             href="<!--#echo var='OILS_OPAC_CSS_HOST'-->/extras/selfcheck/selfcheck_print.css"/>
  43         <link type='text/css' rel='alternate stylesheet' title='Printable'
  44             href="<!--#echo var='OILS_OPAC_CSS_HOST'-->/extras/selfcheck/selfcheck_print.css"/>
  45     </head>
  46
  47     <body onload='selfckInit();'>
  48
  49         <div class='noprint'>
  50
  51             <!--***********************************************************************
  52                 Form for patron "login"
  53                 *********************************************************************** -->
  54             <div id='selfck-patron-login-container' class='hide_me form_div'>
  55                 <span>&selfck.patron_barcode_label;</span>
  56                 <span><input type='text' id='selfck-patron-login-input'> </input></span>
  57                 <span><button onclick='selfckPatronLogin();'>&selfck.submit;</button></span>
  58                 <span id='selfck-patron-not-found' class='hide_me'>&selfck.event.patron_not_found;</span>
  59             </div>
  60
  61             <div id='selfck-print-queuing' class='hide_me'>
  62                 <div><img src='../../../images/small_logo.jpg'/></div>
  63                 <div>Printing Receipt...</div>
  64             </div>
  65
  66             <!--***********************************************************************
  67                 Checkout form
  68                 *********************************************************************** -->
  69             <div id='selfck-patron-checkout-container' class='hide_me'>
  70
  71                 <!--***********************************************************************
  72                     Header
  73                     *********************************************************************** -->
  74                 <div id='selfck-logout-div' class='container'>
  75                     <div id='selfck-patron-info-div'>
  76                         <!-- not really i18n friendly, but better than nothing -->
  77                         &selfck.welcome; <span id='selfck-patron-name-span'></span>!
  78                     </div>
  79                     <div id='selfck-logout-link-div'>
  80                         <span class='selfck-link-span'>
  81                             <a href='javascript:void(0);' class='selfck-done-link'
  82                                 onclick='selfckLogoutPatron();'>&selfck.done;</a>
  83                         </span>
  84                     </div>
  85                 </div>
  86
  87                 <!--***********************************************************************
  88                     Display messages here
  89                     *********************************************************************** -->
  90                 <div id='selfck-message-div' class='form_div'>
  91                     <span class='' id='selfck-event-time'></span>
  92                     <span class='biglabel' id='selfck-event-span'> </span>
  93                     <span class='hide_me'>
  94                         <span id='selfck-event-SUCCESS'>&selfck.event.co_success;</span>
  95                         <span id='selfck-event-UNKNOWN'>&selfck.event.co_unknown;</span>
  96                         <span id='selfck-event-ACTOR_USER_NOT_FOUND'>&selfck.event.patron_not_found;</span>
  97                         <span id='selfck-event-COPY_CIRC_NOT_ALLOWED'>&selfck.event.item_nocirc;</span>
  98                         <span id='selfck-event-ITEM_NOT_CATALOGED'>&selfck.event.item_noncat;</span>
  99                         <span id='selfck-event-already-out'>&selfck.event.already_out;</span>
 100                         <span id='selfck-event-dupe-barcode'>&selfck.event.dupe_barcode;</span>
 101                     </span>
 102                 </div>
 103
 104                 <!--***********************************************************************
 105                     This is where patrons scan in the item barcodes
 106                     *********************************************************************** -->
 107                 <div id='selfck-item-barcode-form-div' class='form_div'>
 108                     <div>
 109                         <img src='../../../images/small_logo.jpg'/>
 110                         <div class='biglabel'>&selfck.item_barcode_label;</div>
 111                         <div id='selfck-item-barcode-form'>
 112                             <span><input type='text' id='selfck-item-barcode-input'> </input></span>
 113                             <span><button onclick='selfckCheckout();'>&selfck.submit;</button></span>
 114                             <span><button onclick='$("selfck-item-barcode-input").value = "";'>&selfck.clear;</button></span>
 115                         </div>
 116                     </div>
 117                 </div>
 118
 119                 <!--***********************************************************************
 120                     This is where patrons scan in the item barcodes
 121                     *********************************************************************** -->
 122                 <div id='selfck-items-out-table-wrapper' class='hide_me'>
 123                     <table id='selfck-items-out-table'>
 124                         <thead>
 125                             <tr>
 126                                 <td id='selfck-pic-cell'></td>
 127                                 <td>&selfck.barcode;</td>
 128                                 <td>&selfck.title;</td>
 129                                 <td>&selfck.author;</td>
 130                                 <td>&selfck.due_date;</td>
 131                                 <td>&selfck.remaining;</td>
 132                                 <td>&selfck.cotype;</td>
 133                             </tr>
 134                         </thead>
 135                         <tbody id='selfck-items-out-tbody'>
 136                             <tr id='selfck-items-out-row'>
 137                                 <td><img class='jacket' name='selfck.jacket'></img></td>
 138                                 <td name='selfck.barcode'></td>
 139                                 <td name='selfck.title'></td>
 140                                 <td name='selfck.author'></td>
 141                                 <td name='selfck.due_date'></td>
 142                                 <td name='selfck.remaining'></td>
 143                                 <td>
 144                                     <span name='selfck.cotype_co'>&selfck.cotype_co;</span>
 145                                     <span name='selfck.cotype_rn' class='hide_me'>&selfck.cotype_rn;</span>
 146                                 </td>
 147                             </tr>
 148                             <tr class='hide_me'> </tr>
 149                         </tbody>
 150                     </table>
 151                     <div id='selfck-items-out-done-div'>
 152                         <a href='javascript:void(0);' id='selfck-print-co-button'
 153                             class='selfck-done-link' onclick='selfckLogoutPatron();'>&selfck.done;</a>
 154                     </div>
 155                 </div>
 156             </div>
 157         </div>
 158
 159         <div class='hide_me' id='selfck-errors'/>
 160
 161         <!--***********************************************************************
 162             Generate the printable version of the checked out list here
 163             *********************************************************************** -->
 164         <div class='print' id='selfck-print-div'>
 165             <div>
 166                 <div id='selfck-print-date'/>
 167                 <div id='selfck-print-lib-name'/>
 168                 <div id='selfck-print-lib-addr-street'/>
 169                 <div>
 170                     <span id='selfck-print-lib-addr-city'/>
 171                     <span id='selfck-print-lib-addr-state'/>
 172                     <span id='selfck-print-lib-addr-post-code'/>
 173                 </div>
 174                 <br/>
 175                 <div id='selfck-print-patron-info'>
 176                     <div><span id='selfck-print-lname'/>, <span id='selfck-print-fname'/></div>
 177                     &selfck.items_out;
 178                     <ol id='selfck-print-items-list'>
 179                         <li name='selfck-print-items-template'>
 180                             <div name='title'/>
 181                             &selfck.barcode;: <span name='barcode'/>
 182                             &selfck.due_date;: <span name='due_date'/>
 183                         </li>
 184                         <li class='hide_me'> </li>
 185                     </ol>
 186                 </div>
 187                 <br/>
 188                 <div>&selfck.org_phone; <span id='selfck-print-lib-phone'/></div>
 189                 <br/>
 190                 <div>
 191                     <div>&selfck.org_hours;</div>
 192                     <table id='selfck-print-hours'>
 193                         <tr><td>&selfck.day0;</td><td id='selfck-print-dow_0_open'/><td id='selfck-print-dow_0_close'/></tr>
 194                         <tr><td>&selfck.day1;</td><td id='selfck-print-dow_1_open'/><td id='selfck-print-dow_1_close'/></tr>
 195                         <tr><td>&selfck.day2;</td><td id='selfck-print-dow_2_open'/><td id='selfck-print-dow_2_close'/></tr>
 196                         <tr><td>&selfck.day3;</td><td id='selfck-print-dow_3_open'/><td id='selfck-print-dow_3_close'/></tr>
 197                         <tr><td>&selfck.day4;</td><td id='selfck-print-dow_4_open'/><td id='selfck-print-dow_4_close'/></tr>
 198                         <tr><td>&selfck.day5;</td><td id='selfck-print-dow_5_open'/><td id='selfck-print-dow_5_close'/></tr>
 199                         <tr><td>&selfck.day6;</td><td id='selfck-print-dow_6_open'/><td id='selfck-print-dow_6_close'/></tr>
 200                     </table>
 201                 </div>
 202             </div>
 203         </div>
 204     </body>
 205 </html>
 206