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