Cleanup SCO - OPAC self checkout
[srvgit] / koha-tmpl / opac-tmpl / prog / en / modules / sco / sco-main.tmpl
index 2efaedb..39a64a9 100644 (file)
@@ -3,24 +3,51 @@
 <meta name="generator" content="Koha <!-- TMPL_VAR NAME="Version" -->" /> <!-- leave this for stats -->
 <link rel="shortcut icon" href="<!-- TMPL_VAR NAME="themelang" -->/includes/favicon.ico" type="image/x-icon" />
 <script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/jquery/jquery.js"></script>
-<script type="text/javascript" src="<TMPL_VAR NAME="themelang">/js/sco.js"></script>
 <script type="text/javascript">//<![CDATA[
-       $(document).ready(function(){
-               sco_init(1);
-               $(".unfocus").focus();
-       });
+function sco_init(valid_session) {
+    if (valid_session == 1) {
+        setTimeout("location.href='/cgi-bin/koha/sco/sco-main.pl?op=logout';",120000); // TODO: syspref for timeout
+    }
+}
+function dofocus() {    // named function req'd for body onload event by some FF and IE7 security models
+    // alert("dofocus called");
+    $(".focus:last").select();
+}
+
+function checkout_confirm(patronid) {
+    var   barcode = $("#barcode").val();
+    // alert("checkout_confirm('" + patronid + "') called for barcode '" + barcode + "'");
+    if (! barcode) { dofocus(); return false; }    // no barcode
+    if (barcode == "__KOHA_NEW_CIRC__") {   // magic barcode 
+        window.location.href='/cgi-bin/koha/sco/sco-main.pl?op=logout';
+        return false;
+    }
+    if (this.valid_session == 0) {
+        // probably should force logout like above ? --atz 6/09
+        if (confirm('Session has expired.  Click \'OK\' to continue processing this item.  Click Cancel if you are not ' + patronid)){
+            this.op.value='logout';
+            this.patronid.value='';
+        }
+    }
+    return true;
+}
+
+$(document).ready(function() {
+    <!-- TMPL_IF    NAME="patronid" --> sco_init(1);
+    <!-- TMPL_ELSIF NAME="timedout" --> sco_init(1);
+    <!-- /TMPL_IF -->
+});
 //]]>
 </script>
 <link rel="stylesheet" type="text/css" href="<!-- TMPL_VAR name="themelang" -->/css/sco.css" />
 </head>
-<body>
+<body onload="dofocus();">
 
 <div id="doc" class="yui-t7">
 
-<div id="masthead"><h1><!-- TMPL_VAR NAME="LibraryName" --> Self Checkout System </h1></div>
-
-   <div id="bd">
-       <div class="yui-g">
+<div id="masthead"><h1><!-- TMPL_VAR NAME="LibraryName" --> Self Checkout System</h1></div>
+<div id="bd">
+    <div class="yui-g">
 
 <!-- TMPL_IF NAME="impossible" --><!-- We tried to issue, but failed. -->
 <div class="dialog alert"><h3>Item cannot be checked out.</h3><p>Sorry, This item cannot be checked out at this station.  </p>
@@ -33,7 +60,7 @@
 <input type="hidden" name="barcode" value="<!-- TMPL_VAR NAME="barcode" -->" />
 <input type="button" name="returnbook" value="Return this item" class="return" onclick="this.form.op.value='returnbook';this.form.submit();"  />
 <!-- /TMPL_IF -->
-<input type="submit" name= "confirm" value="Return to Account Summary" class="back" />
+<input type="submit" name= "confirm" value="Return to Account Summary" class="back focus" />
 </div>
 <!-- /TMPL_IF -->
 <!-- TMPL_IF NAME="confirm" --><!-- We need to confirm the issue.. -->
