projects
/
Biblio-RFID.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
fix spelling
[Biblio-RFID.git]
/
examples
/
selfcheck.html
diff --git
a/examples/selfcheck.html
b/examples/selfcheck.html
index
979ca02
..
1c0b378
100644
(file)
--- a/
examples/selfcheck.html
+++ b/
examples/selfcheck.html
@@
-8,15
+8,27
@@
body, input {
font-family: 'Roboto', sans-serif;
body, input {
font-family: 'Roboto', sans-serif;
- background: #eee;
font-size: 150%;
font-size: 150%;
+ /* disable selection which brings havoc on touchscreens */
+ -webkit-user-select: none;
+ -moz-user-select: -moz-none;
+ -ms-user-select: none;
+ user-select: none;
}
body {
}
body {
+ background: #f0f0ff;
margin: 2em;
}
margin: 2em;
}
+h1 {
+ position: absolute;
+ top: -0.5em;
+ left: 0.5em;
+ font-size: 100%;
+}
+
.status {
background: #ff8;
}
.status {
background: #ff8;
}
@@
-40,13
+52,24
@@
body {
width: 20em;
top: 0;
right: 0;
width: 20em;
top: 0;
right: 0;
+ font-size: 50%;
}
input[type=button] {
}
input[type=button] {
+ display: block;
+ float: left;
+ width: 50%;
+ height: 6em;
+ font-size: 100%;
+}
+
+.button {
margin-top: 1em;
display: block;
width: 100%;
margin-top: 1em;
display: block;
width: 100%;
- height: 5em;
+ position: absolute;
+ left: 0;
+ bottom: 0;
}
#timeout {
}
#timeout {
@@
-54,13
+77,24
@@
input[type=button] {
position: absolute;
top: 50%;
left: 50%;
position: absolute;
top: 50%;
left: 50%;
- margin-left: -
10em;
+ margin-left: -
8em; /* width + 2 * padding / 2 */
margin-top: -5em;
margin-top: -5em;
- width:
20
em;
- height:
10
em;
+ width:
12
em;
+ height:
8
em;
background: #ff8;
padding: 2em;
border: 0.5em solid #f00;
background: #ff8;
padding: 2em;
border: 0.5em solid #f00;
+ text-align: center;
+ font-size: 100%;
+}
+
+#working {
+ display: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-left: -250px; /* 500 / 2 */
+ margin-top: -187px; /* 375 / 2 */
}
</style>
}
</style>
@@
-72,12
+106,18
@@
input[type=button] {
RFID reader not found or driver program not started.
</div>
RFID reader not found or driver program not started.
</div>
-
<h1>Knjižnica Filozofskog fakulteta</h1>
<div id="timeout">
Timeout in <span id="tick">99</span> seconds.
<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 class="button">
+<input type=button value="continue" onClick="start_timeout();" style="width:100%">
+</div>
+</div>
+
+
+<div id="working">
+<img src="/examples/giphy.gif">
</div>
</div>
@@
-87,7
+127,7
@@
Timeout in <span id="tick">99</span> seconds.
Put borrower card on a reader to borrow books
-->
Put borrower card on a reader to borrow books
-->
-Ako želite posuditi knjigu, najprije stavite iskaznicu na za to previđeno mjesto.
+Ako želite posuditi knjigu, najprije stavite iskaznicu na za to pre
d
viđeno mjesto.
<hr>
<hr>
@@
-95,12
+135,15
@@
Ako želite posuditi knjigu, najprije stavite iskaznicu na za to previđeno mjes
Select checkin button to return books.
-->
Select checkin button to return books.
-->
-Ako želite vratiti knjigu, pri
stisnite ovaj gumb
.
+Ako želite vratiti knjigu, pri
tisnite gumb za povrat
.
-<input name=checkin type=button value="Povrat" onClick="change_page('checkin')">
+<div class="button">
+<input name=checkin type=button value="Povrat" onClick="change_page('checkin')" style="background: #8f8;">
+</div>
</div>
<div class="page" id="borrower_info">
</div>
<div class="page" id="borrower_info">
+
<!--
Borrower:
-->
<!--
Borrower:
-->
@@
-114,12
+157,17
@@
Borrower:
<h2>Dokumenti</h2>
<ul>
<h2>Dokumenti</h2>
<ul>
+<!--
<li>Hold items: <span class="hold_items">0</span>
<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>Posuđeno: <span class="charged_items">0</span>
+<li>Kašnjenja: <span class="overdue_items">0</span>
+<!--
<li>Fine items: <span class="fine_items">0</span>
<li>Fine items: <span class="fine_items">0</span>
+-->
</ul>
</ul>
+<!--
<h2>Dugovanje</h2>
Ostatak: 0,00 kn
<h2>Dugovanje</h2>
Ostatak: 0,00 kn
@@
-128,8
+176,11
@@
Ostatak: 0,00 kn
Greeting from Koha.
Greeting from Koha.
-
<input type="button" value="OK" onClick="change_page(circulation_type)"
>
+
--
>
+<div class="button">
+<input type="button" value="OK" onClick="change_page(circulation_type)">
+</div>
</div>
</div>
@@
-147,11
+198,9
@@
Postavite knjige na predviđeno mjesto ispred monitora.
<ul id="books">
</ul>
<ul id="books">
</ul>
-Dokumenata: <span id="books_count">0</span>
-
-<div style="display: block">
-<input type="button" value="Završi" onClick="change_page('end')">
+<div class="button">
<input class="checkout" type="button" value="Informacije o članu" onClick="change_page('borrower_info')">
<input class="checkout" type="button" value="Informacije o članu" onClick="change_page('borrower_info')">
+<input type="button" value="Završi" onClick="change_page('end')" style="float:right; background: #f88;">
</div>
</div>
</div>
</div>