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 <link href='http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
   7 <style type="text/css">
   8
   9 body, input {
  10         font-family: 'Roboto', sans-serif;
  11         font-size: 110%;
  12 }
  13
  14 body {
  15         background: #f0f0ff;
  16         margin: 2em;
  17 }
  18
  19
  20 .status {
  21         background: #ff8;
  22 }
  23
  24 .da {
  25         background: #fcc;
  26 }
  27
  28 .d7 {
  29         background: #cfc;
  30 }
  31
  32 .page {
  33         border: 2em solid #fff;
  34         border-radius: 1em;
  35         background: #fff;
  36 }
  37
  38 #tags {
  39         position: fixed;
  40         width: 20em;
  41         top: 0;
  42         right: 0;
  43 }
  44
  45 input[type=button] {
  46         display: block;
  47         float: left;
  48         width: 100%;
  49         height: 3em;
  50 }
  51
  52 .button {
  53         margin-top: 1em;
  54         display: block;
  55         width: 100%;
  56         position: absolute;
  57         left: 0;
  58         bottom: 0;
  59 }
  60
  61 #timeout {
  62         display: none;
  63         position: absolute;
  64         top: 50%;
  65         left: 50%;
  66         margin-left: -8em; /* width + 2 * padding / 2 */
  67         margin-top: -2.5em;
  68         width: 12em;
  69         height: 5em;
  70         background: #ff8;
  71         padding: 2em;
  72         border: 0.5em solid #f00;
  73         text-align: center;
  74 }
  75
  76 </style>
  77 <script type="text/javascript" src="/examples/selfcheck.js"></script>
  78 </head>
  79 <body>
  80
  81 <div id="tags">
  82 RFID reader not found or driver program not started.
  83 </div>
  84
  85
  86 <h1>Knjižnica Filozofskog fakulteta</h1>
  87
  88 <div id="timeout">
  89 Timeout in <span id="tick">99</span> seconds.
  90 <div class="button">
  91 <input type=button value="continue" onClick="start_timeout();">
  92 </div>
  93 </div>
  94
  95
  96 <div class="page" id="start">
  97
  98 <!--
  99 Put borrower card on a reader to borrow books
 100 -->
 101
 102 Ako želite posuditi knjigu, najprije stavite iskaznicu na za to previđeno mjesto.
 103
 104 <hr>
 105
 106 <!--
 107 Select checkin button to return books.
 108 -->
 109
 110 Ako želite vratiti knjigu, pristisnite ovaj gumb.
 111
 112 <div class="button">
 113 <input name=checkin type=button value="Povrat" onClick="change_page('checkin')">
 114 </div>
 115 </div>
 116
 117 <div class="page" id="borrower_info">
 118 <!--
 119 Borrower:
 120 -->
 121 <h2>Informacije o članu</h2>
 122 <div class="borrower_name"></div>
 123 <!--
 124 <div class="borrower_email"></div>
 125 -->
 126 <div class="borrower_number"></div>
 127
 128 <h2>Dokumenti</h2>
 129
 130 <ul>
 131 <li>Hold items: <span class="hold_items">0</span>
 132 <li>Overdue items: <span class="overdue_items">0</span>
 133 <li>Charged items: <span class="charged_items">0</span>
 134 <li>Fine items: <span class="fine_items">0</span>
 135 </ul>
 136
 137 <h2>Dugovanje</h2>
 138
 139 Ostatak: 0,00 kn
 140
 141 <h2>Poruke</h2>
 142
 143 Greeting from Koha.
 144
 145 <div class="button">
 146 <input type="button" value="OK" onClick="change_page(circulation_type)">
 147 </div>
 148
 149 </div>
 150
 151 <div class="page" id="circulation">
 152 <!--
 153 Put books to borrow on reader pad.
 154 -->
 155 Postavite knjige na predviđeno mjesto ispred monitora.
 156
 157 <hr>
 158
 159 <div class="checkout">Posuđeno:</div>
 160 <div class="checkin">Vraćeno:</div>
 161
 162 <ul id="books">
 163 </ul>
 164
 165 Dokumenata: <span id="books_count">0</span>
 166
 167 <div class="button">
 168 <input class="checkout" type="button" value="Informacije o članu" onClick="change_page('borrower_info')">
 169 <input type="button" value="Završi" onClick="change_page('end')">
 170 </div>
 171
 172 </div>
 173
 174 <div class="page" id="end">
 175
 176 Hvala što ste koristili selfcheck sustav.
 177
 178 </div>
 179
 180 <div class="page" id="error">
 181
 182 Greška. Odnesite knjige na pult.
 183
 184 </div>
 185
 186 </body>
 187 </html>