height: 5em;
}
+#timeout {
+ display: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-left: -10em;
+ margin-top: -5em;
+ width: 20em;
+ height: 10em;
+ background: #ff8;
+ padding: 2em;
+ border: 0.5em solid #f00;
+}
+
</style>
<script type="text/javascript" src="/examples/selfcheck.js"></script>
</head>
<h1>Knjižnica Filozofskog fakulteta</h1>
+<div id="timeout">
+Timeout in <span id="tick">99</span> seconds.
+<input type=button value="continue" onClick="start_timeout();">
+</div>
+
+
<div class="page" id="start">
<!--
var scan_timeout;
var pending_jsonp = 0;
+// timeout warning dialog
+var tick_timeout = 25; // s
+var tick_warning = 10; // s
+var tick = 0;
+
+function start_timeout() {
+ $('#timeout').hide();
+ tick = Math.round( tick_timeout * ( 1000 / tag_rescan ) );
+}
+
function change_page(new_state) {
if ( state != new_state ) {
location.reload();
},error_timeout);
}
+
+ if ( state == 'circulation' || state == 'borrower_info' ) {
+ start_timeout();
+ } else {
+ tick = 0; // timeout disabled
+ }
}
}
$.getJSON("/scan?callback=?", got_visible_tags);
}
+ if ( tick > 0 ) {
+ if ( tick < tick_warning * ( 1000 / tag_rescan ) ) {
+ $('#tick').html( Math.round( tick * tag_rescan / 1000 ) );
+ $('#timeout').show();
+ }
+ tick--;
+ if ( tick == 0 ) {
+ $('#timeout').hide();
+ change_page('end');
+ }
+ }
+
scan_timeout = window.setTimeout(function(){
scan_tags();
},tag_rescan); // re-scan every 200ms
$('#books_count').html( $('ul#books > li').length );
console.debug( book_barcodes );
pending_jsonp--;
+ start_timeout(); // reset timeout
}).fail( function() {
change_page('error');
pending_jsonp--;