examples/selfcheck.html

   1 <html>
   2 <head>
   3 <meta charset="utf-8"></meta>
   4 <title>RFID SIP2 Selfcheck</title>
   5 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   6 <style type="text/css">
   7 .status {
   8         background: #ff8;
   9 }
  10
  11 .da {
  12         background: #fcc;
  13 }
  14
  15 .d7 {
  16         background: #cfc;
  17 }
  18
  19 ,page {
  20         font-size: 300%;
  21         border: 10px solid #ccc;
  22
  23 }
  24
  25 #tags {
  26         position: fixed;
  27         width: 20em;
  28         top: 0;
  29         right: 0;
  30 }
  31
  32 input[type=button] {
  33         padding-top: 2em;
  34         display: block;
  35         width: 100%;
  36         height: 10em;
  37 }
  38
  39 </style>
  40 <script type="text/javascript" src="/examples/selfcheck.js"></script>
  41 </head>
  42 <body>
  43
  44 <div id="tags">
  45 RFID reader not found or driver program not started.
  46 </div>
  47
  48
  49 <h1>Knjižnica Filozofskog fakulteta</h1>
  50
  51 <div class="page" id="start">
  52
  53 <!--
  54 Put borrower card on a reader to borrow books
  55 -->
  56
  57 Ako želite posuditi knjigu, najprije stavite iskaznicu na za to previđeno mjesto.
  58
  59 <hr>
  60
  61 <!--
  62 Select checkin button to return books.
  63 -->
  64
  65 Ako želite vratiti knjigu, pristisnite ovaj gumb.
  66
  67 <input name=checkin type=button value="Povrat" onClick="change_page('checkin')">
  68 </div>
  69
  70 <div class="page" id="borrower_check">
  71 <!--
  72 Fetching borrower
  73 -->
  74 Provjera korisničnog računa...
  75 <p>
  76 Možete ukloniti iskaznicu.
  77 <span class="borrower_number"></span>
  78 </div>
  79
  80 <div class="page" id="borrower_info">
  81 <!--
  82 Borrower:
  83 -->
  84 <h2>Informacije o članu</h2>
  85 <div class="borrower_name"></div>
  86 <!--
  87 <div class="borrower_email"></div>
  88 -->
  89 <div class="borrower_number"></div>
  90
  91 <h2>Dokumenti</h2>
  92
  93 <ul>
  94 <li>Posuđeno: <span class="hold_items">0</span>
  95 <li>Kašnjenje: <span class="overdue_items">0</span>
  96 <!-- Koha doesn't support charged items or fine items
  97 <li>Trenutno rezervacija: 0
  98 <li>Spremno za podizanje: 0
  99 -->
 100 </ul>
 101
 102 <h2>Dugovanje</h2>
 103
 104 Ostatak: 0,00 kn
 105
 106 <h2>Poruke</h2>
 107
 108 Greeting from Koha.
 109
 110 <input type="button" value="OK" onClick="change_page(circulation_type)">
 111
 112
 113 </div>
 114
 115 <div class="page" id="circulation">
 116 <!--
 117 Put books to borrow on reader pad.
 118 -->
 119 Postavite knjige na predviđeno mjesto ispred monitora.
 120
 121 <div class="checkout">Posuđeno:</div>
 122 <div class="checkin">Vraćeno:</div>
 123
 124 <ul id="books">
 125 </ul>
 126
 127 Dokumenata: 0
 128
 129 <div style="display: block">
 130 <input type="button" value="Završi" onClick="change_page('end')">
 131 <input class="checkout" type="button" value="Informacije o članu" onClick="change_page('borrower_info')">
 132 </div>
 133
 134 </div>
 135
 136 <div class="page" id="end">
 137
 138 Hvala što ste koristili selfcheck sustav.
 139
 140 </div>
 141
 142 <div class="page" id="error">
 143
 144 Greška. Odnesite knjige na pult.
 145
 146 </div>
 147
 148 </body>
 149 </html>