Lines 23-54
Link Here
|
23 |
|
23 |
|
24 |
<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a id="go-to-home" href="#offline-home">Offline circulation</a></div> |
24 |
<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a id="go-to-home" href="#offline-home">Offline circulation</a></div> |
25 |
|
25 |
|
26 |
<div id="doc3" class="yui-t2"> |
26 |
<div class="main container-fluid"> |
|
|
27 |
<div class="row"> |
28 |
<div class="col-sm-10 col-sm-push-2"> |
29 |
<main> |
27 |
|
30 |
|
28 |
<div id="bd"> |
|
|
29 |
<div id="yui-main"> |
30 |
<audio id="alert_sound" src="[% interface | html %]/prog/sound/critical.ogg" preload="auto"></audio> |
31 |
<audio id="alert_sound" src="[% interface | html %]/prog/sound/critical.ogg" preload="auto"></audio> |
31 |
<audio id="success_sound" src="[% interface | html %]/prog/sound/beep.ogg" preload="auto"></audio> |
32 |
<audio id="success_sound" src="[% interface | html %]/prog/sound/beep.ogg" preload="auto"></audio> |
32 |
|
33 |
|
33 |
<div id="alerts" class="yui-b"> |
34 |
<div id="alerts"></div> |
34 |
</div> |
35 |
|
35 |
[% UNLESS (AllowOfflineCirculation) %] |
36 |
[% UNLESS (AllowOfflineCirculation) %] |
36 |
<div id="noofflinecircwarning" class="dialog alert"> |
37 |
<div id="noofflinecircwarning" class="dialog alert"> |
37 |
<p><strong>Warning:</strong> Offline Circulation has been disabled. You may continue and record transactions, but patron and item information will not be available.</p> |
38 |
<p><strong>Warning:</strong> Offline Circulation has been disabled. You may continue and record transactions, but patron and item information will not be available.</p> |
38 |
</div> |
39 |
</div> |
39 |
[% END %] |
40 |
[% END %] |
40 |
|
41 |
|
41 |
<div id="offline-home" class="yui-b offline-home"> |
42 |
<div id="offline-home" class="offline-home"> |
42 |
<div class="yui-g"> |
43 |
<h1>Offline circulation</h1> |
43 |
<h1>Offline circulation</h1> |
44 |
<div class="row"> |
44 |
<div class="yui-u first"> |
45 |
<div class="col-sm-6"> |
45 |
<ul> |
46 |
<ul> |
46 |
<li><a id="go-to-circ" href="#offline-circulation">Check out</a></li> |
47 |
<li><a id="go-to-circ" href="#offline-circulation">Check out</a></li> |
47 |
<li><a id="go-to-returns" href="#offline-returns">Check in</a></li> |
48 |
<li><a id="go-to-returns" href="#offline-returns">Check in</a></li> |
48 |
</ul> |
49 |
</ul> |
49 |
</div> |
50 |
</div> |
50 |
|
51 |
|
51 |
<div class="yui-u"> |
52 |
<div class="col-sm-6"> |
52 |
<p><strong>Note:</strong> You must be online to use these options.</p> |
53 |
<p><strong>Note:</strong> You must be online to use these options.</p> |
53 |
<ul> |
54 |
<ul> |
54 |
<li><a id="go-to-sync" href="#offline-sync">Synchronize</a></li> |
55 |
<li><a id="go-to-sync" href="#offline-sync">Synchronize</a></li> |
Lines 58-73
Link Here
|
58 |
</div> |
59 |
</div> |
59 |
</div> |
60 |
</div> |
60 |
|
61 |
|
61 |
<div id="offline-sync" style="display: none;" class="yui-b offline-sync"> |
62 |
<div id="offline-sync" style="display: none;" class="offline-sync"> |
62 |
<div id="toolbar" class="btn-toolbar"> |
63 |
<div id="toolbar" class="btn-toolbar"> |
63 |
[% IF (AllowOfflineCirculation) %] |
64 |
[% IF (AllowOfflineCirculation) %] |
64 |
<a href="#" id="download-records" class="btn btn-default btn-sm"><i class="fa fa-arrow-down"></i>Download records</a> |
65 |
<a href="#" id="download-records" class="btn btn-default btn-sm"><i class="fa fa-arrow-down"></i> Download records</a> |
65 |
[% END %] |
66 |
[% END %] |
66 |
<a href="#" id="upload-transactions" class="btn btn-default btn-sm"><i class="fa fa-arrow-up"></i>Upload transactions</a> |
67 |
<a href="#" id="upload-transactions" class="btn btn-default btn-sm"><i class="fa fa-arrow-up"></i> Upload transactions</a> |
67 |
</div> |
68 |
</div> |
68 |
<div class="yui-g"> |
69 |
<h1>Offline circulation</h1> |
69 |
<h1>Offline circulation</h1> |
70 |
<div class="row"> |
70 |
<div class="yui-u first"> |
71 |
<div class="col-sm-6"> |
71 |
<div id="download-message"> |
72 |
<div id="download-message"> |
72 |
In order for offline circulation to work on this computer, |
73 |
In order for offline circulation to work on this computer, |
73 |
your library's records must be up-to-date on this computer: |
74 |
your library's records must be up-to-date on this computer: |
Lines 79-85
Link Here
|
79 |
</div> |
80 |
</div> |
80 |
</div> |
81 |
</div> |
81 |
|
82 |
|
82 |
<div class="yui-u"> |
83 |
<div class="col-sm-6"> |
83 |
<div id="upload-message"> |
84 |
<div id="upload-message"> |
84 |
</div> |
85 |
</div> |
85 |
<div>View <a href="/cgi-bin/koha/offline_circ/list.pl">pending offline circulation actions</a></div> |
86 |
<div>View <a href="/cgi-bin/koha/offline_circ/list.pl">pending offline circulation actions</a></div> |
Lines 87-98
Link Here
|
87 |
</div> |
88 |
</div> |
88 |
</div> |
89 |
</div> |
89 |
|
90 |
|
90 |
<div id="offline-returns" style="display: none;" class="yui-b offline-returns"> |
91 |
<div id="offline-returns" style="display: none;" class="offline-returns"> |
91 |
<div class="yui-g"> |
92 |
<div class="row"> |
92 |
<form id="checkin-form" method="post" action="/cgi-bin/koha/circ/returns.pl" autocomplete="off" > |
93 |
<form id="checkin-form" method="post" action="/cgi-bin/koha/circ/returns.pl" autocomplete="off" > |
93 |
<div class="yui-u first"> |
94 |
<div class="col-sm-6"> |
94 |
<fieldset> |
95 |
<fieldset> |
95 |
<legend>Check In</legend> |
96 |
<legend>Check in</legend> |
96 |
<label for="checkin-barcode">Enter item barcode: </label> |
97 |
<label for="checkin-barcode">Enter item barcode: </label> |
97 |
<input name="barcode" id="checkin-barcode" size="14" class="focus" type="text" /> |
98 |
<input name="barcode" id="checkin-barcode" size="14" class="focus" type="text" /> |
98 |
<input type="submit" class="submit" value="Submit" /> |
99 |
<input type="submit" class="submit" value="Submit" /> |
Lines 113-146
Link Here
|
113 |
</div> |
114 |
</div> |
114 |
</div> |
115 |
</div> |
115 |
|
116 |
|
116 |
<div style="display: none;" class="yui-b offline-circulation-instructions"> |
117 |
<div style="display: none;" class="offline-circulation-instructions"> |
117 |
<div class="yui-g"> |
118 |
Scan a patron barcode to start. |
118 |
Scan a patron barcode to start. |
|
|
119 |
</div> |
120 |
</div> |
119 |
</div> |
121 |
|
120 |
|
122 |
<div id="offline-circulation" style="display: none;" class="yui-b offline-circulation"> |
121 |
<div id="offline-circulation" style="display: none;" class="offline-circulation"> |
123 |
<div class="yui-g"> |
122 |
<form method="post" action="/cgi-bin/koha/circ/offline.pl" id="mainform" name="mainform" autocomplete="off"> |
124 |
<form method="post" action="/cgi-bin/koha/circ/offline.pl" id="mainform" name="mainform" autocomplete="off"> |
123 |
<fieldset id="circ_circulation_issue"> |
125 |
<fieldset id="circ_circulation_issue"> |
124 |
<span id="clearscreen"><a href="/cgi-bin/koha/circ/offline.pl" title="Clear screen">x</a></span> |
126 |
<span id="clearscreen"><a href="/cgi-bin/koha/circ/offline.pl" title="Clear screen">x</a></span> |
125 |
<label for="checkout-barcode">Checking out to <span class="patron-title"></span></label> |
127 |
<label for="checkout-barcode">Checking out to <span class="patron-title"></span></label> |
126 |
<div class="hint">Enter item barcode:</div> |
128 |
<div class="hint">Enter item barcode:</div> |
127 |
<input type="text" name="barcode" id="checkout-barcode" class="barcode focus" size="14" /> |
129 |
<input type="text" name="barcode" id="checkout-barcode" class="barcode focus" size="14" /> |
128 |
<input type="submit" value="Check Out" /> |
130 |
<input type="submit" value="Check Out" /> |
129 |
|
131 |
|
130 |
<div class="date-select"> |
132 |
<div class="date-select"> |
131 |
<div class="hint">Specify due date [% INCLUDE 'date-format.inc' %]: </div> |
133 |
<div class="hint">Specify due date [% INCLUDE 'date-format.inc' %]: </div> |
|
|
134 |
<input type="text" size="13" id="duedatespec" name="duedatespec" value="[% duedatespec | html %]" /> |
132 |
<input type="text" size="13" id="duedatespec" name="duedatespec" value="[% duedatespec | html %]" /> |
135 |
<label for="stickyduedate"> Remember for session:</label> |
133 |
<label for="stickyduedate"> Remember for session:</label> |
136 |
<input type="checkbox" id="stickyduedate" onclick="this.form.barcode.focus();" name="stickyduedate" checked="checked" /> |
134 |
<input type="checkbox" id="stickyduedate" onclick="this.form.barcode.focus();" name="stickyduedate" checked="checked" /> |
137 |
<input type="button" class="action" id="cleardate" value="Clear" name="cleardate" onclick="this.checked = false; this.form.duedatespec.value = ''; this.form.stickyduedate.checked = false; this.form.barcode.focus(); return false;" /> |
135 |
<input type="button" class="action" id="cleardate" value="Clear" name="cleardate" onclick="this.checked = false; this.form.duedatespec.value = ''; this.form.stickyduedate.checked = false; this.form.barcode.focus(); return false;" /> |
138 |
</div> |
136 |
</div> |
139 |
</fieldset> |
137 |
</fieldset> |
140 |
</form> |
138 |
</form> |
141 |
</div> |
|
|
142 |
|
139 |
|
143 |
<div class="yui-g"><div id="patronlists" class="toptabs"> |
140 |
<div id="patronlists" class="toptabs"> |
144 |
<ul> |
141 |
<ul> |
145 |
<li><a href="#checkouts"><span class="checkout-count">0</span> Checkouts</a></li> |
142 |
<li><a href="#checkouts"><span class="checkout-count">0</span> Checkouts</a></li> |
146 |
<li><a href="#fines"><span class="fine-amount">0</span> in fines</a></li> |
143 |
<li><a href="#fines"><span class="fine-amount">0</span> in fines</a></li> |
Lines 199-220
Link Here
|
199 |
</div> |
196 |
</div> |
200 |
</div> |
197 |
</div> |
201 |
</div> |
198 |
</div> |
202 |
</div> |
199 |
</main> |
203 |
|
200 |
|
204 |
<div class="yui-b offline-circulation" style="display: none;"> |
201 |
</main> |
205 |
<div class="patroninfo"><h5 class="patron-title"> </h5> |
202 |
</div> <!-- /.col-sm-10.col-sm-push-2 --> |
206 |
<ul> |
203 |
|
207 |
<li id="patron-address-1"></li> |
204 |
<div class="offline-circulation" style="display: none;"> |
208 |
<li id="patron-address-2"></li> |
205 |
<div class="col-sm-2 col-sm-pull-10"> |
209 |
<li id="patron-address-parts"><!-- city, state, zipcode, country --></li> |
206 |
<aside> |
210 |
<li id="patron-phone"></li> |
207 |
<div class="patroninfo"><h5 class="patron-title"> </h5> |
211 |
<li id="patron-email"></li> |
208 |
<ul> |
212 |
<li id="patron-category"></li> |
209 |
<li id="patron-address-1"></li> |
213 |
<li id="patron-library"></li> |
210 |
<li id="patron-address-2"></li> |
214 |
</ul> |
211 |
<li id="patron-address-parts"><!-- city, state, zipcode, country --></li> |
215 |
</div> |
212 |
<li id="patron-phone"></li> |
|
|
213 |
<li id="patron-email"></li> |
214 |
<li id="patron-category"></li> |
215 |
<li id="patron-library"></li> |
216 |
</ul> |
217 |
</div> |
218 |
</aside> |
219 |
</div> <!-- /.col-sm-2.col-sm-pull-10 --> |
220 |
</div> <!-- /.row --> |
216 |
</div> |
221 |
</div> |
217 |
</div> |
|
|
218 |
|
222 |
|
219 |
[% MACRO jsinclude BLOCK %] |
223 |
[% MACRO jsinclude BLOCK %] |
220 |
[% INCLUDE 'calendar.inc' %] |
224 |
[% INCLUDE 'calendar.inc' %] |
Lines 222-228
Link Here
|
222 |
[% Asset.js("js/offlinecirc.js") | $raw %] |
226 |
[% Asset.js("js/offlinecirc.js") | $raw %] |
223 |
[% Asset.js("lib/jquery/plugins/jquery-ui-timepicker-addon.min.js") | $raw %] |
227 |
[% Asset.js("lib/jquery/plugins/jquery-ui-timepicker-addon.min.js") | $raw %] |
224 |
[% INCLUDE 'timepicker.inc' %] |
228 |
[% INCLUDE 'timepicker.inc' %] |
225 |
<script type="text/javascript"> |
229 |
<script> |
226 |
var ALERT_SUCCESSFUL_CHECKIN = _("Checked in item."); |
230 |
var ALERT_SUCCESSFUL_CHECKIN = _("Checked in item."); |
227 |
var ALERT_MATERIALS = _("Note about the accompanying materials: %s"); |
231 |
var ALERT_MATERIALS = _("Note about the accompanying materials: %s"); |
228 |
var ALERT_RESTRICTED = _("Patron is RESTRICTED"); |
232 |
var ALERT_RESTRICTED = _("Patron is RESTRICTED"); |
Lines 628-634
Link Here
|
628 |
} |
632 |
} |
629 |
} |
633 |
} |
630 |
curpatron = patron; |
634 |
curpatron = patron; |
631 |
$('#yui-main').show(); |
635 |
$('main').show(); |
632 |
setTimeout(function() { $('#checkout-barcode').trigger('focus'), 1 }); |
636 |
setTimeout(function() { $('#checkout-barcode').trigger('focus'), 1 }); |
633 |
} |
637 |
} |
634 |
|
638 |
|
635 |
- |
|
|