Bug 5578: Self checkout by Login enhancement
[koha.git] / koha-tmpl / opac-tmpl / prog / en / modules / sco / sco-main.tmpl
1 <!-- TMPL_INCLUDE NAME="doc-head-open.inc" --><!-- TMPL_VAR NAME="LibraryName" --> &rsaquo; Self Checkout </title>
2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3 <meta name="generator" content="Koha <!-- TMPL_VAR NAME="Version" -->" /> <!-- leave this for stats -->
4 <link rel="shortcut icon" href="<!-- TMPL_VAR NAME="themelang" -->/includes/favicon.ico" type="image/x-icon" />
5 <script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/jquery/jquery.js"></script>
6 <script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/jquery/plugins/jquery.tablesorter.min.js"></script>
7 <script type="text/javascript">//<![CDATA[
8 function sco_init(valid_session) {
9     if (valid_session == 1) {
10         setTimeout("location.href='/cgi-bin/koha/sco/sco-main.pl?op=logout';",<!-- TMPL_VAR name="SelfCheckTimeout" -->); 
11     }
12 }
13 function dofocus() {    // named function req'd for body onload event by some FF and IE7 security models
14     // alert("dofocus called");
15     $(".focus:last").select();
16 }
17
18 function checkout_confirm(patronid) {
19     var   barcode = $("#barcode").val();
20     // alert("checkout_confirm('" + patronid + "') called for barcode '" + barcode + "'");
21     if (! barcode) { dofocus(); return false; }    // no barcode
22     if (barcode == "__KOHA_NEW_CIRC__") {   // magic barcode 
23         window.location.href='/cgi-bin/koha/sco/sco-main.pl?op=logout';
24         return false;
25     }
26     if (this.valid_session == 0) {
27         // probably should force logout like above ? --atz 6/09
28         if (confirm('Session has expired.  Click \'OK\' to continue processing this item.  Click Cancel if you are not ' + patronid)){
29             this.op.value='logout';
30             this.patronid.value='';
31         }
32     }
33     return true;
34 }
35
36 $.tablesorter.addParser({
37     id: 'articles',
38     is: function(s) {return false;  },
39     format: function(s) { return s.toLowerCase().replace(/^(the|an|a) /,''); },
40     type: 'text'
41 });
42
43 $(document).ready(function() {
44     <!-- TMPL_IF    NAME="patronid" --> sco_init(1);
45     <!-- TMPL_ELSIF NAME="timedout" --> sco_init(1);
46     <!-- /TMPL_IF -->
47     $("#loanTable").tablesorter({
48         <!-- TMPL_IF NAME="dateformat_metric" -->
49             dateFormat: 'uk',
50         <!-- /TMPL_IF -->
51         widgets:   ['zebra'],
52         sortList:  [[2, 1], [0, 0]],
53         headers: {
54             0: { sorter: 'articles' },
55             3: { sorter: false }
56             <!-- TMPL_UNLESS NAME="nofines" -->, 4: { sorter: false }<!-- /TMPL_UNLESS -->
57         }
58     });
59 });
60 //]]>
61 </script>
62 <link rel="stylesheet" type="text/css" href="<!-- TMPL_VAR name="themelang" -->/css/sco.css" />
63 </head>
64 <body onload="dofocus();">
65
66 <div id="doc" class="yui-t7">
67
68 <div id="masthead"><h1><!-- TMPL_VAR NAME="LibraryName" --> Self Checkout System</h1></div>
69 <div id="bd">
70     <div class="yui-g">
71
72 <!-- TMPL_IF NAME="impossible" --><!-- We tried to issue, but failed. -->
73 <div class="dialog alert"><h3>Item cannot be checked out.</h3><p>Sorry, This item cannot be checked out at this station.  </p>
74 <!-- TMPL_IF NAME="title" --><p>Title: <em><!-- TMPL_VAR NAME="title" escape="html" --></em> </p><!-- /TMPL_IF -->
75 <p>
76    <!-- TMPL_IF NAME="circ_error_UNKNOWN_BARCODE" -->
77     <em>MESSAGE 1:</em> The system does not recognize this barcode.
78    <!-- TMPL_ELSIF NAME="circ_error_TOO_MANY" -->
79     <em>MESSAGE 2:</em> You have borrowed too many items and can't check out any more.
80    <!-- TMPL_ELSIF NAME="circ_error_ISSUED_TO_ANOTHER" -->
81     <em>MESSAGE 3:</em> This item is checked out to someone else.
82    <!-- TMPL_ELSIF NAME="circ_error_NO_MORE_RENEWALS" -->
83     <em>MESSAGE 4:</em> You cannot renew this item again.
84    <!-- TMPL_ELSIF NAME="circ_error_NOT_FOR_LOAN" -->
85     <em>MESSAGE 5:</em> This item is not for loan.
86    <!-- TMPL_ELSIF NAME="circ_error_DEBT" -->
87     <em>MESSAGE 6:</em> You owe the library <!-- TMPL_VAR NAME="amount" --> and cannot borrow.
88    <!-- TMPL_ELSIF NAME="circ_error_WTHDRAWN" -->
89     <em>MESSAGE 7:</em> This item has been withdrawn from the collection.
90    <!-- TMPL_ELSIF NAME="circ_error_RESTRICTED" -->
91     <em>MESSAGE 8:</em>
92    <!-- TMPL_ELSIF NAME="circ_error_RESERVED" -->
93     <em>MESSAGE 9:</em> This item is reserved for another patron.
94    <!-- TMPL_ELSIF NAME="circ_error_ITEMNOTSAMEBRANCH" -->
95     <em>MESSAGE 10:</em>
96    <!-- TMPL_ELSIF NAME="circ_error_EXPIRED" -->
97     <em>MESSAGE 11:</em> Your account has expired.
98    <!-- TMPL_ELSIF NAME="circ_error_DEBARRED" -->
99     <em>MESSAGE 12:</em> Your account has been suspended.
100    <!-- TMPL_ELSIF NAME="circ_error_CARD_LOST" -->
101     <em>MESSAGE 13:</em> This card has been declared lost.
102    <!-- TMPL_ELSIF NAME="circ_error_GNA" -->
103     <em>MESSAGE 14:</em>
104    <!-- TMPL_ELSIF NAME="circ_error_INVALID_DATE" -->
105     <em>MESSAGE 15:</em>
106    <!-- /TMPL_IF -->
107    Please see a member of the library staff.
108 </p>
109 <form action="/cgi-bin/koha/sco/sco-main.pl" name="errorForm" method="post">
110 <input type="hidden" name="op" value="login" />
111 <input type="hidden" name="patronid" value="<!-- TMPL_VAR NAME="patronid" -->" />
112 <!-- TMPL_IF NAME="returnitem" -->
113 <!-- TMPL_IF NAME="AllowSelfCheckReturns" -->
114 <input type="hidden" name="barcode" value="<!-- TMPL_VAR NAME="barcode" -->" />
115 <input type="button" name="returnbook" value="Return this item" class="return" onclick="this.form.op.value='returnbook';this.form.submit();"  />
116 <!-- /TMPL_IF -->
117 <!-- /TMPL_IF -->
118 <input type="submit" name= "confirm" value="Return to Account Summary" class="back focus" />
119 </form>
120 <!-- /TMPL_IF -->
121 <!-- TMPL_IF NAME="confirm" --><!-- We need to confirm the issue.. -->
122 <div class="dialog alert"><h3>Please confirm the checkout:</h3>
123 <p><!-- TMPL_IF NAME="confirm_renew_issue" -->This item is already checked out to you.<!-- /TMPL_IF --></p>
124
125 <form action="/cgi-bin/koha/sco/sco-main.pl" name="confirmForm" method="post">
126 <input type="hidden" name="op" value="checkout" />
127 <input type="hidden" name="patronid" value="<!-- TMPL_VAR NAME="patronid" -->" />
128 <input type="hidden" name="barcode" value="<!-- TMPL_VAR NAME="barcode" -->" />
129 <input type="hidden" name="confirmed" value="" />
130 <!-- TMPL_IF NAME="renew" -->
131 <!-- TMPL_IF NAME="AllowSelfCheckReturns" -->
132 <input type="button" value="Return Item" name="confirm" class="return" onclick="this.form.op.value='returnbook';this.form.submit();"  />
133 <!-- /TMPL_IF -->
134 <!-- /TMPL_IF -->
135 <input type="button" value="Renew Item" <!-- TMPL_UNLESS NAME="renew" --> name="confirm"<!-- /TMPL_UNLESS --> class="renew" onclick="this.form.confirmed.value='1';this.form.submit();" />
136 <input type="button" value="Cancel" class="cancel" onclick="this.form.op.value='';this.form.submit();return true;"  />
137 </form>
138 </div>
139 <!-- /TMPL_IF -->
140
141 <!-- TMPL_IF NAME="nopermission" --><!-- This is what is displayed if user doesnt have permission --><div class="dialog alert"><h3>Access Denied</h3>
142 Sorry, This Self-Checkout Station has lost authentication.  Please contact the administrator to resolve this problem. </div>
143 <!-- /TMPL_IF -->
144 <!-- TMPL_IF NAME="timed_out" --><!-- This is what is displayed if login has timed out -->
145 <div class="dialog alert"><h3>Session timed out</h3>Sorry, your session has timed out, please log in again.</div><!-- /TMPL_IF -->
146 <!-- TMPL_IF NAME="different_ip" --><!-- This is what is displayed if user doesnt have permission --><div class="dialog alert"><h3>Session Lost</h3>You are accessing Self-Checkout from a different IP address! please log in again.</div><!-- /TMPL_IF -->
147 <!-- TMPL_IF NAME="invalid_username_or_password" -->
148 <!-- This is what is displayed if user doesnt have permission --><div class="dialog alert"><h3>Record not found</h3><p>Your userid was not found in the database.  Please try again.</p></div><!-- /TMPL_IF -->
149
150
151 <!-- TMPL_UNLESS NAME="hide_main" -->
152         <div class="sco_head">
153         <!-- TMPL_UNLESS NAME="validuser" --> 
154         <h3>Self Checkout</h3>
155         <!-- /TMPL_UNLESS -->
156
157         <div id="checkouthelp">
158                 <a href="/cgi-bin/koha/sco/help.pl">HELP</a> with the self checkout system
159         </div>
160
161         <!-- TMPL_IF NAME="patronid" -->
162         <!-- TMPL_IF NAME="validuser" -->
163         <h3 class="warning">You are logged in as <!-- TMPL_VAR NAME="borrowername" -->.</h3>
164     <!-- TMPL_IF NAME="display_patron_image" -->
165         <img src="/cgi-bin/koha/sco/sco-patron-image.pl?cardnumber=<!-- TMPL_VAR NAME="cardnumber" -->" alt="" />
166     <!-- /TMPL_IF -->
167         <!-- /TMPL_IF -->
168         </div>
169         <!-- TMPL_IF NAME="nouser" -->
170         <div class="error"><h4>Sorry</h4><p>The userid <strong><!-- TMPL_VAR NAME="patronid" --></strong> was not found in the database.  Please try again.</p></div>
171         <br />
172         <!-- /TMPL_IF -->
173         <!-- /TMPL_IF -->
174
175         <!-- TMPL_IF NAME="timedout" -->
176         <div class="error"><h4>Sorry</h4><p>Your session has timed out due to inactivity.  Please sign in.</p></div>
177         <br />
178         <!-- /TMPL_IF -->
179         <!-- TMPL_IF NAME="validuser" -->
180         <div id="newcheckout" class="sco_entry">
181         <form id="scan_form" name="scan_form" method="post" action="/cgi-bin/koha/sco/sco-main.pl" onsubmit="return checkout_confirm('<!-- TMPL_VAR NAME='patronid' -->');">
182         <fieldset><legend> Check out<!--TMPL_IF NAME="AllowSelfCheckReturns" -->, return<!--/TMPL_IF --> or renew an item: </legend>
183         <label for="barcode">Scan a new item or enter its barcode:</label>
184         <input id="barcode" name="barcode" size="20" class="focus" />
185         <input type="hidden" name="op" value="checkout" />
186         <input type="hidden" name="patronid" value="<!-- TMPL_VAR name="patronid" -->" />
187         <input type="hidden" name="valid_session" value="1" />
188         <input type="submit" value="Submit" class="submit" /></fieldset>
189         </form>
190         <div><form method="post" action="/cgi-bin/koha/sco/sco-main.pl?op=logout" ><input type="submit" value="Finish" class="finish" /></form></div>
191         </div> <!-- sco_entry --> <!-- newcheckout -->
192
193         <div id="borrowerdetails">
194         <!-- TMPL_IF NAME="issues_count" -->
195         <table id="loanTable"><caption>Checkouts for <!-- TMPL_VAR NAME='borrowername' --> <span class="count">(<!-- TMPL_VAR NAME="issues_count" --> total)</span></caption>
196         <!-- ISSUES TABLE ROWS -->
197     <thead>
198         <tr><th>Title</th><th>Call No.</th><th>Due</th><th>Renew</th><!-- TMPL_UNLESS NAME="nofines" --><th>Fines</th><!-- /TMPL_UNLESS --></tr>
199     </thead>
200
201     <tbody>
202         <!-- TMPL_LOOP NAME="ISSUES" -->
203         <!-- TMPL_UNLESS name="__odd__" --><tr class="highlight"><!-- TMPL_ELSE --><tr><!-- /TMPL_UNLESS -->
204     <!-- FIXME: yet another jacket image breakpoint -->
205         <td><!-- TMPL_IF NAME="amazonimages" --> <!-- TMPL_IF NAME="isbn" --><a href="/cgi-bin/koha/opac-detail.pl?bib=<!-- TMPL_VAR NAME="biblionumber" ESCAPE="URL" -->"><img src="http://images.amazon.com/images/P/<!-- TMPL_VAR name="isbn" -->.01.THUMBZZZ.jpg" alt="Book Cover Image" class="thumbnail" /></a><!-- /TMPL_IF --> <!-- /TMPL_IF --><!-- TMPL_UNLESS NAME="noitemlinks" --><a href="/cgi-bin/koha/opac-detail.pl?bib=<!-- TMPL_VAR NAME="biblionumber" -->"><!-- TMPL_VAR NAME="title" escape="html" --></a><!-- TMPL_ELSE --><strong><!-- TMPL_VAR NAME="title" escape="html" --></strong><!-- /TMPL_UNLESS --><span class="item-details">
206         <!-- TMPL_VAR NAME="author" --></span> (<!-- TMPL_VAR NAME="barcode" -->)</td>
207         <td><!-- TMPL_VAR NAME="itemcallnumber" DEFAULT="&nbsp;" --></td>
208         <!-- TMPL_IF NAME="overdue" --><td class="overdue"><!-- TMPL_VAR NAME="date_due_display" --></td><!-- TMPL_ELSE --><td><!-- TMPL_VAR NAME="date_due_display" --></td><!-- /TMPL_IF -->
209         <td>
210     <form action="/cgi-bin/koha/sco/sco-main.pl" method="post">
211     <input type="hidden" name="op" value="checkout" />
212     <input type="hidden" name="patronid" value="<!-- TMPL_VAR NAME="patronid" -->" />
213     <input type="hidden" name="barcode" value="<!-- TMPL_VAR NAME="barcode" -->" />
214     <input type="hidden" name="confirmed" value=""  />
215         <!-- TMPL_IF NAME="norenew" -->
216           <!-- TMPL_IF NAME="AllowSelfCheckReturns" -->
217           <input type="button" value="Return Item" name="confirm" class="return" onclick="this.form.op.value='returnbook';this.form.submit();"  />
218           <!-- TMPL_ELSE -->
219           <span>No renewals allowed</span>
220           <!-- /TMPL_IF -->
221         <!-- TMPL_ELSE  -->
222         <input type="button" value="Renew Item" <!-- TMPL_UNLESS NAME="renew" --> name="confirm"<!-- /TMPL_UNLESS --> class="renew" onclick="this.form.confirmed.value='1';this.form.submit();" />
223         <!-- /TMPL_IF -->
224     </form>
225         </td>
226         <!-- TMPL_UNLESS NAME="nofines" --><td><!-- TMPL_IF NAME="charges" -->Yes<!-- TMPL_ELSE -->No<!-- /TMPL_IF --></td><!-- /TMPL_UNLESS --></tr>
227         <!-- /TMPL_LOOP -->
228     </tbody>
229
230         </table>
231         <!-- TMPL_ELSE -->
232         <h3>You currently have nothing checked out.</h3>
233         <!-- /TMPL_IF -->
234
235         <!-- TMPL_ELSE --><!-- not validuser -->
236         <div class="sco_entry" >
237         <form id="mainform" action="/cgi-bin/koha/sco/sco-main.pl" name="mainform" method="post">
238        <!-- TMPL_IF NAME="authbylogin" -->
239         <fieldset class="checkout">
240        <legend>Please login with your username and password</legend>
241        <label for="patronlogin">Username:</label>
242         <input type="text" id="patronlogin" class="focus" size="20" name="patronlogin" />
243        <label for="patronpw">Password:</label>
244         <input type="password" id="patronpw" size="20" name="patronpw" />
245        <!-- TMPL_ELSE -->
246         <fieldset class="checkout"><label for="patronid">Please enter your card number:</label> 
247         <input type="text" id="patronid" class="focus" size="20" name="patronid" />
248         <!-- /TMPL_IF -->
249
250         <!-- TMPL_LOOP NAME="INPUTS" --><input type="hidden" name="<!-- TMPL_VAR ESCAPE=HTML NAME="name" -->" value="<!-- TMPL_VAR ESCAPE=HTML NAME="value" -->"><!-- /TMPL_LOOP -->
251         <input type="hidden" name="op" value="login" />
252         <input type="submit" value="Submit" class="submit" /></fieldset></form>
253         </div>
254         <!-- /TMPL_IF -->
255 <!-- /TMPL_UNLESS --> <!-- ( / hide main) -->   
256         
257         </div>
258         </div>
259 </div>
260 <!-- TMPL_INCLUDE NAME="opac-bottom.inc" -->