var itemsOutCirc = [];\r
var itemsOutMod = [];\r
var itemsOutCopy = [];\r
-var TIMEOUT = 45; // logout timer\r
+var TIMEOUT = 60; // logout timer\r
\r
\r
const SET_BARCODE_REGEX = 'opac.barcode_regex';\r
+++ /dev/null
-[%- ctx.final_dtd =
- '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">' -%]
-[%- IF !ctx.dtd; ctx.dtd = ctx.final_dtd; END -%]
-[% ctx.dtd %]
-<html xmlns='http://www.w3.org/1999/xhtml' lang='[% ctx.locale %]' xml:lang='[% ctx.locale %]'>
- <head>
- <title>[% ctx.page_title %]</title>
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
- <link rel='stylesheet' type='text/css'
- href='[% ctx.media_prefix %]/css/skin/[% ctx.skin %].css' />
- <link rel='stylesheet' type='text/css'
- href='[% ctx.media_prefix %]/css/theme/[% ctx.skin %].css' />
- <script language='javascript' src='/IDL2js' type='text/javascript'></script>
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/dojo/dojo.js"
- djConfig="parseOnLoad: true, isDebug:false"></script>
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/dojo/openils_dojo.js"></script>
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/opensrf/md5.js"></script>
- <script type="text/javascript">
- var oilsBasePath = '[% ctx.base_path %]';
- </script>
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/base.js"></script>
- </head>
- <body class='tundra'>
- [% INCLUDE login.tt2 %] <!-- shared login page -->
- [% content %] <!-- Page body -->
- </body>
-</html>
+++ /dev/null
-[%- ctx.final_dtd =
- '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">' -%]
-[%- IF !ctx.dtd; ctx.dtd = ctx.final_dtd; END -%]
-[% ctx.dtd %]
-<html xmlns='http://www.w3.org/1999/xhtml' lang='[% ctx.locale %]' xml:lang='[% ctx.locale %]'>
- <head>
- <title>[% ctx.page_title %]</title>
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
- <link rel='stylesheet' type='text/css'
- href='[% ctx.media_prefix %]/css/skin/[% ctx.skin %].css' />
- <link rel='stylesheet' type='text/css'
- href='[% ctx.media_prefix %]/css/theme/[% ctx.skin %].css' />
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/dojo/dojo.js"
- djConfig="parseOnLoad: true, isDebug:false"></script>
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/dojo/openils_dojo.js"></script>
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/opensrf/md5.js"></script>
- <script type="text/javascript">
- var oilsBasePath = '[% ctx.base_path %]';
- </script>
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/base.js"></script>
- </head>
- <body class='tundra'>
- [% INCLUDE login.tt2 %] <!-- shared login page -->
- [% content %] <!-- Page body -->
- </body>
-</html>
+++ /dev/null
-[%- ctx.final_dtd = \r
- '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">' -%]\r
-[%- ctx.home_path ='/local_templates/default/circ/selfcheck' -%]\r
-[%- IF !ctx.dtd; ctx.dtd = ctx.final_dtd; END -%]\r
-[% ctx.dtd %]\r
-<html xmlns='http://www.w3.org/1999/xhtml' lang='[% ctx.locale %]' xml:lang='[% ctx.locale %]'>\r
- <head>\r
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />\r
- <title>[% ctx.page_title %]</title>\r
- \r
- \r
- <link rel='stylesheet' type='text/css' href='[% ctx.media_prefix %]/css/skin/[% ctx.skin %].css' />\r
- <link rel='stylesheet' type='text/css' href='[% ctx.media_prefix %]/css/theme/[% ctx.skin %].css' />\r
- \r
- <link rel='stylesheet' type='text/css' href='[% ctx.home_path %]/style.css' />\r
- \r
-<script type="text/javascript">\r
-function switchTo(str,subpage) {\r
- var pages = [];\r
- var sidebarLinks = [];\r
- pages['step0'] = document.getElementById('step0');\r
- pages['step1'] = document.getElementById('step1');\r
- pages['step2'] = document.getElementById('step2');\r
- pages['step3'] = document.getElementById('step3');\r
- pages['step3a'] = document.getElementById('step3a');\r
- //pages['step3b'] = document.getElementById('step3b');\r
- pages['step3c'] = document.getElementById('step3c');\r
- pages['step3d'] = document.getElementById('step3d');\r
- pages['step3e'] = document.getElementById('step3e');\r
- pages['step3f'] = document.getElementById('step3f');\r
- pages['step4'] = document.getElementById('step4');\r
- pages['step5'] = document.getElementById('step5');\r
- pages['pay_fines'] = document.getElementById('pay_fines');\r
- \r
- sidebarLinks['sidebar_step3c'] = document.getElementById('sidebar_step3c');\r
- sidebarLinks['sidebar_step3d'] = document.getElementById('sidebar_step3d');\r
- sidebarLinks['sidebar_step3e'] = document.getElementById('sidebar_step3e');\r
- sidebarLinks['sidebar_step3f'] = document.getElementById('sidebar_step3f');\r
-\r
- for(var i in pages) { if(!pages[i]) continue; pages[i].style.display="none"; }\r
- for(var i in sidebarLinks) { if(!sidebarLinks[i]) continue; sidebarLinks[i].className=""; }\r
- \r
- if(subpage) {\r
- pages[subpage].style.display="block";\r
- sidebarLinks['sidebar_'+subpage].className="selected";\r
- }\r
- pages[str].style.display="block";\r
- if(str=='step3' && !subpage) pages['step3a'].style.display="block";\r
- try{dojo.byId('selfckScanBox').focus();dojo.byId('selfckScanBox').select();}catch(e){}\r
-}\r
-</script>\r
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/dojo/dojo.js" djConfig="parseOnLoad: true, isDebug:false"></script>\r
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/dojo/openils_dojo.js"></script>\r
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/opensrf/md5.js"></script>\r
- <script type="text/javascript">var oilsBasePath = '[% ctx.base_path %]';</script>\r
- <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/base.js"></script>\r
- \r
- </head>\r
- \r
-<body class='tundra'> \r
-[% INCLUDE login.tt2 %] <!-- shared login page -->\r
-[% content %] <!-- Page body -->\r
-</body>\r
-</html>
\ No newline at end of file
+++ /dev/null
-<tbody id='uedit-tbody'>
- <tr fmclass='au' fmfield='dob'/>
- <tr fmclass='au' fmfield='juvenile'/>
- <tr fmclass='au' fmfield='ident_value2'><td/><td>Parent/Guardian</td></tr>
- <tr fmclass='au' fmfield='family_name' required='required'/>
- <tr fmclass='au' fmfield='first_given_name' required='required'/>
- <tr fmclass='au' fmfield='second_given_name'/>
-
-
- <!-- Address ============================== -->
- <tr name='uedit-addr-divider' class='divider' type='addr-template' required='show'>
- <td colspan='2'>Address</td>
- <td>
- <span>Mailing</span><input type='radio' name='mailing_address'>
- <span>Billing</span><input type='radio' name='billing_address'>
- <button name='delete-button' class='uedit-addr-del-button'>X</button>
- </td>
- </tr>
-
- <tr name='uedit-addr-pending-row' type='addr-template' class='pending-addr-row hidden'>
- <td colspan='3'>
- <span style='padding-right:10px;'>This is a pending address: </span>
- <button name='approve-button'>Approve Address</button>
- <div name='replaced-addr-div'>
- <div name='replaced-addr'></div>
- </div>
- </td>
- </tr>
-
- <tr name='uedit-addr-owner-row' type='addr-template' class='pending-addr-row hidden'>
- <td colspan='3'>
- <span style='padding-right:10px;'>This address is owned by another user: </span>
- <a href='javascript:void(0);' name='addr-owner'></a>
- </td>
- </tr>
-
- <tr id='new-addr-row' class='newaddr-row' required='show'>
- <td colspan='0' style='text-align:center;'>
- <button dojoType='dijit.form.Button' onClick='uEditNewAddr'>New Address</button>
- </td>
- </tr>
- <!-- ====================================== -->
-
-
-
- <tr fmclass='au' fmfield='day_phone'/>
- <tr fmclass='au' fmfield='evening_phone'/>
- <tr fmclass='au' fmfield='other_phone'/>
- <tr fmclass='au' fmfield='email'/>
-
- <tr fmclass='ac' fmfield='barcode' required='required'>
- <td/><td/><td/>
- <td>
- <button dojoType='dijit.form.Button' jsId='replaceBarcode'>Replace Barcode</button>
- <span id='uedit-dupe-barcode-warning' style='color:red; font-weight:bold' class='hidden'>
- Barcode is already in use
- </span>
- </td>
- <td id='uedit-all-barcodes' class='hidden'>
- <button dojoType='dijit.form.Button' jsId='allCards'>See All</button>
- </td>
- </tr>
- <tr fmclass='au' fmfield='usrname' required='required'>
- <td/><td/><td/>
- <td>
- <span id='uedit-dupe-username-warning' style='color:red; font-weight:bold' class='hidden'>
- Username is already in use
- </span>
- </td>
- </tr>
- <tr fmclass='au' fmfield='passwd' required='required'/>
- <tr fmclass='au' fmfield='passwd2' required='required'><td/><td>Verify Password</td><td/></tr>
- <tr fmclass='au' fmfield='alias'/>
- <tr fmclass='au' fmfield='profile' required='required'/>
- <tr fmclass='au' fmfield='home_ou' required='required'/>
- <tr fmclass='au' fmfield='expire_date' required='required'/>
- <tr fmclass='au' fmfield='net_access_level' required='required'/>
- <tr fmclass='au' fmfield='active'/>
- <tr fmclass='au' fmfield='barred'/>
- <tr fmclass='au' fmfield='master_account'/>
-
-
- <tr fmclass='au' fmfield='suffix'/>
- <tr fmclass='au' fmfield='ident_type' required='required'/>
- <tr fmclass='au' fmfield='ident_value'/>
- <tr fmclass='au' fmfield='claims_returned_count' wclass='dijit.form.NumberSpinner' wconstraints="{min:0,places:0}" wvalue='0'/>
- <tr fmclass='au' fmfield='claims_never_checked_out_count' wclass='dijit.form.NumberSpinner' wconstraints="{min:0,places:0}" wvalue='0'/>
- <tr fmclass='au' fmfield='alert_message' wclass='dijit.form.Textarea' wstyle='height:5em'/>
-
- <tr class='divider hidden' id='uedit-settings-divider'><td colspan='0'>User Settings</td></tr>
- <tr class='hidden' id='uedit-user-setting-template'>
- <td/>
- <td><span name='label'></span></td>
- <td><div name='widget'></div></td>
- </tr>
-
- <tr fmclass='aua' fmfield='address_type' type='addr-template' required='show'/>
- <tr fmclass='aua' fmfield='post_code' type='addr-template' required='required'/>
- <tr fmclass='aua' fmfield='street1' type='addr-template' required='required'/>
- <tr fmclass='aua' fmfield='street2' type='addr-template' required='show'/>
- <tr fmclass='aua' fmfield='city' type='addr-template' required='required'/>
- <tr fmclass='aua' fmfield='county' type='addr-template' required='show'/>
- <tr fmclass='aua' fmfield='state' type='addr-template' required='required'/>
- <tr fmclass='aua' fmfield='country' type='addr-template' required='required'/>
- <tr fmclass='aua' fmfield='valid' type='addr-template' required='show'/>
- <tr fmclass='aua' fmfield='within_city_limits' type='addr-template' required='show'/>
-
- <!-- stat cats -->
- <tr class='divider' id='stat-cat-divider'><td colspan='0'>Statistical Categories</td></tr>
- <tr id='stat-cat-row-template'><td class='uedit-help'/><td name='name'/><td name='widget'/></tr>
-
- <!-- surveys -->
- <tr id='survey-row-template' class='divider'><td colspan='0' name='name'/></tr>
- <tr id='survey-question-row-template'><td class='uedit-help'/><td name='question'/><td name='answers'/></tr>
-</tbody>
-
+++ /dev/null
-<tbody id='uedit-tbody'>
- <tr fmclass='au' fmfield='dob'/>
- <tr fmclass='au' fmfield='juvenile'/>
- <tr fmclass='au' fmfield='ident_value2'><td/><td>Parent/Guardian</td></tr>
- <tr fmclass='au' fmfield='family_name' required='required'/>
- <tr fmclass='au' fmfield='first_given_name' required='required'/>
- <tr fmclass='au' fmfield='second_given_name'/>
-
-
- <!-- Address ============================== -->
- <tr name='uedit-addr-divider' class='divider' type='addr-template' required='show'>
- <td colspan='2'>Address</td>
- <td>
- <span>Mailing</span><input type='radio' name='mailing_address'>
- <span>Billing</span><input type='radio' name='billing_address'>
- <button name='delete-button' class='uedit-addr-del-button'>X</button>
- </td>
- </tr>
-
- <tr name='uedit-addr-pending-row' type='addr-template' class='pending-addr-row hidden'>
- <td colspan='3'>
- <span style='padding-right:10px;'>This is a pending address: </span>
- <button name='approve-button'>Approve Address</button>
- <div name='replaced-addr-div'>
- <div name='replaced-addr'></div>
- </div>
- </td>
- </tr>
-
- <tr name='uedit-addr-owner-row' type='addr-template' class='pending-addr-row hidden'>
- <td colspan='3'>
- <span style='padding-right:10px;'>This address is owned by another user: </span>
- <a href='javascript:void(0);' name='addr-owner'></a>
- </td>
- </tr>
-
- <tr id='new-addr-row' class='newaddr-row' required='show'>
- <td colspan='0' style='text-align:center;'>
- <button dojoType='dijit.form.Button' onClick='uEditNewAddr'>New Address</button>
- </td>
- </tr>
- <!-- ====================================== -->
-
-
-
- <tr fmclass='au' fmfield='day_phone'/>
- <tr fmclass='au' fmfield='evening_phone'/>
- <tr fmclass='au' fmfield='other_phone'/>
- <tr fmclass='au' fmfield='email'/>
-
- <tr fmclass='ac' fmfield='barcode' required='required'/>
- <tr fmclass='au' fmfield='usrname' required='required'/>
- <tr fmclass='au' fmfield='passwd' required='required'/>
- <tr fmclass='au' fmfield='passwd2' required='required'><td/><td>Verify Password</td><td/></tr>
- <tr fmclass='au' fmfield='alias'/>
- <tr fmclass='au' fmfield='profile' required='required'/>
- <tr fmclass='au' fmfield='home_ou' required='required'/>
- <tr fmclass='au' fmfield='expire_date' required='required'/>
- <tr fmclass='au' fmfield='net_access_level' required='required'/>
- <tr fmclass='au' fmfield='active'/>
- <tr fmclass='au' fmfield='barred'/>
- <tr fmclass='au' fmfield='master_account'/>
-
-
- <tr fmclass='au' fmfield='suffix'/>
- <tr fmclass='au' fmfield='ident_type' required='required'/>
- <tr fmclass='au' fmfield='ident_value'/>
- <tr fmclass='au' fmfield='claims_returned_count' wclass='dijit.form.NumberSpinner' wconstraints="{min:0,places:0}" wvalue='0'/>
- <tr fmclass='au' fmfield='claims_never_checked_out_count' wclass='dijit.form.NumberSpinner' wconstraints="{min:0,places:0}" wvalue='0'/>
- <tr fmclass='au' fmfield='alert_message' wclass='dijit.form.Textarea' wstyle='height:5em'/>
-
- <tr class='divider hidden' id='uedit-settings-divider'><td colspan='0'>User Settings</td></tr>
- <tr class='hidden' id='uedit-user-setting-template'>
- <td/>
- <td><span name='label'></span></td>
- <td><div name='widget'></div></td>
- </tr>
-
- <tr fmclass='aua' fmfield='address_type' type='addr-template' required='show'/>
- <tr fmclass='aua' fmfield='post_code' type='addr-template' required='required'/>
- <tr fmclass='aua' fmfield='street1' type='addr-template' required='required'/>
- <tr fmclass='aua' fmfield='street2' type='addr-template' required='show'/>
- <tr fmclass='aua' fmfield='city' type='addr-template' required='required'/>
- <tr fmclass='aua' fmfield='county' type='addr-template' required='show'/>
- <tr fmclass='aua' fmfield='state' type='addr-template' required='required'/>
- <tr fmclass='aua' fmfield='country' type='addr-template' required='required'/>
- <tr fmclass='aua' fmfield='valid' type='addr-template' required='show'/>
- <tr fmclass='aua' fmfield='within_city_limits' type='addr-template' required='show'/>
-
- <!-- stat cats -->
- <tr class='divider' id='stat-cat-divider'><td colspan='0'>Statistical Categories</td></tr>
- <tr id='stat-cat-row-template'><td class='uedit-help'/><td name='name'/><td name='widget'/></tr>
-
- <!-- surveys -->
- <tr id='survey-row-template' class='divider'><td colspan='0' name='name'/></tr>
- <tr id='survey-question-row-template'><td class='uedit-help'/><td name='question'/><td name='answers'/></tr>
-</tbody>
-
+++ /dev/null
-[% WRAPPER 'base.tt2' %]
-<script type="text/javascript">
- dojo.require("dijit.layout.LayoutContainer");
- dojo.require("dijit.layout.ContentPane");
-</script>
-
-<!-- define the basic page structure -->
-<div id="oils-base-body-block" class="tundra" dojoType="dijit.layout.LayoutContainer">
- <div id="oils-base-header-block" dojoType="dijit.layout.ContentPane" layoutAlign="top">
-
- <!-- Hide the non-xul menu for now.
- Will probably remove at some point since it's perpetually out
- of sync and exists solely as a development tool
-
- <div id='oils-base-header-menu-block'>
- [%# INCLUDE default/menu.tt2 #%]
- </div>
- -->
-
- <div id='oils-base-header-auto-login-block'>
- [% INCLUDE default/header.tt2 %]
- </div>
- </div>
- <div id="oils-base-main-block" dojoType="dijit.layout.LayoutContainer" layoutAlign="client">
- <!--
- <div id="oils-base-navigate-block" dojoType="dijit.layout.ContentPane" layoutAlign="left">
- </div>
- -->
- <div id="oils-base-content-block" dojoType="dijit.layout.ContentPane" layoutAlign="client">
- [% content %]
- </div>
- </div>
- <!--
- <div id="oils-base-footer-block">
- [% INCLUDE default/footer.tt2 %]
- </div>
- -->
-</div>
-[% END %]
+++ /dev/null
-[% WRAPPER 'base.tt2' %]\r
-<script type="text/javascript">\r
- dojo.require("dijit.layout.LayoutContainer");\r
- dojo.require("dijit.layout.ContentPane");\r
-</script>\r
-\r
-<div dojoType='openils.widget.ProgressDialog' jsId='progressDialog'></div>\r
-<div dojoType="dijit.Dialog" jsId='oilsSelfckWsDialog' class='oils-login-dialog' style='display:none;'>\r
- <form>\r
- <table>\r
- <tr>\r
- <td>Choose a location</td>\r
- <td><div dojoType='openils.widget.OrgUnitFilteringSelect' jsId='oilsSelfckWsLocSelector' \r
- searchAttr='shortname' labelAttr='shortname'/></td>\r
- </tr>\r
- <tr>\r
- <td>Enter a workstation name</td>\r
- <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckWsName'/></td>\r
- </tr>\r
- <tr>\r
- <td colspan='2' align='center'>\r
- <button jsId='oilsSelfckWsSubmit' dojoType='dijit.form.Button'>Submit</button>\r
- </td>\r
- </tr>\r
- </table>\r
- </form>\r
-</div>\r
-\r
-<div style="height:66px;background:#ae2c2a;"><div id='header'>\r
- <a href='javascript:;'><img src='[% ctx.home_path %]/graphics/KCLS_logo_horiz.gif' /></a>\r
- <span style="font-size:36px;color:white;position:relative;top:-10px;left:15px;">CHECK OUT HERE</span>\r
-</div></div>\r
-\r
-<div id='content-wrapper'>\r
- <div id='main-content'>\r
- <div style='clear:both;'></div>\r
- [% content %] \r
- <div style='clear:both;'></div> \r
- </div>\r
-</div>\r
-[% END %]\r
<span id='oils-selfck-selected-total'></span>
-<span style='padding-left:5px;'><a href='javascript:void(0);' id='oils-selfck-pay-fines-link'>Pay Fines</a></span>
+<span style='padding-left:5px;'><a class='hidden' href='javascript:void(0);' id='oils-selfck-pay-fines-link'>Pay Fines</a></span>
<div id='oils-selfck-fines-table-div'>
<table id='oils-selfck-fines-table' class='oils-selfck-item-table'>
<thead>
--- /dev/null
+[%- ctx.home_path ='/local_templates/default/circ/selfcheck' -%]\r
+[% ctx.page_title = 'Self Checkout' %]\r
+[% WRAPPER default/base.tt2 %]\r
+<!-- ***************************************** main.tt2 ***************************************************** -->\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+<div id="selfcheck-main">\r
+<script type="text/javascript">\r
+dojo.addOnLoad(function() {\r
+//var mycode = dojo.byId('selfcheck-main').innerHTML;\r
+//var obj = dojo.byId('oils-base-body-block');\r
+//obj.innerHTML = mycode;\r
+});\r
+\r
+\r
+function switchTo(str,subpage) {\r
+ var pages = [];\r
+ var sidebarLinks = [];\r
+ pages['step0'] = document.getElementById('step0');\r
+ pages['step1'] = document.getElementById('step1');\r
+ pages['step2'] = document.getElementById('step2');\r
+ pages['step3'] = document.getElementById('step3');\r
+ pages['step3a'] = document.getElementById('step3a');\r
+ //pages['step3b'] = document.getElementById('step3b');\r
+ pages['step3c'] = document.getElementById('step3c');\r
+ pages['step3d'] = document.getElementById('step3d');\r
+ pages['step3e'] = document.getElementById('step3e');\r
+ pages['step3f'] = document.getElementById('step3f');\r
+ pages['step4'] = document.getElementById('step4');\r
+ pages['step5'] = document.getElementById('step5');\r
+ pages['pay_fines'] = document.getElementById('pay_fines');\r
+ \r
+ sidebarLinks['sidebar_step3c'] = document.getElementById('sidebar_step3c');\r
+ sidebarLinks['sidebar_step3d'] = document.getElementById('sidebar_step3d');\r
+ sidebarLinks['sidebar_step3e'] = document.getElementById('sidebar_step3e');\r
+ sidebarLinks['sidebar_step3f'] = document.getElementById('sidebar_step3f');\r
+\r
+ for(var i in pages) { if(!pages[i]) continue; pages[i].style.display="none"; }\r
+ for(var i in sidebarLinks) { if(!sidebarLinks[i]) continue; sidebarLinks[i].className=""; }\r
+ \r
+ if(subpage) {\r
+ pages[subpage].style.display="block";\r
+ sidebarLinks['sidebar_'+subpage].className="selected";\r
+ }\r
+ pages[str].style.display="block";\r
+ if(str=='step3' && !subpage) pages['step3a'].style.display="block";\r
+ try{dojo.byId('selfckScanBox').focus();dojo.byId('selfckScanBox').select();}catch(e){}\r
+}\r
+</script>\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+<div dojoType='openils.widget.ProgressDialog' jsId='progressDialog'></div>\r
+<div dojoType="dijit.Dialog" jsId='oilsSelfckWsDialog' class='oils-login-dialog' style='display:none;'>\r
+ <form>\r
+ <table>\r
+ <tr>\r
+ <td>Choose a location</td>\r
+ <td><div dojoType='openils.widget.OrgUnitFilteringSelect' jsId='oilsSelfckWsLocSelector' \r
+ searchAttr='shortname' labelAttr='shortname'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td>Enter a workstation name</td>\r
+ <td><input dojoType='dijit.form.TextBox' jsId='oilsSelfckWsName'/></td>\r
+ </tr>\r
+ <tr>\r
+ <td colspan='2' align='center'>\r
+ <button jsId='oilsSelfckWsSubmit' dojoType='dijit.form.Button'>Submit</button>\r
+ </td>\r
+ </tr>\r
+ </table>\r
+ </form>\r
+</div>\r
+\r
+<div style="height:66px;background:#ae2c2a;"><div id='header'>\r
+ <a href='javascript:;'><img src='[% ctx.home_path %]/graphics/KCLS_logo_horiz.gif' /></a>\r
+ <span style="font-size:36px;color:white;position:relative;top:-10px;left:15px;">CHECK OUT HERE</span>\r
+</div></div>\r
+\r
+<div id='content-wrapper'>\r
+ <div id='main-content'>\r
+ <div style='clear:both;'></div>\r
+ \r
+\r
+<script src='[% ctx.media_prefix %]/js/ui/kcls/circ/selfcheck/selfcheck.js'> </script>\r
+<script src="[% ctx.media_prefix %]/js/ui/kcls/circ/selfcheck/payment.js"></script>\r
+<link rel='stylesheet' type='text/css' href='[% ctx.media_prefix %]/css/skin/kcls/selfcheck.css'/>\r
+[% INCLUDE 'default/circ/selfcheck/audio_config.tt2' %]\r
+\r
+ <div id="step0" class="checkout" style="width=100%;text-align:center;">KCLS Staff login required</div>\r
+ <div id="step1" class="checkout hidden" style="padding-top:15px;">\r
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
+ <td align="center"><h1>Scan your library card barcode<br />OR type your library card number</h1></td></tr></table>\r
+ <table cellpadding="0" cellspacing="0" border="0" style="margin:20px auto;"><tr>\r
+ <td><img src="[% ctx.home_path %]/graphics/libcard_barcode.jpg" /></td><td style="padding-left:10px;"><span style="font-size:10px;">Example 0017620030</span><br /><input type="text" id='patron-login-username' />\r
+ <div style="position:absolute;"><div style="position:relative;top:-70px;"><div id='oils-selfck-status-div2' class='status_box'></div></div></div></td>\r
+ <td><a href="javascript:;" onclick="checkLogin();" style="position:relative;top:6px;left:5px;"><img src="[% ctx.home_path %]/graphics/gobutton.jpg" /></a></td></tr></table>\r
+ </div>\r
+ <div id="step2" class="checkout hidden" style="padding-top:15px;">\r
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
+ <td align="center"><h1>Enter your PIN or password</h1></td></tr></table>\r
+ <table cellpadding="0" cellspacing="0" border="0" style="margin:20px auto;"><tr>\r
+ <td style="padding-left:10px;"><span style="font-size:10px;">Example 0926</span><br /><input type="password" id='patron-login-password' />\r
+ <div style="position:absolute;"><div style="position:relative;top:10px;"><div id='oils-selfck-status-div3' class='status_box'></div><div class="hidden" id="back_to_login"><a href="javascript:;" onclick="cancelLogin();">Cancel</a></div></div></div></td>\r
+ <td><a href="javascript:;" onclick="selfCheckMgr.loginPatron(dojo.byId('patron-login-username').value,dojo.byId('patron-login-password').value);" style="position:relative;top:6px;left:5px;"><img src="[% ctx.home_path %]/graphics/gobutton.jpg" /></a></td></tr></table>\r
+ </div>\r
+ <div id="step3" class="checkout" style="display:none;">\r
+ <table cellpadding="0" cellspacing="0" border="0" width="694" height="260">\r
+ <tr><td valign="top" width="444" style="padding:3px;" rowspan="2">\r
+ <img src="[% ctx.home_path %]/graphics/barcodedetailbook.jpg" style="float:left;" />\r
+ <div class="header1">\r
+ <h2>Scan your library item to begin checkout</h2>\r
+ <input type="text" jsId='selfckScanBox' class="userid" id="selfckScanBox" dojoType='dijit.form.TextBox' />\r
+ </div>\r
+ <br />\r
+\r
+ <div id="step3a" style="">\r
+ <table cellpadding="0" cellspacing="0" border="0" width="100%" height="70"><tr><td width="100%"><div id='oils-selfck-status-div' class="oils-selfck-status-div"></div></td></tr></table>\r
+ <div id='oils-selfck-scan-text' class='hidden'></div>\r
+ <br /><br />\r
+ <table cellpadding="5" cellspacing="0" border="0" class="item_table" width="100%">\r
+ <tbody id='oils-selfck-circ-tbody'>\r
+ <tr id='oils-selfck-circ-row'><td>\r
+ <table cellpadding="2" cellspacing="0" border="0">\r
+ <tr><td class="label">BARCODE:</td><td name="barcode"></td></tr>\r
+ <tr><td class="label">TITLE:</td><td name="title"></td></tr>\r
+ <tr><td class="label" nowrap="nowrap">DUE DATE:</td><td name="due_date"></td></tr>\r
+ <tr><td></td><td><div class="hidden"><div name='checkout' class='hidden'>Checkout</div><div name='renew' class='hidden'>Renewal</div></div></td></tr>\r
+ </table>\r
+ </td></tr>\r
+ </tbody>\r
+ </table>\r
+ </div>\r
+ \r
+ <div id="step3c" style="display:none;">\r
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="center" style="font-weight:bold;font-size:18px;">Fines</td></tr></table>\r
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><a href="javascript:;" onclick="selfCheckMgr.printList('fines')"><img src="[% ctx.home_path %]/graphics/printlist.jpg" /></a></td><td class="hidden"><a class="hidden" href="javascript:;" id="oils-selfck-pay-fines-link">Pay Fines</a></td></tr></table><br />\r
+ <table cellpadding="5" cellspacing="0" border="0" class="item_table" width="100%">\r
+ <tbody id='oils-selfck-fines-tbody'>\r
+ <tr id='oils-selfck-fines-row'><td width="443">\r
+ <table cellpadding="2" cellspacing="0" border="0" width="100%">\r
+ <tr><td class="label"><input style="float:left;margin:2px;" class="hidden" type="checkbox" checked="checked" name='selector' onclick='selfCheckMgr.keepMeLoggedIn();' title='pay this fine' /> TITLE:</td><td name="title"></td></tr>\r
+ <tr><td class="label">DUE DATE:</td><td name="due_date"></td></tr>\r
+ <tr><td class="label">DATE RETURN:</td><td name="date_return"></td></tr>\r
+ <tr><td class="label">BALANCE OWED:</td><td style="color:red;">$<span name="balance"></span></td></tr>\r
+ </table>\r
+ </td></tr>\r
+ </tbody>\r
+ </table>\r
+<div id="pay_fines" class="hidden">\r
+[% INCLUDE 'default/circ/selfcheck/payment.tt2' %]\r
+</div>\r
+ </div>\r
+ \r
+ <div id="step3d" style="display:none;">\r
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="center" style="font-weight:bold;font-size:18px;">Items Checked Out</td></tr></table><br />\r
+ <a href="javascript:;" onclick="selfCheckMgr.printList('items_out');"><img src="[% ctx.home_path %]/graphics/printlist.jpg" /></a><br /><br />\r
+ <table cellpadding="5" cellspacing="0" border="0" class="item_table" width="100%">\r
+ <tbody id='oils-selfck-circ-out-tbody'>\r
+ <tr id='oils-selfck-circ-out-row'><td>\r
+ <table cellpadding="2" cellspacing="0" border="0">\r
+ <tr><td class="label">BARCODE:</td><td name="barcode"></td></tr>\r
+ <tr><td class="label">TITLE:</td><td name="title"></td></tr>\r
+ <tr><td class="label">AUTHOR:</td><td name="author"></td></tr>\r
+ <tr><td class="label">DUE DATE:</td><td name="due_date"></td></tr>\r
+ <tr><td class="label hidden">FORMAT:</td><td class="hidden" name="format"></td></tr>\r
+ </table>\r
+ </td></tr>\r
+ </tbody>\r
+ </table>\r
+ </div>\r
+ \r
+ <div id="step3e" style="display:none;">\r
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="center" style="font-weight:bold;font-size:18px;">Items Ready for Pick-Up</td></tr></table><br />\r
+ <a href="javascript:;"><img src="[% ctx.home_path %]/graphics/printlist.jpg" /></a><br /><br />\r
+ <table cellpadding="5" cellspacing="0" border="0" class="item_table" width="100%">\r
+ <tbody id='oils-selfck-rdy-tbody'>\r
+ <tr id='oils-selfck-rdy-row'><td>\r
+ <table cellpadding="2" cellspacing="0" border="0">\r
+ <tr><td class="label">TITLE:</td><td name="title"></td></tr>\r
+ <tr><td class="label hidden">FORMAT:</td><td name="format" class="hidden"></td></tr>\r
+ <tr><td class="label">PICKUP LOCATION:</td><td name="lib"></td></tr>\r
+ <tr><td class="label">PICK UP BY:</td><td name="date"></td></tr>\r
+ </table>\r
+ </td></tr>\r
+ </tbody>\r
+ </table>\r
+ </div>\r
+ \r
+ <div id="step3f" style="display:none;">\r
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="center" style="font-weight:bold;font-size:18px;">Holds</td></tr></table><br />\r
+ <a href="javascript:;" onclick="selfCheckMgr.printList('holds')"><img src="[% ctx.home_path %]/graphics/printlist.jpg" /></a><br /><br />\r
+ <table cellpadding="5" cellspacing="0" border="0" class="item_table" width="100%">\r
+ <tbody id='oils-selfck-hold-tbody'>\r
+ <tr id='oils-selfck-hold-row'><td>\r
+ <table cellpadding="2" cellspacing="0" border="0">\r
+ <tr><td class="label">TITLE:</td><td name="title"></td></tr>\r
+ <tr><td class="label">AUTHOR:</td><td name="author"></td></tr>\r
+ <tr><td class="label hidden">FORMAT:</td><td class="hidden" name="format"></td></tr>\r
+ <tr><td class="label">STATUS:</td><td name="status"></td></tr>\r
+ </table>\r
+ </td></tr>\r
+ </tbody>\r
+ </table>\r
+ </div>\r
+\r
+ </td>\r
+ <td class="sidebar" valign="top" width="226">\r
+ <h3 class="top" id="todays_date"></h3>\r
+ <div class="greet">Hello, <span id="user_name"></span>.</div>\r
+ <h3>Your Account</h3>\r
+ <p id="sidebar_step3c">Fines: <span id="acct_fines"></span><br /><a href="javascript:;" id='oils-selfck-view-fines-link'>View Details</a></p>\r
+ <p id="sidebar_step3d">(<span id="oils-selfck-circ-account-total">0) Items</span> Checked Out<br /><a href="javascript:;" id='oils-selfck-items-out-details-link'>View Details</a></p>\r
+ <p id="sidebar_step3e">(<span id="oils-selfck-holds-ready">0) Items</span> Ready for Pick-Up<br /><a href="javascript:;" onclick="selfCheckMgr.drawHoldsPage();">View Details</a></p>\r
+ <p id="sidebar_step3f">(<span id="oils-selfck-holds-total">0) Items</span> on Hold (25 max.)<br /><a href="javascript:;" id='oils-selfck-hold-details-link'>View Details</a></p>\r
+\r
+ <div style="padding-left:3px;padding-top:10px;">\r
+ <div style="float:left;"><a href="javascript:;" id='oils-selfck-nav-logout-print'><img src="[% ctx.home_path %]/graphics/logout.gif" style="float:left;margin-right:3px;" /> <span>Logout</span></a></div>\r
+ <div style="float:left;width:120px;padding-left:30px;"><a href="javascript:;" id='oils-selfck-nav-logout'><img src="[% ctx.home_path %]/graphics/logoutnoreceipt.gif" style="float:left;margin-right:3px;" /> <span>Logout<br />without receipt</span></a></div>\r
+ </div>\r
+ <div style="clear:both;padding-top:15px;padding-left:3px;">\r
+ <a href="javascript:;" id="back_button" onclick="selfCheckMgr.keepMeLoggedIn();switchTo('step3');"><img src="[% ctx.home_path %]/graphics/arrow.gif" /></a> <a href="javascript:;" onclick="selfCheckMgr.keepMeLoggedIn();switchTo('step3');"><span style="position:relative;top:-4px;left:2px;">Back to Checkout</span></a>\r
+ </div>\r
+ </td></tr>\r
+ </table>\r
+ </div>\r
+ \r
+ <div id="step4" class="checkout" style="padding-top:15px;display:none;">\r
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="center"><h1>Checkout Complete.<br />Please take your reciept.</h1></td></tr></table>\r
+ </div>\r
+ \r
+ <div id="step5" class="checkout" style="padding-top:15px;display:none;">\r
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="center"><h1>Checkout Complete.</h1></td></tr></table>\r
+ </div>\r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ \r
+ <div style='clear:both;'></div> \r
+ </div>\r
+</div>\r
+</div>\r
+<!-- ***************************************** END: main.tt2 ***************************************************** -->\r
+[% END %]
\ No newline at end of file
-@charset "utf-8";\r
-/* CSS Document */\r
-\r
-html, body {\r
- margin:0;\r
- font-family: Arial, Helvetica, sans-serif;\r
- font-size: 12px;\r
- background:#333;\r
- width:100%;\r
-}\r
-\r
-img {\r
- border: none;\r
-}\r
-\r
-a {\r
- color: #003399;\r
- text-decoration: none;\r
-}\r
-\r
-a:hover {\r
- text-decoration: underline;\r
-}\r
-\r
-h1 {\r
- margin:0;\r
- margin-bottom: 5px;\r
- font-size: 20px;\r
- font-weight:normal;\r
-}\r
-\r
-h2 {\r
- margin:0;\r
- margin-bottom: 5px;\r
- font-size: 14px;\r
- font-weight:bold;\r
-}\r
-\r
-#header {\r
- color: #bda964;\r
- font-weight:bold;\r
- padding: 12px 0px 9px 17px;\r
- width: 694px;\r
- margin: auto;\r
-}\r
-\r
-#content-wrapper {\r
- background: white;\r
- min-height: 260px;\r
- border-bottom: 1px solid black;\r
-}\r
-\r
-#main-content {\r
- width: 694px;\r
- margin:auto;\r
- padding-left:17px;\r
-}\r
-\r
-.checkout {\r
- font-size:16px;\r
-}\r
-\r
-.checkout h1 {\r
- font-size:36px;\r
-}\r
-\r
-.checkout h2 {\r
- font-size:24px;\r
-}\r
-\r
-.checkout .sidebar h3 {\r
- font-size: 16px;\r
- margin:0;\r
- padding-left:3px;\r
-}\r
-\r
-.checkout .sidebar a {\r
- font-size:12px;\r
-}\r
-\r
-.checkout .sidebar a span {\r
- font-weight:bold;\r
-}\r
-\r
-.checkout .sidebar p {\r
- margin:4px 0px;\r
- padding:3px;\r
-}\r
-\r
-.checkout .sidebar div, .checkout .sidebar p {\r
- font-size: 16px;\r
- line-height: 1em;\r
-}\r
-\r
-.checkout input[type=text], .checkout input[type=password] {\r
- border: 1px solid black;\r
- width:300px;\r
- height:20px;\r
- padding:2px;\r
- padding-top:1px;\r
- margin:0px;\r
- font-size:16px;\r
-}\r
-\r
-.checkout .sidebar {\r
- background: #b0b0b0;\r
- border-left:2px ridge #eee;\r
- border-right:2px ridge #eee;\r
- padding:10px 7px;\r
-}\r
-\r
-.checkout .sidebar .top {\r
- float:right;\r
- padding-right:5px;\r
-}\r
-\r
-.checkout .sidebar .greet {\r
- clear:both;\r
- padding:15px 3px;\r
-}\r
-\r
-.checkout .sidebar .selected {\r
- background:#999\r
-}\r
-\r
-.checkout .header1 {\r
- height:108px;\r
- border-bottom:1px solid #a83135;\r
- padding-top:20px;\r
-}\r
-\r
-.checkout .userid {\r
- width:200px;\r
- font-size:16px;\r
- font-weight:bold;\r
- padding:5px 6px 6px 6px !important;\r
- border:2px solid black !important;\r
- background: none !important;\r
- margin:0 !important;\r
-}\r
-\r
-.checkout .item_table {\r
- border-collapse: collapse;\r
-}\r
-\r
-.checkout .item_table td {\r
- font-size:16px;\r
- border:2px solid black;\r
- text-align: left;\r
-}\r
-\r
-.checkout .item_table table td.label {\r
- font-weight:bold;\r
- text-transform: uppercase;\r
- text-align: right;\r
- white-space:nowrap;\r
- padding-right:5px;\r
- width:1px;\r
-}\r
-\r
-.checkout .item_table table td {\r
- border:none;\r
-}\r
-\r
-.checkout #back_button:hover {\r
- text-decoration: none;\r
-}\r
-\r
-.checkout .status_box {\r
- color:red;\r
- font-weight:bold;\r
- height:20px;\r
-}\r
-\r
-.checkout .oils-selfck-status-div {\r
- height:inherit !important;\r
- vertical-align:inherit !important;\r
-}\r
-\r
+@charset "utf-8";
+/* CSS Document */
+
+html, body {
+ margin:0;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ background:#333;
+ width:100%;
+}
+
+img {
+ border: none;
+}
+
+a {
+ color: #003399;
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+h1 {
+ margin:0;
+ margin-bottom: 5px;
+ font-size: 20px;
+ font-weight:normal;
+}
+
+h2 {
+ margin:0;
+ margin-bottom: 5px;
+ font-size: 14px;
+ font-weight:bold;
+}
+
+#header {
+ color: #bda964;
+ font-weight:bold;
+ padding: 12px 0px 9px 17px;
+ width: 694px;
+ margin: auto;
+}
+
+#content-wrapper {
+ background: white;
+ min-height: 260px;
+ border-bottom: 1px solid black;
+}
+
+#main-content {
+ width: 694px;
+ margin:auto;
+ padding-left:17px;
+}
+
+.checkout {
+ font-size:16px;
+}
+
+.checkout h1 {
+ font-size:36px;
+}
+
+.checkout h2 {
+ font-size:24px;
+}
+
+.checkout .sidebar h3 {
+ font-size: 16px;
+ margin:0;
+ padding-left:3px;
+}
+
+.checkout .sidebar a {
+ font-size:12px;
+}
+
+.checkout .sidebar a span {
+ font-weight:bold;
+}
+
+.checkout .sidebar p {
+ margin:4px 0px;
+ padding:3px;
+}
+
+.checkout .sidebar div, .checkout .sidebar p {
+ font-size: 16px;
+ line-height: 1em;
+}
+
+.checkout input[type=text], .checkout input[type=password] {
+ border: 1px solid black;
+ width:300px;
+ height:20px;
+ padding:2px;
+ padding-top:1px;
+ margin:0px;
+ font-size:16px;
+}
+
+.checkout .sidebar {
+ background: #b0b0b0;
+ border-left:2px ridge #eee;
+ border-right:2px ridge #eee;
+ padding:10px 7px;
+}
+
+.checkout .sidebar .top {
+ float:right;
+ padding-right:5px;
+}
+
+.checkout .sidebar .greet {
+ clear:both;
+ padding:15px 3px;
+}
+
+.checkout .sidebar .selected {
+ background:#999
+}
+
+.checkout .header1 {
+ height:108px;
+ border-bottom:1px solid #a83135;
+ padding-top:20px;
+}
+
+.checkout .userid {
+ width:200px;
+ font-size:16px;
+ font-weight:bold;
+ padding:5px 6px 6px 6px !important;
+ border:2px solid black !important;
+ background: none !important;
+ margin:0 !important;
+}
+
+.checkout .item_table {
+ border-collapse: collapse;
+}
+
+.checkout .item_table td {
+ font-size:16px;
+ border:2px solid black;
+ text-align: left;
+}
+
+.checkout .item_table table td.label {
+ font-weight:bold;
+ text-transform: uppercase;
+ text-align: right;
+ white-space:nowrap;
+ padding-right:5px;
+ width:1px;
+}
+
+.checkout .item_table table td {
+ border:none;
+}
+
+.checkout #back_button:hover {
+ text-decoration: none;
+}
+
+.checkout .status_box {
+ color:red;
+ font-weight:bold;
+ height:20px;
+}
+
+.checkout .oils-selfck-status-div {
+ height:inherit !important;
+ vertical-align:inherit !important;
+}
+
projects / evergreen / equinox.git / commitdiff