2 WRAPPER "staff/base.tt2";
3 ctx.page_title = l("Offline");
4 ctx.page_app = "egOffline";
8 <script type="text/ng-template" id="offline-template">
11 <div class="col-md-12">
12 <div class="input-group">
13 <div class="input-group-addon"><b>[% l('Workstation') %]</b></div>
14 <div class="input-group-addon">
15 <select class="form-control" required
16 ng-model="workstation"
17 ng-options="ws.id as ws.name for ws in workstations"></select>
19 <div class="input-group-addon"><b>[% l('Working location') %]</b></div>
20 <div class="input-group-addon">
21 <eg-org-selector sticky-setting="eg.org.offline_location" selected="org"></eg-org-selector>
23 <div class="input-group-addon">
25 class="btn btn-primary"
26 ng-disabled="all_xact.length == 0 || active_tab == 'register'"
28 [% l('Save Transactions') %]
31 class="btn btn-default"
32 ng-disabled="!printed"
33 ng-click="reprintLast()">
34 [% l('Reprint Last Receipt') %]
37 class="btn btn-default"
39 ng-click="downloadBlockList()">
40 [% l('Download block list') %]
43 class="btn btn-default"
44 ng-disabled="pending_xacts.length == 0"
47 default-file-name="pending.xacts"
48 json-array="pending_xacts"
49 >[% l('Export Transactions') %]</button>
55 <div class="row col-md-offset-3 col-md-6 pad-vert">
56 <div ng-show="logged_in && active_tab != 'session'" class="alert alert-danger">
57 <h2>[% l('Warning') %]</h2>
58 [% l('You are about to enter offline mode. If you proceed, you will be logged out.') %]
61 <button class="btn btn-danger" ng-click="logout()">[% l('Proceed') %]</button>
65 <div class="row col-md-12 pad-vert">
66 <div class="col-md-12">
67 <uib-tabset active="active_tab">
68 <!-- note that non-numeric index values must be enclosed in single-quotes,
69 otherwise selecting the active table won't work cleanly -->
70 <uib-tab index="'checkout'" heading="[% l('Checkout') %]">
74 <!-- left-hand side -->
75 <div class="col-md-6" style="border-right:solid 1px;">
77 <div class="col-md-1"></div>
78 <div class="col-md-4">
81 <div class="col-md-4">
82 <eg-date-input id="co_duedate" ng-model="shared.due_date" out-of-range="shared.outOfRange" min-date="minDate"></eg-date-input>
84 <div class="col-md-3">
85 <select class="form-control" ng-model="shared.due_date_offset" ng-change="resetDueDate()">
86 <option value="">[% l('No Offset') %]</option>
87 <option value="3">[% l('Today + 3 days') %]</option>
88 <option value="7">[% l('Today + 7 days') %]</option>
89 <option value="14">[% l('Today + 14 days') %]</option>
90 <option value="30">[% l('Today + 30 days') %]</option>
95 <div class="row pad-vert">
96 <div class="col-md-1"></div>
97 <div class="col-md-4">
98 [% l('Patron barcode:') %]
100 <div class="col-md-7">
101 <input class="form-control" type="text" ng-model="checkout.patron_barcode" next-on-enter="co_barcode"/>
105 <div class="row pad-vert">
106 <div class="col-md-1">
107 <input type="radio" ng-model="barcode_type" value="barcode" id="bc_radio"/>
109 <div class="col-md-4">
110 <label style="font-weight:normal !important;" for="bc_radio">[% l('Item Barcode:') %]</label>
112 <div class="col-md-7">
113 <input id="co_barcode"
115 ng-init="barcode_type = 'barcode'"
116 ng-disabled="barcode_type != 'barcode'"
118 ng-model="checkout.barcode"
119 eg-enter="!notEnough('checkout') && add('checkout')"
125 <div class="col-md-1">
126 <input type="radio" ng-model="barcode_type" value="noncat" id="nc_radio"/>
128 <div class="col-md-4">
129 <label style="font-weight:normal !important;" for="nc_radio">[% l('Non-cataloged Type:') %]</label>
131 <div class="col-md-5">
134 ng-disabled="barcode_type != 'noncat'"
135 ng-options="nct.id() as nct.name() for nct in noncats"
136 ng-model="checkout.noncat_type"
138 <option value="">[% l('Select Non-cataloged Type') %]</option>
141 <div class="col-md-2">
144 ng-disabled="barcode_type != 'noncat'"
148 ng-model="checkout.noncat_count"
153 <div class="row pad-vert">
154 <div class="col-md-2">
155 <button class="btn btn-warning" ng-click="clear('checkout')">[% l('Clear') %]</button>
157 <div class="col-md-4">
158 <input id="do_check_co" type="checkbox" ng-model="strict_barcode" ng-click="changeCheck()"></input>
159 <label for="do_check_co">[% l('Strict Barcode') %]</label>
161 <div class="col-md-6">
162 <input id="do_print_co" type="checkbox" ng-model="do_print" ng-click="changePrint()"></input>
163 <label for="do_print_co">[% l('Print receipt') %]</label>
164 <button class="btn btn-primary pull-right" ng-disabled="notEnough('checkout')" ng-click="add('checkout','co_barcode')">[% l('Checkout') %]</button>
170 <!-- right-hand side -->
171 <div class="col-md-6 container">
172 <table class="table">
175 <th>[% l('Patron barcode') %]</th>
176 <th>[% l('Item barcode') %]</th>
177 <th>[% l('Due date') %]</th>
181 <tr ng-repeat="xact in xact_page.checkout track by $index">
182 <td>{{xact.patron_barcode}}</td>
183 <td>{{xact.barcode}}</td>
184 <td>{{xact.due_date | date:'shortDate'}}</td>
193 <uib-tab index="'renew'" heading="[% l('Renew') %]">
197 <!-- left-hand side -->
198 <div class="col-md-6" style="border-right:solid 1px;">
200 <div class="col-md-1"></div>
201 <div class="col-md-4">
204 <div class="col-md-4">
205 <eg-date-input ng-model="shared.due_date" out-of-range="shared.outOfRange" min-date="minDate"></eg-date-input>
207 <div class="col-md-3">
208 <select class="form-control" ng-model="shared.due_date_offset" ng-change="resetDueDate()">
209 <option value="">[% l('No Offset') %]</option>
210 <option value="3">[% l('Today + 3 days') %]</option>
211 <option value="7">[% l('Today + 7 days') %]</option>
212 <option value="14">[% l('Today + 14 days') %]</option>
213 <option value="30">[% l('Today + 30 days') %]</option>
218 <div class="row pad-vert">
219 <div class="col-md-1"></div>
220 <div class="col-md-4">
221 [% l('Patron barcode:') %]
223 <div class="col-md-7">
224 <input class="form-control" type="text" ng-model="renew.patron_barcode" next-on-enter="re_barcode"/>
228 <div class="row pad-vert">
229 <div class="col-md-1"></div>
230 <div class="col-md-4">
231 [% l('Item Barcode:') %]
233 <div class="col-md-7">
234 <input class="form-control" type="text" ng-model="renew.barcode" id="re_barcode" eg-enter="!notEnough('renew') && add('renew')"/>
238 <div class="row pad-vert">
239 <div class="col-md-2">
240 <button class="btn btn-warning" ng-click="clear('renew')">[% l('Clear') %]</button>
242 <div class="col-md-4">
243 <input id="do_check_r" type="checkbox" ng-model="strict_barcode" ng-click="changeCheck()"></input>
244 <label for="do_check_r">[% l('Strict Barcode') %]</label>
246 <div class="col-md-6">
247 <input id="do_print_r" type="checkbox" ng-model="do_print" ng-click="changePrint()"></input>
248 <label for="do_print_r">[% l('Print receipt') %]</label>
249 <button class="btn btn-primary pull-right" ng-disabled="notEnough('renew')" ng-click="add('renew','re_barcode')">[% l('Renew') %]</button>
255 <!-- right-hand side -->
256 <div class="col-md-6 container">
257 <table class="table">
260 <th>[% l('Patron barcode') %]</th>
261 <th>[% l('Item barcode') %]</th>
262 <th>[% l('Due date') %]</th>
266 <tr ng-repeat="xact in xact_page.renew track by $index">
267 <td>{{xact.patron_barcode}}</td>
268 <td>{{xact.barcode}}</td>
269 <td>{{xact.due_date | date:'shortDate'}}</td>
278 <uib-tab index="'in_house_use'" heading="[% l('In-house Use') %]">
282 <!-- left-hand side -->
283 <div class="col-md-6 container" style="border-right:solid 1px;">
286 <div class="col-md-1"></div>
287 <div class="col-md-5">
288 [% l('Use count:') %]
290 <div class="col-md-6">
291 <input class="form-control" type="number" min="1" max="100" next-on-enter="ihu_barcode" ng-model="in_house_use.count"/>
295 <div class="row pad-vert">
296 <div class="col-md-1"></div>
297 <div class="col-md-5">
298 [% l('Item Barcode:') %]
300 <div class="col-md-6">
301 <input class="form-control" type="text" ng-model="in_house_use.barcode" eg-enter="add('in_house_use')" id="ihu_barcode"/>
305 <div class="row pad-vert">
306 <div class="col-md-2">
307 <button class="btn btn-warning" ng-click="clear('in_house_use')">[% l('Clear') %]</button>
309 <div class="col-md-4">
310 <input id="do_check_ihu" type="checkbox" ng-model="strict_barcode" ng-click="changeCheck()"></input>
311 <label for="do_check_ihu">[% l('Strict Barcode') %]</label>
313 <div class="col-md-6">
314 <input id="do_print_ihu" type="checkbox" ng-model="do_print" ng-click="changePrint()"></input>
315 <label for="do_print_ihu">[% l('Print receipt') %]</label>
316 <button class="btn btn-primary pull-right" ng-disabled="notEnough('in_house_use')" ng-click="add('in_house_use','ihu_barcode')">[% l('Record Use') %]</button>
322 <!-- right-hand side -->
323 <div class="col-md-6 container">
324 <table class="table">
327 <th>[% l('Item barcode') %]</th>
328 <th>[% l('Use count') %]</th>
332 <tr ng-repeat="xact in xact_page.in_house_use track by $index">
333 <td>{{xact.barcode}}</td>
334 <td>{{xact.count}}</td>
343 <uib-tab index="'checkin'" heading="[% l('Checkin') %]">
347 <!-- left-hand side -->
348 <div class="col-md-6" style="border-right:solid 1px;">
351 <div class="col-md-1"></div>
352 <div class="col-md-5">
353 [% l('Checkin Date:') %]
355 <div class="col-md-6">
356 <eg-date-input ng-model="checkin.backdate"></eg-date-input>
360 <div class="row pad-vert">
361 <div class="col-md-1"></div>
362 <div class="col-md-5">
363 [% l('Item Barcode:') %]
365 <div class="col-md-6">
366 <input id="ci_barcode" class="form-control" type="text" ng-model="checkin.barcode" eg-enter="!notEnough('checkin') && add('checkin')"/>
370 <div class="row pad-vert">
371 <div class="col-md-2">
372 <button class="btn btn-warning" ng-click="clear('checkin')">[% l('Clear') %]</button>
374 <div class="col-md-4">
375 <input id="do_check_ci" type="checkbox" ng-model="strict_barcode" ng-click="changeCheck()"></input>
376 <label for="do_check_ci">[% l('Strict Barcode') %]</label>
378 <div class="col-md-6">
379 <input id="do_print_ci" type="checkbox" ng-model="do_print" ng-click="changePrint()"></input>
380 <label for="do_print_ci">[% l('Print receipt') %]</label>
381 <button class="btn btn-primary pull-right" ng-disabled="notEnough('checkin')" ng-click="add('checkin','ci_barcode')">[% l('Checkin') %]</button>
388 <!-- right-hand side -->
389 <div class="col-md-6 container">
390 <table class="table">
393 <th>[% l('Item barcode') %]</th>
394 <th>[% l('Effective Checkin date') %]</th>
398 <tr ng-repeat="xact in xact_page.checkin track by $index">
399 <td>{{xact.barcode}}</td>
400 <td>{{xact.backdate | date:'shortDate'}}</td>
409 <uib-tab index="'register'" heading="[% l('Register Patron') %]">
410 <div ng-controller="PatronRegCtrl">
411 <div>[% INCLUDE 'staff/circ/patron/t_edit.tt2' %]</div>
414 <uib-tab ng-if="logged_in" index="'session'" heading="[% l('Session Management') %]">
415 <div class="col-md-12" ng-controller="OfflineSessionCtrl">
416 <uib-tabset active="active_session_tab">
417 <uib-tab index="'pending'" heading="[% l('Pending Transactions') %]">
419 <div class="col-md-12 container">
421 class="btn btn-default"
422 ng-disabled="pending_xacts.length == 0"
424 default-file-name="pending.xacts"
425 json-array="pending_xacts"
426 >[% l('Export Transactions') %]</button>
427 <div class="btn-group">
428 <span class="btn btn-default btn-file">
429 [% l('Import Transactions') %]
430 <input type="file" eg-file-reader container="imported_pending_xacts.data">
433 <button class="btn btn-warning pull-right" ng-click="clear_pending()">[% l('Clear Transactions') %]</button>
437 <div class="col-md-12 container">
438 <table class="table">
441 <th>[% l('Type') %]</th>
442 <th>[% l('Timestamp') %]</th>
443 <th>[% l('Patron Barcode') %]</th>
444 <th>[% l('Item Barcode') %]</th>
445 <th>[% l('Non-cataloged Type') %]</th>
446 <th>[% l('Checkout Date') %]</th>
447 <th>[% l('Due Date') %]</th>
448 <th>[% l('Checkin Date') %]</th>
449 <th>[% l('First Name') %]</th>
450 <th>[% l('Last Name') %]</th>
454 <tr ng-repeat="xact in pending_xacts track by $index">
455 <td>{{xact.type}}</td>
456 <td>{{createDate(xact.timestamp, true) | date:'short'}}</td>
457 <td>{{xact.patron_barcode || xact.user.card.barcode}}</td>
458 <td>{{xact.barcode}}</td>
459 <td>{{lookupNoncatTypeName(xact.noncat_type)}}</td>
460 <td>{{createDate(xact.checkout_time) | date:'short'}}</td>
461 <td>{{createDate(xact.due_date) | date:'shortDate'}}</td>
462 <td>{{createDate(xact.backdate) | date:'shortDate'}}</td>
463 <td>{{xact.user.first_given_name}}</td>
464 <td>{{xact.user.family_name}}</td>
471 <uib-tab index="'offline_sessions'" heading="[% l('Offline Sessions') %]">
473 <div class="col-md-12">
475 class="btn btn-primary"
476 ng-disabled="!logged_in"
477 ng-click="createSession()">[% l('Create Session') %]</button>
479 class="btn btn-default pull-right"
480 ng-disabled="!logged_in"
481 ng-click="refreshSessions()">[% l('Refresh') %]</button>
485 <div class="col-md-12"><h2>[% l('Session List') %]</h2></div>
488 <div class="col-md-12">
489 <table class="table" ts-wrapper>
492 <th ts-criteria="org">[% l('Organization') %]</th>
493 <th ts-criteria="creator">[% l('Created By') %]</th>
494 <th ts-criteria="description">[% l('Description') %]</th>
495 <th ts-criteria="create_time|parseInt" ts-default="descending">[% l('Date Created') %]</th>
496 <th>[% l('Upload Count') %]</th>
497 <th>[% l('Transactions Processed') %]</th>
498 <th ts-criteria="end_time|parseInt">[% l('Date Completed') %]</th>
504 ng-repeat="ses in sessions track by $index"
505 ng-click="setSession(ses, $index)"
506 ng-class="{'bg-info':current_session_index==$index}"
509 <td>{{ses.creator}}</td>
510 <td>{{ses.description}}</td>
511 <td>{{createDate(ses.create_time, true) | date:'short'}}</td>
512 <td>{{ses.total}}</td>
513 <td>{{ses.num_complete}}</td>
514 <td>{{createDate(ses.end_time, true) | date:'short'}}</td>
517 class="btn btn-info btn-xs"
518 ng-disabled="!logged_in || pending_xacts.length == 0 || ses.end_time"
519 ng-click="uploadPending(ses, $index)"
520 >[% l('Upload') %]</button>
522 class="btn btn-warning btn-xs"
523 ng-disabled="!logged_in || ses.total == 0 || ses.end_time"
524 ng-click="processSession(ses, $index)"
525 >[% l('Process') %]</button>
533 <div class="col-md-12"><hr/></div>
536 <div class="col-md-12"><h2>[% l('Exception List') %]</h2></div>
539 <div class="col-md-12">
540 <table class="table">
543 <th>[% l('Workstation') %]</th>
544 <th>[% l('Type') %]</th>
545 <th>[% l('Timestamp') %]</th>
546 <th>[% l('Event Name') %]</th>
547 <th>[% l('Patron Barcode') %]</th>
548 <th>[% l('Item Barcode') %]</th>
549 <th>[% l('Non-cataloged Type') %]</th>
550 <th>[% l('Checkout Date') %]</th>
551 <th>[% l('Due Date') %]</th>
552 <th>[% l('Checkin Date') %]</th>
557 <tr ng-repeat="xact in current_session.exceptions track by $index">
558 <td>{{xact.command._workstation}}</td>
559 <td>{{xact.command.type}}</td>
560 <td>{{createDate(xact.command.timestamp, true) | date:'short'}}</td>
561 <td>{{xact.event.textcode}}</td>
562 <td>{{xact.command.patron_barcode || xact.command.user.card.barcode}}</td>
563 <td>{{xact.command.barcode}}</td>
564 <td>{{lookupNoncatTypeName(xact.command.noncat_type)}}</td>
565 <td>{{createDate(xact.command.checkout_time) | date:'short'}}</td>
566 <td>{{createDate(xact.command.due_date) | date:'shortDate'}}</td>
567 <td>{{createDate(xact.command.backdate) | date:'shortDate'}}</td>
570 class="btn btn-info btn-xs"
571 ng-disabled="!logged_in || !xact.command.barcode"
572 ng-click="retrieveItem(xact.command.barcode)">[% l('Item') %]</button>
574 class="btn btn-info btn-xs"
575 ng-disabled="!logged_in || (!xact.command.patron_barcode && xact.command.user.card.barcode)"
576 ng-click="retrievePatron(xact.command.patron_barcode)">[% l('Patron') %]</button>
578 class="btn btn-info btn-xs"
579 ng-disabled="!logged_in"
580 ng-click="retrieveDetails(xact)">[% l('Debug') %]</button>
598 <!-- offline page app -->
599 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/file.js"></script>
600 <script src="[% ctx.media_prefix %]/js/ui/default/staff/offline.js"></script>
601 <script src="[% ctx.media_prefix %]/js/ui/default/staff/build/js/angular-tablesort.js"></script>
603 angular.module('egCoreMod').run(['egStrings', function(s) {
604 s.OFFLINE_BLOCKLIST_SUCCESS = "[% l('Offline blocklist downloaded') %]";
605 s.OFFLINE_BLOCKLIST_FAIL = "[% l('Error downloading offline blocklist') %]";
606 s.DUPLICATE_BARCODE = "[% l('Duplicate item barcode') %]";
608 s.ALLOW = "[% l('Allow') %]";
609 s.REJECT = "[% l('Reject') %]";
611 s.REG_ADDR_TYPE = "[% l('Mailing') %]";
612 s.REG_INVALID_FIELDS =
613 "[% l('Please enter valid values for all required fields.') %]"
614 s.REG_ADDR_REQUIRED =
615 "[% l('An address is required during registration.') %]"
617 s.PATRON_BLOCKED_WHY = {};
618 s.PATRON_BLOCKED_WHY.D = "[% l('Patron has penalties') %]";
619 s.PATRON_BLOCKED_WHY.L = "[% l('Barcode is reported Lost') %]";
620 s.PATRON_BLOCKED_WHY.E = "[% l('Patron account is Expired') %]";
621 s.PATRON_BLOCKED_WHY.B = "[% l('Patron account is Barred') %]";
625 <link rel="stylesheet" href="[% ctx.base_path %]/staff/css/circ.css" />
626 <link rel="stylesheet" href="[% ctx.media_prefix %]/js/ui/default/staff/build/css/tablesort.css" />