X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=examples%2Fselfcheck.html;h=979ca02a3072fbef11928bf5b269e7941e841d32;hb=71eca481790da9d6c41799bba4930965b30c4e44;hp=c295dd22e49c60cb99fc8b972c224659766e4172;hpb=5f2e55f0a56d3ea9dd7f360445e17c2c523933d0;p=Biblio-RFID.git

diff --git a/examples/selfcheck.html b/examples/selfcheck.html
index c295dd2..979ca02 100644
--- a/examples/selfcheck.html
+++ b/examples/selfcheck.html
@@ -3,7 +3,20 @@
 <meta charset="utf-8"></meta>
 <title>RFID SIP2 Selfcheck</title>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<link href='http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
 <style type="text/css">
+
+body, input {
+	font-family: 'Roboto', sans-serif;
+	background: #eee;
+	font-size: 150%;
+}
+
+body {
+	margin: 2em;
+}
+
+
 .status {
 	background: #ff8;
 }
@@ -16,10 +29,10 @@
 	background: #cfc;
 }
 
-,page {
-	font-size: 300%;
-	border: 10px solid #ccc;
-
+.page {
+	border: 2em solid #fff;
+	border-radius: 1em;
+	background: #fff;
 }
 
 #tags {
@@ -30,10 +43,24 @@
 }
 
 input[type=button] {
-	padding-top: 2em;
+	margin-top: 1em;
 	display: block;
 	width: 100%;
+	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>
@@ -48,6 +75,12 @@ RFID reader not found or driver program not started.
 
 <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">
 
 <!--
@@ -67,16 +100,6 @@ Ako želite vratiti knjigu, pristisnite ovaj gumb.
 <input name=checkin type=button value="Povrat" onClick="change_page('checkin')">
 </div>
 
-<div class="page" id="borrower_check">
-<!--
-Fetching borrower
--->
-Provjera korisničnog računa...
-<p>
-Možete ukloniti iskaznicu.
-<span class="borrower_number"></span>
-</div>
-
 <div class="page" id="borrower_info">
 <!--
 Borrower:
@@ -91,12 +114,10 @@ Borrower:
 <h2>Dokumenti</h2>
 
 <ul>
-<li>Posuđeno: <span class="hold_items">0</span>
-<li>Kašnjenje: <span class="overdue_items">0</span>
-<!-- Koha doesn't support charged items or fine items
-<li>Trenutno rezervacija: 0
-<li>Spremno za podizanje: 0
--->
+<li>Hold items: <span class="hold_items">0</span>
+<li>Overdue items: <span class="overdue_items">0</span>
+<li>Charged items: <span class="charged_items">0</span>
+<li>Fine items: <span class="fine_items">0</span>
 </ul>
 
 <h2>Dugovanje</h2>
@@ -118,13 +139,15 @@ Put books to borrow on reader pad.
 -->
 Postavite knjige na predviđeno mjesto ispred monitora.
 
+<hr>
+
 <div class="checkout">Posuđeno:</div>
 <div class="checkin">Vraćeno:</div>
 
 <ul id="books">
 </ul>
 
-Dokumenata: 0
+Dokumenata: <span id="books_count">0</span>
 
 <div style="display: block">
 <input type="button" value="Završi" onClick="change_page('end')">