1 <?xml version="1.0" encoding="UTF-8"?>
2 <!-- ***********************************************************************
3 * Copyright (C) 2008 Equinox Software, Inc.
4 * Bill Erickson <erickson@esilibrary.com>
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.
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.
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
20 ************************************************************************ -->
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" -->
28 <!--#include virtual="../../skin/default/xml/setenv.xml"-->
30 <html xmlns='http://www.w3.org/1999/xhtml'>
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"/>
47 <body onload='selfckInit();'>
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>
61 <div id='selfck-print-queuing' class='hide_me'>
62 <div><img src='../../../images/small_logo.jpg'/></div>
63 <div>&selfck.printing;</div>
66 <!--***********************************************************************
68 *********************************************************************** -->
69 <div id='selfck-patron-checkout-container' class='hide_me'>
71 <!--***********************************************************************
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>!
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>
87 <!--***********************************************************************
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>
104 <!--***********************************************************************
105 This is where patrons scan in the item barcodes
106 *********************************************************************** -->
107 <div id='selfck-item-barcode-form-div' class='form_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>
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'>
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>
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>
144 <span name='selfck.cotype_co'>&selfck.cotype_co;</span>
145 <span name='selfck.cotype_rn' class='hide_me'>&selfck.cotype_rn;</span>
148 <tr class='hide_me'> </tr>
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>
159 <div class='hide_me' id='selfck-errors'/>
161 <!--***********************************************************************
162 Generate the printable version of the checked out list here
163 *********************************************************************** -->
164 <div class='print' id='selfck-print-div'>
166 <div id='selfck-print-date'/>
167 <div id='selfck-print-lib-name'/>
168 <div id='selfck-print-lib-addr-street'/>
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'/>
175 <div id='selfck-print-patron-info'>
176 <div><span id='selfck-print-lname'/>, <span id='selfck-print-fname'/></div>
178 <ol id='selfck-print-items-list'>
179 <li name='selfck-print-items-template'>
181 &selfck.barcode;: <span name='barcode'/>
182 &selfck.due_date;: <span name='due_date'/>
184 <li class='hide_me'> </li>
188 <div>&selfck.org_phone; <span id='selfck-print-lib-phone'/></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>