added batch org unit settings fetcher. added org setting to turn on popup alerts...
[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             <div id='selfck-print-queuing' class='hide_me'>
62                 <div><img src='../../../images/small_logo.jpg'/></div>
63                 <div>Printing Receipt...</div>
64             </div>
65
66             <!--***********************************************************************
67                 Checkout form
68                 *********************************************************************** -->
69             <div id='selfck-patron-checkout-container' class='hide_me'>
70
71                 <!--***********************************************************************
72                     Header
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>!
78                     </div>
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>
83                         </span>
84                     </div>
85                 </div>
86
87                 <!--***********************************************************************
88                     Display messages here
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>
101                     </span>
102                 </div>
103
104                 <!--***********************************************************************
105                     This is where patrons scan in the item barcodes
106                     *********************************************************************** -->
107                 <div id='selfck-item-barcode-form-div' class='form_div'>
108                     <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>
115                         </div>
116                     </div>
117                 </div>
118
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'>
124                         <thead>
125                             <tr>
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>
133                             </tr>
134                         </thead>
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>
143                                 <td>
144                                     <span name='selfck.cotype_co'>&selfck.cotype_co;</span>
145                                     <span name='selfck.cotype_rn' class='hide_me'>&selfck.cotype_rn;</span>
146                                 </td>
147                             </tr>
148                             <tr class='hide_me'> </tr>
149                         </tbody>
150                     </table>
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>
154                     </div>
155                 </div>
156             </div>
157         </div>
158
159         <div class='hide_me' id='selfck-errors'/>
160
161         <!--***********************************************************************
162             Generate the printable version of the checked out list here
163             *********************************************************************** -->
164         <div class='print' id='selfck-print-div'>
165             <div>
166                 <div id='selfck-print-date'/>
167                 <div id='selfck-print-lib-name'/>
168                 <div id='selfck-print-lib-addr-street'/>
169                 <div>
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'/>
173                 </div>
174                 <br/>
175                 <div id='selfck-print-patron-info'>
176                     <div><span id='selfck-print-lname'/>, <span id='selfck-print-fname'/></div>
177                     &selfck.items_out;
178                     <ol id='selfck-print-items-list'>
179                         <li name='selfck-print-items-template'>
180                             <div name='title'/>
181                             &selfck.barcode;: <span name='barcode'/>
182                             &selfck.due_date;: <span name='due_date'/>
183                         </li>
184                         <li class='hide_me'> </li>
185                     </ol>
186                 </div>
187                 <br/>
188                 <div>&selfck.org_phone; <span id='selfck-print-lib-phone'/></div>
189                 <br/>
190                 <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>
200                     </table>
201                 </div>
202             </div>
203         </div>
204     </body>
205 </html>
206