Biblio-RFID

 view release on metacpan or  search on metacpan

examples/selfcheck.html  view on Meta::CPAN

	width: 20em;
	top: 0;
	right: 0;
	font-size: 50%;
}

input[type=button] {
	display: block;
	float: left;
	width: 50%;
	height: 6em;
	font-size: 100%;
}

.button {
	margin-top: 1em;
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

#timeout {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8em; /* width + 2 * padding / 2 */
	margin-top: -5em;
	width: 12em;
	height: 8em;
	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>
<script type="text/javascript" src="/examples/selfcheck.js"></script>
</head>
<body>

<div id="tags">
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.
<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 class="page" id="start">

<!--
Put borrower card on a reader to borrow books
-->

Ako želite posuditi knjigu, najprije stavite iskaznicu na za to predviđeno mjesto.

<hr>

<!--
Select checkin button to return books.
-->

Ako želite vratiti knjigu, pritisnite gumb za povrat.

<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">

<!--
Borrower:
-->
<h2>Informacije o članu</h2>
<div class="borrower_name"></div>
<!--
<div class="borrower_email"></div>
-->
<div class="borrower_number"></div>

<h2>Dokumenti</h2>

<ul>
<!--
<li>Hold items: <span class="hold_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>
-->
</ul>

<!--
<h2>Dugovanje</h2>



( run in 0.600 second using v1.01-cache-2.11-cpan-ceb78f64989 )