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-already-out'>&selfck.event.already_out;</span>
  95                         <span id='selfck-event-dupe-barcode'>&selfck.event.dupe_barcode;</span>
  96                     </span>
  97                 </div>
  98
  99                 <!--***********************************************************************
 100                     This is where patrons scan in the item barcodes
 101                     *********************************************************************** -->
 102                 <div id='selfck-item-barcode-form-div' class='form_div'>
 103                     <div>
 104                         <img src='../../../images/small_logo.jpg'/>
 105                         <div class='biglabel'>&selfck.item_barcode_label;</div>
 106                         <div id='selfck-item-barcode-form'>
 107                             <span><input type='text' id='selfck-item-barcode-input'> </input></span>
 108                             <span><button onclick='selfckCheckout();'>&selfck.submit;</button></span>
 109                             <span><button onclick='$("selfck-item-barcode-input").value = "";'>&selfck.clear;</button></span>
 110                         </div>
 111                     </div>
 112                 </div>
 113
 114                 <!--***********************************************************************
 115                     This is where patrons scan in the item barcodes
 116                     *********************************************************************** -->
 117                 <div id='selfck-items-out-table-wrapper' class='hide_me'>
 118                     <table id='selfck-items-out-table'>
 119                         <thead>
 120                             <tr>
 121                                 <td id='selfck-pic-cell'></td>
 122                                 <td>&selfck.barcode;</td>
 123                                 <td>&selfck.title;</td>
 124                                 <td>&selfck.author;</td>
 125                                 <td>&selfck.due_date;</td>
 126                                 <td>&selfck.remaining;</td>
 127                                 <td>&selfck.cotype;</td>
 128                             </tr>
 129                         </thead>
 130                         <tbody id='selfck-items-out-tbody'>
 131                             <tr id='selfck-items-out-row'>
 132                                 <td><img class='jacket' name='selfck.jacket'></img></td>
 133                                 <td name='selfck.barcode'></td>
 134                                 <td name='selfck.title'></td>
 135                                 <td name='selfck.author'></td>
 136                                 <td name='selfck.due_date'></td>
 137                                 <td name='selfck.remaining'></td>
 138                                 <td>
 139                                     <span name='selfck.cotype_co'>&selfck.cotype_co;</span>
 140                                     <span name='selfck.cotype_rn' class='hide_me'>&selfck.cotype_rn;</span>
 141                                 </td>
 142                             </tr>
 143                             <tr class='hide_me'> </tr>
 144                         </tbody>
 145                     </table>
 146                     <div id='selfck-items-out-done-div'>
 147                         <a href='javascript:void(0);' id='selfck-print-co-button'
 148                             class='selfck-done-link' onclick='selfckLogoutPatron();'>&selfck.done;</a>
 149                     </div>
 150                 </div>
 151             </div>
 152         </div>
 153
 154         <div class='hide_me' id='selfck-errors'/>
 155
 156         <!--***********************************************************************
 157             Generate the printable version of the checked out list here
 158             *********************************************************************** -->
 159         <div class='print' id='selfck-print-div'>
 160             <div>
 161                 <div id='selfck-print-date'/>
 162                 <div id='selfck-print-lib-name'/>
 163                 <div id='selfck-print-lib-addr-street'/>
 164                 <div>
 165                     <span id='selfck-print-lib-addr-city'/>
 166                     <span id='selfck-print-lib-addr-state'/>
 167                     <span id='selfck-print-lib-addr-post-code'/>
 168                 </div>
 169                 <br/>
 170                 <div id='selfck-print-patron-info'>
 171                     <div><span id='selfck-print-lname'/>, <span id='selfck-print-fname'/></div>
 172                     &selfck.items_out;
 173                     <ol id='selfck-print-items-list'>
 174                         <li name='selfck-print-items-template'>
 175                             <div name='title'/>
 176                             &selfck.barcode;: <span name='barcode'/>
 177                             &selfck.due_date;: <span name='due_date'/>
 178                         </li>
 179                         <li class='hide_me'> </li>
 180                     </ol>
 181                 </div>
 182                 <br/>
 183                 <div>&selfck.org_phone; <span id='selfck-print-lib-phone'/></div>
 184                 <br/>
 185                 <div>
 186                     <div>&selfck.org_hours;</div>
 187                     <table id='selfck-print-hours'>
 188                         <tr><td>&selfck.day0;</td><td id='selfck-print-dow_0_open'/><td id='selfck-print-dow_0_close'/></tr>
 189                         <tr><td>&selfck.day1;</td><td id='selfck-print-dow_1_open'/><td id='selfck-print-dow_1_close'/></tr>
 190                         <tr><td>&selfck.day2;</td><td id='selfck-print-dow_2_open'/><td id='selfck-print-dow_2_close'/></tr>
 191                         <tr><td>&selfck.day3;</td><td id='selfck-print-dow_3_open'/><td id='selfck-print-dow_3_close'/></tr>
 192                         <tr><td>&selfck.day4;</td><td id='selfck-print-dow_4_open'/><td id='selfck-print-dow_4_close'/></tr>
 193                         <tr><td>&selfck.day5;</td><td id='selfck-print-dow_5_open'/><td id='selfck-print-dow_5_close'/></tr>
 194                         <tr><td>&selfck.day6;</td><td id='selfck-print-dow_6_open'/><td id='selfck-print-dow_6_close'/></tr>
 195                     </table>
 196                 </div>
 197             </div>
 198         </div>
 199     </body>
 200 </html>
 201