2 WRAPPER "staff/base.tt2";
3 ctx.page_title = l("Patron");
4 ctx.page_app = "egPatronApp";
5 ctx.page_ctrl = "PatronCtrl";
9 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/grid.js"></script>
10 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/ui.js"></script>
11 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/user.js"></script>
12 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/eframe.js"></script>
13 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/date.js"></script>
14 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/billing.js"></script>
15 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/circ.js"></script>
16 [% INCLUDE 'staff/circ/share/circ_strings.tt2' %]
17 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/holds.js"></script>
18 [% INCLUDE 'staff/circ/share/hold_strings.tt2' %]
19 <script src="[% ctx.media_prefix %]/js/ui/default/staff/cat/services/record.js"></script>
20 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/app.js"></script>
21 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/regctl.js"></script>
23 <!-- load the rest on demand? -->
25 <!-- required for credentials verify API -->
26 <script src="[% ctx.media_prefix %]/js/dojo/opensrf/md5.js"></script>
28 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/checkout.js"></script>
29 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/items_out.js"></script>
30 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/holds.js"></script>
31 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/bills.js"></script>
33 <!-- TODO: APP_JS should really be called APP_ADDONS or some such.
34 It just means "load these things, too, and load them last" -->
35 <link rel="stylesheet" href="[% ctx.base_path %]/staff/css/circ.css" />
38 angular.module('egCoreMod').run(['egStrings', function(s) {
39 s.ANNOTATE_PAYMENT_MSG = "[% l('Please annotate this payment') %]";
40 s.CONFIRM_REFUND_PAYMENT =
41 "[% |l('{{xactIds}}') -%]Are you sure you would like to refund excess payment on bills [_1]? This action will simply put the amount in the Payment Pending column as a negative value. You must still select Apply Payment! Certain types of payments may not be refunded. The refund may be applied to checked transactions that follow the refunded transaction.[% END %]";
42 s.EDIT_BILL_PAY_NOTE = "[% l('Enter new note for #[_1]:','{{ids}}') %]";
43 s.GROUP_ADD_USER = "[% l('Enter the patron barcode') %]";
44 s.RENEW_ITEMS = "[% l('Renew Items?') %]";
45 s.RENEW_ALL_ITEMS = "[% l('Renew All Items?') %]";
46 s.CHECK_IN_CONFIRM = "[% l('Check In Items?') %]";
47 s.REG_INVALID_FIELDS =
48 "[% l('Please enter valid values for all required fields.') %]"
52 <!-- add room for the fixed navigation elements -->
53 <style ng-if="is_patron_edit">
54 #top-content-container { padding-top: 120px; }
56 <style ng-if="!is_patron_edit">
57 #top-content-container { padding-top: 80px; }
62 <div class="row" id="patron-fixed-tabs">
63 <div class="col-md-3 patron-name-header">
64 <div ng-show="patron()">
65 <h4 title="{{patron().id()}}">
66 <div class="flex-row">
67 <div class="flex-cell">
68 [% l('[_1], [_2] [_3]',
69 '{{patron().family_name()}}',
70 '{{patron().first_given_name()}}',
71 '{{patron().second_given_name()}}') %]
73 <div ng-show="tab != 'search'">
74 <a href ng-click="toggle_expand_summary()"
75 title="[% l('Collapse Patron Summary Display') %]"
76 ng-hide="collapse_summary()">
77 <span class="glyphicon glyphicon-resize-small"></span>
79 <a href ng-click="toggle_expand_summary()"
80 title="[% l('Expand Patron Summary Display') %]"
81 ng-show="collapse_summary()">
82 <span class="glyphicon glyphicon-resize-full"></span>
90 <div class="col-md-9">
91 <ul class="nav nav-pills nav-pills-like-tabs">
92 <li ng-class="{active : tab == 'checkout', disabled : !patron()}">
93 <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/checkout">[% l('Check Out') %]</a>
95 <li ng-class="{active : tab == 'items_out', disabled : !patron()}">
96 <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/items_out">
98 <span ng-if="patron()"><!-- lack of space / newline below intentional -->
99 (<span ng-class="{'patron-summary-alert-small' : patron_stats().checkouts.overdue}">{{patron_stats().checkouts.total_out}}</span>)
103 <li ng-class="{active : tab == 'holds', disabled : !patron()}">
104 <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/holds">
106 <span ng-if="patron()">
107 (<span>{{patron_stats().holds.total}} / {{patron_stats().holds.ready}}</span>)
111 <li ng-class="{active : tab == 'bills', disabled : !patron()}">
112 <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/bills">
114 <span ng-if="patron()">
115 (<span ng-class="{'patron-summary-alert-small' : patron_stats().fines.balance_owed}">{{patron_stats().fines.balance_owed | currency}}</span>)
119 <li ng-class="{active : tab == 'messages', disabled : !patron()}">
120 <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/messages">[% l('Messages') %]</a>
122 <li ng-class="{active : tab == 'edit', disabled : !patron()}">
123 <a href="./circ/patron/{{patron().id()}}/edit">[% l('Edit') %]</a>
125 <li class="dropdown" ng-class="{active : tab == 'other', disabled : !patron()}">
126 <a a-disabled="!patron()" href class="dropdown-toggle" data-toggle="dropdown">
128 <b class="caret"></b>
130 <ul class="dropdown-menu">
132 <a href="./circ/patron/{{patron().id()}}/alerts">
133 [% l('Display Alert and Messages') %]
137 <a href="./circ/patron/{{patron().id()}}/notes">
142 <a href="./circ/patron/{{patron().id()}}/triggered_events">
143 [% l('Triggered Events / Notifications') %]
147 <a href="./circ/patron/{{patron().id()}}/stat_cats">
148 [% l('Statistical Categories') %]
152 <a href="./circ/patron/{{patron().id()}}/group">
153 [% l('Group Member Details') %]
157 <a href="./circ/patron/{{patron().id()}}/edit_perms">
158 [% l('User Permission Editor') %]
162 <a href="./circ/patron/{{patron().id()}}/credentials">
163 [% l('Test Password') %]
168 <li ng-class="{active : tab == 'search'}" class="pull-right">
169 <a href="./circ/patron/search">[% l('Patron Search') %]</a>
172 <div class="flex-row patron-reg-actions-bar" ng-if="is_patron_edit()">
173 [% INCLUDE 'staff/circ/patron/reg_actions.tt2' %]
180 <div class="col-md-3" ng-hide="collapse_summary()">
181 [% INCLUDE 'staff/circ/patron/t_summary.tt2' %]
183 <div ng-class="{'col-md-12' : collapse_summary(),'col-md-9' : !collapse_summary()}">
184 <div class="tab-content">
185 <div class="tab-pane active">