color book items according to circulation stataus

[Biblio-RFID.git] / examples / selfcheck.html
diff --git a/examples/selfcheck.html b/examples/selfcheck.html

index df0cd70..6bdde5f 100644 (file)
--- 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,20 +29,13 @@
         background: #cfc;
  }
  
-label[for=pull-reader] {
-       position: absolute;
-       top: 1em;
-       right: 1em;
-       background: #eee;
-}
-
-,page {
-       font-size: 300%;
-       border: 10px solid #ccc;
-
+.page {
+       border: 2em solid #fff;
+       border-radius: 1em;
+       background: #fff;
  }
  
-#debug {
+#tags {
         position: fixed;
         width: 20em;
         top: 0;
@@ -37,10 +43,10 @@ label[for=pull-reader] {
  }
  
  input[type=button] {
-       padding-top: 2em;
+       margin-top: 1em;
         display: block;
         width: 100%;
-       height: 10em;
+       height: 5em;
  }
  
  </style>
@@ -48,18 +54,10 @@ input[type=button] {
  </head>
  <body>
  
-<div id="debug">
-
-<label for=pull-reader>
-<input id=pull-reader type=checkbox checked=1>
-active
-</label>
-
  <div id="tags">
  RFID reader not found or driver program not started.
  </div>
  
-</div>
  
  <h1>Knjižnica Filozofskog fakulteta</h1>
  
@@ -82,16 +80,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:
@@ -106,12 +94,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>
@@ -133,13 +119,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')">