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             <!--***********************************************************************
  62                 Checkout form
  63                 *********************************************************************** -->
  64             <div id='selfck-patron-checkout-container' class='hide_me'>
  65
  66                 <!--***********************************************************************
  67                     Header
  68                     *********************************************************************** -->
  69                 <div id='selfck-logout-div' class='container'>
  70                     <div id='selfck-patron-info-div'>
  71                         <!-- not really i18n friendly, but better than nothing -->
  72                         &selfck.welcome; <span id='selfck-patron-name-span'></span>!
  73                     </div>
  74                     <div id='selfck-logout-link-div'>
  75                         <span class='selfck-link-span'>
  76                             <a href='javascript:void(0);' class='selfck-done-link'
  77                                 onclick='selfckLogoutPatron();'>&selfck.done;</a>
  78                         </span>
  79                     </div>
  80                 </div>
  81
  82                 <!--***********************************************************************
  83                     Display messages here
  84                     *********************************************************************** -->
  85                 <div id='selfck-message-div' class='form_div'>
  86                     <span class='' id='selfck-event-time'></span>
  87                     <span class='biglabel' id='selfck-event-span'> </span>
  88                     <span class='hide_me'>
  89                         <span id='selfck-event-SUCCESS'>&selfck.event.co_success;</span>
  90                         <span id='selfck-event-UNKNOWN'>&selfck.event.co_unknown;</span>
  91                         <span id='selfck-event-ACTOR_USER_NOT_FOUND'>&selfck.event.patron_not_found;</span>
  92                         <span id='selfck-event-COPY_CIRC_NOT_ALLOWED'>&selfck.event.item_nocirc;</span>
  93                         <span id='selfck-event-ITEM_NOT_CATALOGED'>&selfck.event.item_noncat;</span>
  94                         <span id='selfck-event-dupe-barcode'>&selfck.event.dupe_barcode;</span>
  95                     </span>
  96                 </div>
  97
  98                 <!--***********************************************************************
  99                     This is where patrons scan in the item barcodes
 100                     *********************************************************************** -->
 101                 <div id='selfck-item-barcode-form-div' class='form_div'>
 102                     <div>
 103                         <img src='../../../images/small_logo.jpg'/>
 104                         <div class='biglabel'>&selfck.item_barcode_label;</div>
 105                         <div id='selfck-item-barcode-form'>
 106                             <span><input type='text' id='selfck-item-barcode-input'> </input></span>
 107                             <span><button onclick='selfckCheckout();'>&selfck.submit;</button></span>
 108                             <span><button onclick='$("selfck-item-barcode-input").value = "";'>&selfck.clear;</button></span>
 109                         </div>
 110                     </div>
 111                 </div>
 112
 113                 <!--***********************************************************************
 114                     This is where patrons scan in the item barcodes
 115                     *********************************************************************** -->
 116                 <div id='selfck-items-out-table-wrapper' class='hide_me'>
 117                     <table id='selfck-items-out-table'>
 118                         <thead>
 119                             <tr>
 120                                 <td id='selfck-pic-cell'></td>
 121                                 <td>&selfck.barcode;</td>
 122                                 <td>&selfck.title;</td>
 123                                 <td>&selfck.author;</td>
 124                                 <td>&selfck.due_date;</td>
 125                                 <td>&selfck.remaining;</td>
 126                                 <td>&selfck.cotype;</td>
 127                             </tr>
 128                         </thead>
 129                         <tbody id='selfck-items-out-tbody'>
 130                             <tr id='selfck-items-out-row'>
 131                                 <td><img class='jacket' name='selfck.jacket'></img></td>
 132                                 <td name='selfck.barcode'></td>
 133                                 <td name='selfck.title'></td>
 134                                 <td name='selfck.author'></td>
 135                                 <td name='selfck.due_date'></td>
 136                                 <td name='selfck.remaining'></td>
 137                                 <td>
 138                                     <span name='selfck.cotype_co'>&selfck.cotype_co;</span>
 139                                     <span name='selfck.cotype_rn' class='hide_me'>&selfck.cotype_rn;</span>
 140                                 </td>
 141                             </tr>
 142                         </tbody>
 143                     </table>
 144                     <div id='selfck-items-out-done-div'>
 145                         <a href='javascript:void(0);' id='selfck-print-co-button'
 146                             class='selfck-done-link' onclick='selfckLogoutPatron();'>&selfck.done;</a>
 147                     </div>
 148                 </div>
 149             </div>
 150         </div>
 151
 152         <div class='hide_me' id='selfck-errors'/>
 153
 154         <!--***********************************************************************
 155             Generate the printable version of the checked out list here
 156             *********************************************************************** -->
 157         <div class='print' id='selfck-print-div'>
 158             <div>
 159                 <div id='selfck-print-date'/>
 160                 <div id='selfck-print-lib-name'/>
 161                 <div id='selfck-print-lib-addr-street'/>
 162                 <div>
 163                     <span id='selfck-print-lib-addr-city'/>
 164                     <span id='selfck-print-lib-addr-state'/>
 165                     <span id='selfck-print-lib-addr-post-code'/>
 166                 </div>
 167                 <div><span id='selfck-print-lname'/> <span id='selfck-print-fname'/></div>
 168                 You checked out the following items:
 169                 <ol id='selfck-print-items-list'>
 170                     <li name='selfck-print-items-template'>
 171                         <div name='title'/>
 172                         Barcode: <span name='barcode'/>
 173                         Due Date: <span name='due_date'/>
 174                     </li>
 175                 </ol>
 176             </div>
 177         </div>
 178     </body>
 179 </html>
 180