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 <!--***********************************************************************
63 *********************************************************************** -->
64 <div id='selfck-patron-checkout-container' class='hide_me'>
66 <!--***********************************************************************
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>!
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>
82 <!--***********************************************************************
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>
98 <!--***********************************************************************
99 This is where patrons scan in the item barcodes
100 *********************************************************************** -->
101 <div id='selfck-item-barcode-form-div' class='form_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>
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'>
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>
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>
138 <span name='selfck.cotype_co'>&selfck.cotype_co;</span>
139 <span name='selfck.cotype_rn' class='hide_me'>&selfck.cotype_rn;</span>
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>
152 <div class='hide_me' id='selfck-errors'/>
154 <!--***********************************************************************
155 Generate the printable version of the checked out list here
156 *********************************************************************** -->
157 <div class='print' id='selfck-print-div'>
159 <div id='selfck-print-date'/>
160 <div id='selfck-print-lib-name'/>
161 <div id='selfck-print-lib-addr-street'/>
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'/>
168 <div><span id='selfck-print-lname'/>, <span id='selfck-print-fname'/></div>
170 <ol id='selfck-print-items-list'>
171 <li name='selfck-print-items-template'>
173 &selfck.barcode;: <span name='barcode'/>
174 &selfck.due_date;: <span name='due_date'/>
178 <div>&selfck.org_phone; <span id='selfck-print-lib-phone'/></div>
181 <div>&selfck.org_hours;</div>
183 <tr><td>&selfck.day0;</td><td id='selfck-print-dow_0_open'/><td id='selfck-print-dow_0_close'/></tr>
184 <tr><td>&selfck.day1;</td><td id='selfck-print-dow_1_open'/><td id='selfck-print-dow_1_close'/></tr>
185 <tr><td>&selfck.day2;</td><td id='selfck-print-dow_2_open'/><td id='selfck-print-dow_2_close'/></tr>
186 <tr><td>&selfck.day3;</td><td id='selfck-print-dow_3_open'/><td id='selfck-print-dow_3_close'/></tr>
187 <tr><td>&selfck.day4;</td><td id='selfck-print-dow_4_open'/><td id='selfck-print-dow_4_close'/></tr>
188 <tr><td>&selfck.day5;</td><td id='selfck-print-dow_5_open'/><td id='selfck-print-dow_5_close'/></tr>
189 <tr><td>&selfck.day6;</td><td id='selfck-print-dow_6_open'/><td id='selfck-print-dow_6_close'/></tr>