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 <link href='http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
7 <style type="text/css">
10 font-family: 'Roboto', sans-serif;
12 /* disable selection which brings havoc on touchscreens */
13 -webkit-user-select: none;
14 -moz-user-select: -moz-none;
15 -ms-user-select: none;
45 border: 2em solid #fff;
80 margin-left: -8em; /* width + 2 * padding / 2 */
86 border: 0.5em solid #f00;
96 margin-left: -250px; /* 500 / 2 */
97 margin-top: -187px; /* 375 / 2 */
101 <script type="text/javascript" src="/examples/selfcheck.js"></script>
106 RFID reader not found or driver program not started.
109 <h1>Knjižnica Filozofskog fakulteta</h1>
112 Timeout in <span id="tick">99</span> seconds.
114 <input type=button value="continue" onClick="start_timeout();" style="width:100%">
120 <img src="/examples/giphy.gif">
124 <div class="page" id="start">
127 Put borrower card on a reader to borrow books
130 Ako želite posuditi knjigu, najprije stavite iskaznicu na za to previđeno mjesto.
135 Select checkin button to return books.
138 Ako želite vratiti knjigu, pristisnite gumb za povrat.
141 <input name=checkin type=button value="Povrat" onClick="change_page('checkin')" style="background: #8f8;">
145 <div class="page" id="borrower_info">
150 <h2>Informacije o članu</h2>
151 <div class="borrower_name"></div>
153 <div class="borrower_email"></div>
155 <div class="borrower_number"></div>
161 <li>Hold items: <span class="hold_items">0</span>
163 <li>Posudjeno: <span class="charged_items">0</span>
164 <li>Kasnjenja: <span class="overdue_items">0</span>
166 <li>Fine items: <span class="fine_items">0</span>
182 <input type="button" value="OK" onClick="change_page(circulation_type)">
187 <div class="page" id="circulation">
189 Put books to borrow on reader pad.
191 Postavite knjige na predviđeno mjesto ispred monitora.
195 <div class="checkout">Posuđeno:</div>
196 <div class="checkin">Vraćeno:</div>
202 <input class="checkout" type="button" value="Informacije o članu" onClick="change_page('borrower_info')">
203 <input type="button" value="Završi" onClick="change_page('end')" style="float:right; background: #f88;">
208 <div class="page" id="end">
210 Hvala što ste koristili selfcheck sustav.
214 <div class="page" id="error">
216 Greška. Odnesite knjige na pult.