4 [%# Helper template functions %]
5 [% BLOCK error_message %]
6 [% IF messages.BadBarcode %]
7 <span>(Barcode not found on the database, please see library staff for assistance)</span>
8 [% ELSIF messages.Wrongbranch %]
9 <span>(The item cannot be returned at this library, please see library staff for assistance)</span>
10 [% ELSIF messages.withdrawn %]
11 <span>(Item is withdrawn and check-in blocked by policy, please see library staff for assistance)</span>
12 [% ELSIF messages.NotIssued %]
13 <span>(The book is not currently on loan, please see library staff for assistance)</span>
15 <span>(There was a problem returning this item, please see library staff for assistance)</span>
19 [% INCLUDE 'doc-head-open.inc' %]
21 <title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha [% END %] › Self check-in</title>
23 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
24 <meta name="generator" content="Koha [% Version %]" /> <!-- leave this for stats -->
26 [% IF ( Koha.Preference('OpacFavicon') ) %]
27 <link rel="shortcut icon" href="[% Koha.Preference('OpacFavicon') %]" type="image/x-icon" />
29 <link rel="shortcut icon" href="[% interface %]/[% theme %]/images/favicon.ico" type="image/x-icon" />
31 <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/bootstrap/css/bootstrap.min.css" />
32 <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/jquery/jquery-ui.css" />
33 <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/font-awesome/css/font-awesome.min.css" />
34 <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/sci.css" />
35 [% IF ( Koha.Preference('OPACUserCSS') ) %]<style type="text/css">[% Koha.Preference('OPACUserCSS') %]</style>[% END %]
36 [% IF ( Koha.Preference('SelfCheckInUserCSS') ) %]<style type="text/css">[% Koha.Preference('SelfCheckInUserCSS') %]</style>[% END %]
38 <script src="[% interface %]/[% theme %]/lib/respond.min.js"></script>
40 <script type="text/javascript">
41 function _(s) { return s } // dummy function for gettext
43 <script type="text/javascript" src="[% interface %]/[% theme %]/lib/modernizr.min.js"></script>
45 <body id="sci_main" class="sci" onload="dofocus();" onunload="mungeHistory();">
47 [% SET OpacLangSelectorMode = Koha.Preference('OpacLangSelectorMode') %]
49 <div class="navbar navbar-inverse navbar-static-top">
50 <div class="navbar-inner">
51 <div class="container-fluid">
52 <a class="brand" href="/cgi-bin/koha/sci/sci-main.pl"><img src="[% interface %]/[% theme %]/images/koha-logo-navbar.png" alt=""></a>
53 <div id="checkouthelp">
54 <ul class="nav pull-right">
55 <li><a href="/cgi-bin/koha/sci/sci-main.pl" class="helpModal-trigger" role="button" data-toggle="modal"><i class="icon help"></i> Help</a></li>
56 <li><a id="sci_logout" href="/cgi-bin/koha/sci/sci-main.pl?logout.x=1" class="logout">Logout</a></li>
60 [% IF Koha.Preference( 'opaclanguagesdisplay' ) %]
62 <ul class="nav pull-right">
63 [% INCLUDE 'masthead-langmenu.inc' %]
68 </div> <!-- /.container-fluid -->
69 </div> <!-- /.navbar-inner -->
70 </div> <!-- /.navbar -->
72 [% IF Koha.Preference( 'opacheader' ) %]
73 <div class="container-fluid">
74 <div class="row-fluid">
76 [% Koha.Preference( 'opacheader' ) %]
83 <div class="container-fluid">
84 <div class="row-fluid">
86 <h1>[% LibraryName %] Self check-in</h1>
87 [% IF ( nopermission ) %]
88 [%# This is what is displayed if user doesn't have permission %]
90 <h3>Access denied</h3>
91 <p>Sorry, this self check-in station has lost authentication. Please contact the administrator to resolve this problem.</p>
93 [% ELSIF ( different_ip ) %]
94 [%# This is what is displayed if user doesn't have permission %]
97 <p>You are accessing self check-in from a different IP address! Please log in again.</p>
99 [% ELSIF ( checkins ) %]
100 [%# We have results from a check-in attempt %]
101 <div id="checkins" class="sci_results_list">
102 [% IF ( success && success.size > 0 || errors && errors.size > 0 ) %]
104 <table id="sci_bcheckins_table" class="table table-bordered table-striped dataTable no-footer" style="font-size: initial;">
110 [% FOREACH success_line IN success %]
111 <tr><td>[% success_line.barcode %]</td><td>Checked in</td></tr>
113 [% FOREACH error IN errors %]
115 <td>[% error.barcode %]</td>
116 <td>Not checked in [% PROCESS error_message messages=error.messages %]</td>
122 <form method="post" action="#" id="finish_form">
123 <button id="sci_finish_button" type="submit" class="btn"><i class="icon finish"></i> Finish</button>
128 <p>Your request included no check-ins.</p>
133 [%# Prompt for barcodes %]
134 <div id="new_checkins" class="sci_entry">
135 <form id="scan_form" name="scan_form"
136 method="post" action="/cgi-bin/koha/sci/sci-main.pl">
139 <label for="barcode_input">Scan the item or enter its barcode:</label>
140 <input id="barcode_input" name="barcode_input" size="20" type="text" class="focus" autocomplete="off" />
141 <button id="sci_append_button" type="submit" class="btn btn-default btn-sm">
142 <i class="fa fa-plus" aria-hidden="true"></i> <span>Add</span>
145 <div class="sci_input_append">
146 <table id="sci_barcodes_table" class="table table-bordered table-striped dataTable no-footer" style="display: none; font-size: initial;">
148 <th class="barcodes_column">Barcode</th>
154 <input type="hidden" name="op" value="check_in" />
155 <div id="button_bar">
156 <button id="sci_checkin_button" type="submit" class="btn btn-default btn-sm" style="display: none;">
157 <i class="fa fa-check-square-o" aria-hidden="true"></i> <span>Check in</span>
159 <a href="/cgi-bin/koha/sci/sci-main.pl" class="btn btn-default btn-sm" role="button" style="display: none;" id="sci_refresh_button">
160 <i class="fa fa-refresh" aria-hidden="true"></i> <span>Cancel</span>
165 </div> <!-- / #new_checkins -->
167 </div> <!-- / #masthead -->
168 </div> <!-- / .row-fluid -->
169 </div> <!-- / .container-fluid -->
171 [% IF ( Koha.Preference('SelfCheckInMainUserBlock' ) ) %]
172 <div id="SelfCheckInMainUserBlock">[% Koha.Preference('SelfCheckInMainUserBlock' ) %]</div>
174 </div> <!-- / .main -->
176 <div id="helpModal" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel" aria-hidden="true">
178 <div class="modal-header">
179 <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
180 <h3 id="helpModalLabel">Self check-in help</h3>
183 <div class="modal-body">
185 <li>Scan each item or enter its barcode. A list with the entered barcodes will be displayed.</li>
186 <li>Click the 'Check in' button to confirm.</li>
187 <li>The operation results will be displayed for each entered barcode.</li>
188 <li>The 'Finish' button is presented to start over.</li>
189 <li>At any step, clicking the 'Cancel' button will erase the scanned barcodes and start over.</li>
192 </div> <!-- /#helpModal -->
195 [% INCLUDE 'opac-bottom.inc' %]
196 [% BLOCK jsinclude %]
197 [% INCLUDE 'datatables.inc' %]
198 <script type="text/javascript">
200 function mungeHistory() {
201 // prevent back button from allowing form resubmission
202 if (history && history.pushState) {
203 history.replaceState(null, document.title, window.location.href);
208 $(".focus:last").select();
213 $(document).ready(function() {
214 // Barcodes scanning table initially hidden
215 $("#sci_barcodes_table").hide();
216 // Control de 'append' button behaviour
217 $("#sci_append_button").on('click',function( e ){
218 // Make sure the form is not submitted by the button
220 var barcode = $('#barcode_input').val();
221 //var result = validate_barcode( barcode );
222 $('#sci_barcodes_table tbody').append(
223 '<tr stype="font-size: initial;"><td>' +
225 '<input type="hidden" name="barcode" value="' + barcode + '" />' +
227 // Make sure the table is now displayed
228 $("#sci_barcodes_table").show();
229 $('#sci_checkin_button').show();
230 $('#sci_refresh_button').show();
231 barcodes.push(barcode);
232 // clean the input, reset the focus
233 $('#barcode_input').val('');
237 $(".helpModal-trigger").on("click",function(e){
239 $("#helpModal").modal("show");
242 // set focus at the beginning
247 $(document).ready(function () {
248 //Increment the idle time counter every minute.
249 var idleInterval = setInterval(timerIncrement, 1000); // 1 second
251 //Zero the idle timer on mouse movement.
252 $(this).mousemove(function (e) {
255 $(this).keypress(function (e) {
260 function timerIncrement() {
261 if ( $("#sci_finish_button").is(":visible") || $("#sci_refresh_button").is(":visible") ) {
262 idleTime = idleTime + 1;
263 idleTimeout = [% refresh_timeout %];
264 if (idleTime >= idleTimeout ) {
265 if ( $("#sci_finish_button").is(":visible") ) $("#sci_finish_button").click();
266 if ( $("#sci_refresh_button").is(":visible") ) $("#sci_refresh_button").click();
272 [% IF ( Koha.Preference('SelfCheckInUserJS') ) %]<script type="text/javascript">[% Koha.Preference('SelfCheckInUserJS') %]</script>[% END %]