@@ -44,7 +71,7 @@
 <input type="hidden" id="op" name="op" value="checkout" />
 <input type="hidden" name="patronid" value="<!-- TMPL_VAR NAME="patronid" -->" />
 <input type="hidden" name="barcode" value="<!-- TMPL_VAR NAME="barcode" -->" />
-<input type="hidden" id="confirmation"  name="confirmed" value=""  />
+<input type="hidden" id="confirmation"  name="confirmed" value="" />
 <!-- TMPL_IF NAME="renew" -->
 <input type="button" value="Return Item" name="confirm" class="return" onclick="this.form.op.value='returnbook';this.form.submit();"  />
 <!-- /TMPL_IF -->
@@ -67,8 +94,9 @@ Sorry, This Self-Checkout Station has lost authentication.  Please contact the a
 <!-- TMPL_UNLESS NAME="hide_main" -->
        <div class="sco_head">
        <!-- TMPL_UNLESS NAME="validuser" --> 
-       <h3> <!-- TMPL_VAR NAME="libraryname" --> Self Checkout </h3>
+       <h3>Self Checkout</h3>
        <!-- /TMPL_UNLESS -->
+
        <div id="checkouthelp">
                <a href="/cgi-bin/koha/sco/help.pl">HELP</a> with the self checkout system
        </div>
@@ -79,31 +107,21 @@ Sorry, This Self-Checkout Station has lost authentication.  Please contact the a
        <!-- /TMPL_IF -->
        </div>
        <!-- TMPL_IF NAME="nouser" -->
-       <div class="error"><h4>Sorry</h4><p>The userid <!-- TMPL_VAR NAME="patronid" --> was not found in the database.  Please try again.</p></div>
+       <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>
        <br />
        <!-- /TMPL_IF -->
        <!-- /TMPL_IF -->
+
        <!-- TMPL_IF NAME="timedout" -->
        <div class="error"><h4>Sorry</h4><p>Your session has timed out due to inactivity.  Please sign in.</p></div>
        <br />
        <!-- /TMPL_IF -->
-       <!-- TMPL_UNLESS NAME="validuser" -->
-       <div class="sco_entry" >
-       <form id="mainform" action="/cgi-bin/koha/sco/sco-main.pl" name="mainform" method="post">
-       <fieldset class="checkout"><label for="patronid">Please enter your card number:</label> 
-       <input type="text" id="patronid" class="unfocus" size="20" name="patronid" />
-
-       <!-- TMPL_LOOP NAME="INPUTS" --><input type="hidden" name="<!-- TMPL_VAR NAME="name" -->" value="<!-- TMPL_VAR NAME="value" -->"><!-- /TMPL_LOOP -->
-       <input type="hidden" name="op" value="login" />
-       <input  type="submit" value="Submit" class="submit" /></fieldset></form>
-       </div>
-       <!-- /TMPL_UNLESS -->
        <!-- TMPL_IF NAME="validuser" -->
        <div id="newcheckout" class="sco_entry">
-       <form id="mainform" name="scan_form" method="post" action="/cgi-bin/koha/sco/sco-main.pl" onsubmit=" if(this.valid_session == 0) { if(confirm('Session has expired.  Click \'OK\' to continue processing this item.  Click Cancel if you are not <!-- TMPL_VAR NAME="patronid" -->.')){ this.op.value='logout'; this.patronid.value=''; } return true;}; " >
+       <form id="mainform" name="scan_form" method="post" action="/cgi-bin/koha/sco/sco-main.pl" onsubmit="return checkout_confirm('<!-- TMPL_VAR NAME='patronid' -->');">
        <fieldset><legend> Check out or return an item: </legend>
        <label for="barcode">Scan a new item or enter its barcode:</label>
-       <input id="barcode" name="barcode" size="20" class="unfocus" onfocus="this.className='focus';" onblur="this.className='unfocus';" />
+       <input id="barcode" name="barcode" size="20" class="focus" />
        <input type="hidden" name="op" value="checkout" />
        <input type="hidden" name="patronid" value="<!-- TMPL_VAR name="patronid" -->" />
        <input type="hidden" name="valid_session" value="1" />
