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