testing commit, please ignore
[kcls-web.git] / 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 type="text/javascript" src='/js/dojo/dojo/dojo.js'></script>
34
35         <script language='javascript' type='text/javascript' 
36             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/utils.js'></script>
37             <script language='javascript' type='text/javascript' 
38             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/config.js'></script>
39             <script language='javascript' type='text/javascript' 
40             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/CGI.js'></script>
41             <script language='javascript' type='text/javascript' 
42             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/md5.js'></script>
43         <script language='javascript' type='text/javascript' 
44             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/JSON_v1.js'></script>
45         <script language='javascript' type='text/javascript' 
46             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/fmcore.js'></script>
47         <script language='javascript' type='text/javascript' 
48             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/fmgen.js'></script>
49         <script language='javascript' type='text/javascript' 
50             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/opac_utils.js'></script>
51         <script language='javascript' type='text/javascript' 
52             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/<!--#echo var="locale"-->/OrgTree.js'></script>
53         <script language='javascript' type='text/javascript' 
54             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/OrgLasso.js'></script>
55         <script language='javascript' type='text/javascript' 
56             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/org_utils.js'></script>
57         <script language='javascript' type='text/javascript' 
58             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/common/js/RemoteRequest.js'></script>
59         <script language='javascript' type='text/javascript' 
60             src='<!--#echo var="OILS_OPAC_JS_HOST"-->/extras/selfcheck/selfcheck.js'></script>
61         <link type='text/css' rel='stylesheet' title='Regular'
62             href="<!--#echo var='OILS_OPAC_CSS_HOST'-->/extras/selfcheck/selfcheck.css"/>
63         <link type='text/css' rel='stylesheet' media='print'
64             href="<!--#echo var='OILS_OPAC_CSS_HOST'-->/extras/selfcheck/selfcheck_print.css"/>
65         <link type='text/css' rel='alternate stylesheet' title='Printable'
66             href="<!--#echo var='OILS_OPAC_CSS_HOST'-->/extras/selfcheck/selfcheck_print.css"/>
67     </head>
68
69     <body onload='selfckInit();'>
70
71         <div class='noprint'>
72
73             <!--***********************************************************************
74                 Form for patron "login"
75                 *********************************************************************** -->
76             <div id='selfck-patron-login-container' class='hide_me form_div'>
77                 <span>&selfck.patron_barcode_label;</span>
78                 <span><input type='text' id='selfck-patron-login-input'> </input></span>
79                 <span><button onclick='selfckPatronLogin();'>&selfck.submit;</button></span>
80                 <span id='selfck-patron-not-found' class='hide_me'>&selfck.event.patron_not_found;</span>
81             </div>
82
83             <div id='selfck-print-queuing' class='hide_me'>
84                 <div><img src='../../../images/small_logo.jpg'/></div>
85                 <div>&selfck.printing;</div>
86             </div>
87
88             <!--***********************************************************************
89                 Checkout form
90                 *********************************************************************** -->
91             <div id='selfck-patron-checkout-container' class='hide_me'>
92
93                 <!--***********************************************************************
94                     Header
95                     *********************************************************************** -->
96                 <div id='selfck-logout-div' class='container'>
97                     <div id='selfck-patron-info-div'> 
98                         <!-- not really i18n friendly, but better than nothing -->
99                         &selfck.welcome; <span id='selfck-patron-name-span'></span>!
100                     </div>
101                     <div id='selfck-logout-link-div'>
102                         <span class='selfck-link-span'>
103                             <a href='javascript:void(0);' class='selfck-done-link' 
104                                 onclick='selfckLogoutPatron();'>&selfck.done;</a>
105                         </span>
106                     </div>
107                 </div>
108
109                 <!--***********************************************************************
110                     Display messages here
111                     *********************************************************************** -->
112                 <div id='selfck-message-div' class='form_div'>
113                     <span class='' id='selfck-event-time'></span>
114                     <span class='biglabel' id='selfck-event-span'> </span>
115                     <span class='hide_me'>
116                         <span id='selfck-event-SUCCESS'>&selfck.event.co_success;</span>
117                         <span id='selfck-event-UNKNOWN'>&selfck.event.co_unknown;</span>
118                         <span id='selfck-event-ACTOR_USER_NOT_FOUND'>&selfck.event.patron_not_found;</span>
119                         <span id='selfck-event-COPY_CIRC_NOT_ALLOWED'>&selfck.event.item_nocirc;</span>
120                         <span id='selfck-event-ITEM_NOT_CATALOGED'>&selfck.event.item_noncat;</span>
121                         <span id='selfck-event-already-out'>&selfck.event.already_out;</span>
122                         <span id='selfck-event-dupe-barcode'>&selfck.event.dupe_barcode;</span>
123                     </span>
124                 </div>
125
126                 <!--***********************************************************************
127                     This is where patrons scan in the item barcodes
128                     *********************************************************************** -->
129                 <div id='selfck-item-barcode-form-div' class='form_div'>
130                     <div>
131                         <img src='../../../images/small_logo.jpg'/>
132                         <div class='biglabel'>&selfck.item_barcode_label;</div>
133                         <div id='selfck-item-barcode-form'>
134                             <span><input type='text' id='selfck-item-barcode-input'> </input></span>
135                             <span><button onclick='selfckCheckout();'>&selfck.submit;</button></span>
136                             <span><button onclick='$("selfck-item-barcode-input").value = "";'>&selfck.clear;</button></span>
137                         </div>
138                     </div>
139                 </div>
140
141                 <!--***********************************************************************
142                     This is where patrons scan in the item barcodes
143                     *********************************************************************** -->
144                 <div id='selfck-items-out-table-wrapper' class='hide_me'>
145                     <table id='selfck-items-out-table'>
146                         <thead>
147                             <tr>
148                                 <td id='selfck-pic-cell'></td>
149                                 <td>&selfck.barcode;</td>
150                                 <td>&selfck.title;</td>
151                                 <td>&selfck.author;</td>
152                                 <td>&selfck.due_date;</td>
153                                 <td>&selfck.remaining;</td>
154                                 <td>&selfck.cotype;</td>
155                             </tr>
156                         </thead>
157                         <tbody id='selfck-items-out-tbody'>
158                             <tr id='selfck-items-out-row'>
159                                 <td><img class='jacket' name='selfck.jacket'></img></td>
160                                 <td name='selfck.barcode'></td>
161                                 <td name='selfck.title'></td>
162                                 <td name='selfck.author'></td>
163                                 <td name='selfck.due_date'></td>
164                                 <td name='selfck.remaining'></td>
165                                 <td>
166                                     <span name='selfck.cotype_co'>&selfck.cotype_co;</span>
167                                     <span name='selfck.cotype_rn' class='hide_me'>&selfck.cotype_rn;</span>
168                                 </td>
169                             </tr>
170                             <tr class='hide_me'> </tr>
171                         </tbody>
172                     </table>
173                     <div id='selfck-items-out-done-div'>
174                         <a href='javascript:void(0);' id='selfck-print-co-button' 
175                             class='selfck-done-link' onclick='selfckLogoutPatron();'>&selfck.done;</a>
176                     </div>
177                 </div>
178             </div>
179         </div>
180
181         <div class='hide_me' id='selfck-errors'/>
182
183         <!--***********************************************************************
184             Generate the printable version of the checked out list here
185             *********************************************************************** -->
186         <div class='print' id='selfck-print-div'>
187             <div>
188                 <div id='selfck-print-date'/>
189                 <div id='selfck-print-lib-name'/>
190                 <div id='selfck-print-lib-addr-street'/>
191                 <div>
192                     <span id='selfck-print-lib-addr-city'/>
193                     <span id='selfck-print-lib-addr-state'/> 
194                     <span id='selfck-print-lib-addr-post-code'/>
195                 </div>
196                 <br/>
197                 <div id='selfck-print-patron-info'>
198                     <div><span id='selfck-print-lname'/>, <span id='selfck-print-fname'/></div>
199                     &selfck.items_out;
200                     <ol id='selfck-print-items-list'>
201                         <li name='selfck-print-items-template'>
202                             <div name='title'/>
203                             &selfck.barcode;: <span name='barcode'/>
204                             &selfck.due_date;: <span name='due_date'/>
205                         </li>
206                         <li class='hide_me'> </li>
207                     </ol>
208                 </div>
209                 <br/>
210                 <div>&selfck.org_phone; <span id='selfck-print-lib-phone'/></div>
211                 <br/>
212                 <div>
213                     <div>&selfck.org_hours;</div>
214                     <table id='selfck-print-hours'>
215                         <tr><td>&selfck.day0;</td><td id='selfck-print-dow_0_open'/><td id='selfck-print-dow_0_close'/></tr>
216                         <tr><td>&selfck.day1;</td><td id='selfck-print-dow_1_open'/><td id='selfck-print-dow_1_close'/></tr>
217                         <tr><td>&selfck.day2;</td><td id='selfck-print-dow_2_open'/><td id='selfck-print-dow_2_close'/></tr>
218                         <tr><td>&selfck.day3;</td><td id='selfck-print-dow_3_open'/><td id='selfck-print-dow_3_close'/></tr>
219                         <tr><td>&selfck.day4;</td><td id='selfck-print-dow_4_open'/><td id='selfck-print-dow_4_close'/></tr>
220                         <tr><td>&selfck.day5;</td><td id='selfck-print-dow_5_open'/><td id='selfck-print-dow_5_close'/></tr>
221                         <tr><td>&selfck.day6;</td><td id='selfck-print-dow_6_open'/><td id='selfck-print-dow_6_close'/></tr>
222                     </table>
223                 </div>
224             </div>
225         </div>
226     </body>
227 </html>
228