@@ -120,9 +138,10 @@ Sorry, This Self-Checkout Station has lost authentication.  Please contact the a
 
        <!-- TMPL_LOOP NAME="ISSUES" -->
        <!-- TMPL_UNLESS name="__odd__" --><tr class="highlight"><!-- TMPL_ELSE --><tr><!-- /TMPL_UNLESS -->
+    <!-- FIXME: yet another jacket image breakpoint -->
        <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">
        <!-- TMPL_VAR NAME="author" --></span> (<!-- TMPL_VAR NAME="barcode" -->)</td>
-       <td><!-- TMPL_IF NAME="itemcallnumber" --> <!-- TMPL_VAR NAME="itemcallnumber" --><!-- TMPL_ELSE -->&nbsp;<!-- /TMPL_IF --></td>
+       <td><!-- TMPL_VAR NAME="itemcallnumber" DEFAULT="&nbsp;" --></td>
        <!-- TMPL_IF NAME="overdue" --><td class="overdue"><!-- TMPL_VAR NAME="date_due" --></td><!-- TMPL_ELSE --><td><!-- TMPL_VAR NAME="date_due" --></td><!-- /TMPL_IF -->
        <td>
     <form action="/cgi-bin/koha/sco/sco-main.pl" name="confirmForm" method="post">
@@ -130,11 +149,11 @@ Sorry, This Self-Checkout Station has lost authentication.  Please contact the a
     <input type="hidden" name="patronid" value="<!-- TMPL_VAR NAME="patronid" -->" />
     <input type="hidden" name="barcode" value="<!-- TMPL_VAR NAME="barcode" -->" />
     <input type="hidden" id="confirmation"  name="confirmed" value=""  />
-       <!-- TMPL_IF NAME="norenew" -->
+        <!-- TMPL_IF NAME="norenew" -->
         <input type="button" value="Return Item" name="confirm" class="return" onclick="this.form.op.value='returnbook';this.form.submit();"  />
-       <!-- TMPL_ELSE  -->
+        <!-- TMPL_ELSE  -->
         <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();" />
-    <!-- /TMPL_IF -->
+        <!-- /TMPL_IF -->
     </form>
        </td>
        <!-- TMPL_UNLESS NAME="nofines" --><td><!-- TMPL_IF NAME="charges" -->Yes<!-- TMPL_ELSE -->No<!-- /TMPL_IF --></td><!-- /TMPL_UNLESS --></tr>
@@ -145,11 +164,20 @@ Sorry, This Self-Checkout Station has lost authentication.  Please contact the a
        <h3>You currently have nothing checked out.</h3>
        <!-- /TMPL_IF -->
        </div> <!-- borrowerdetails -->
+       <!-- TMPL_ELSE --><!-- not validuser -->
+       <div class="sco_entry" >
+       <form id="mainform" action="/cgi-bin/koha/sco/sco-main.pl" name="mainform" method="post">
+       <fieldset class="checkout"><label for="patronid">Please enter your card number:</label> 
+       <input type="text" id="patronid" class="focus" size="20" name="patronid" />
+
+       <!-- TMPL_LOOP NAME="INPUTS" --><input type="hidden" name="<!-- TMPL_VAR NAME="name" -->" value="<!-- TMPL_VAR NAME="value" -->"><!-- /TMPL_LOOP -->
+       <input type="hidden" name="op" value="login" />
+       <input type="submit" value="Submit" class="submit" /></fieldset></form>
+       </div>
        <!-- /TMPL_IF -->
 <!-- /TMPL_UNLESS --> <!-- ( / hide main) -->  
        
        </div>
-
        </div>
 </div>
 <!-- TMPL_INCLUDE NAME="opac-bottom.inc" -->