658c9a60daac650d51d8427eb5b4f4e02b8703d0
[Evergreen.git] / 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