a36c758953a763a810afcd9022492dd960cf4817
[Evergreen.git] / Open-ILS / src / templates / staff / circ / patron / index.tt2
1 [%
2   WRAPPER "staff/base.tt2";
3   ctx.page_title = l("Patron"); 
4   ctx.page_app = "egPatronApp";
5   ctx.page_ctrl = "PatronCtrl";
6 %]
7
8 [% BLOCK APP_JS %]
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/services/user-bucket.js"></script>
15 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/patrons.js"></script>
16 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/billing.js"></script>
17 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/circ.js"></script>
18 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/item.js"></script>
19 [% INCLUDE 'staff/circ/share/circ_strings.tt2' %]
20 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/holds.js"></script>
21 [% INCLUDE 'staff/circ/share/hold_strings.tt2' %]
22 <script src="[% ctx.media_prefix %]/js/ui/default/staff/cat/services/record.js"></script>
23 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/patron_search.js"></script>
24 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/app.js"></script>
25 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/regctl.js"></script>
26
27 <!-- load the rest on demand? -->
28
29 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/checkout.js"></script>
30 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/items_out.js"></script>
31 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/holds.js"></script>
32 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/bills.js"></script>
33
34 <!-- TODO: APP_JS should really be called APP_ADDONS or some such.
35     It just means "load these things, too, and load them last" -->
36 <link rel="stylesheet" href="[% ctx.base_path %]/staff/css/circ.css" />
37
38 <script>
39 angular.module('egCoreMod').run(['egStrings', function(s) {
40   s.ANNOTATE_PAYMENT_MSG = "[% l('Please annotate this payment') %]";
41   s.CONFIRM_ADJUST_TO_ZERO = 
42     "[% |l('{{xactIds}}') -%]Are you sure you would like to adjust to zero the balance on bills [_1]?[% END %]";
43   s.CONFIRM_VOID_BILLINGS = 
44     "[% l('Are you sure you would like to void $[_1] for these line-item billings? [_2]','{{amount|number:2}}','{{billIds}}') %]";
45   s.CONFIRM_REFUND_PAYMENT = 
46     "[% |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 %]";
47   s.EDIT_BILL_PAY_NOTE = "[% l('Enter new note for #[_1]:','{{ids}}') %]";
48   s.GROUP_ADD_USER = "[% l('Enter the patron barcode') %]";
49   s.RENEW_ITEMS = "[% l('Renew Items?') %]";
50   s.RENEW_ALL_ITEMS = "[% l('Renew All Items?') %]";
51   s.CHECK_IN_CONFIRM = "[% l('Check In Items?') %]";
52   s.REG_INVALID_FIELDS = 
53     "[% l('Please enter valid values for all required fields.') %]"
54   s.PAYMENT_WARN_AMOUNT = "[% l('Are you sure you want to apply a payment of $[_1]?', '{{payment_amount}}') %]";
55   s.PAYMENT_WARN_AMOUNT_TITLE = "[% l('Verify Payment Amount') %]";
56   s.PAYMENT_OVER_MAX = "[% l('Payments over $[_1] are denied by policy.', '{{max_amount}}') %]";
57   s.PATRON_NOTE_DELETE_CONFIRM_TITLE = "[% l('Delete Note?') %]";
58   s.PATRON_NOTE_DELETE_CONFIRM = "[% l('Delete the note titled \"[_1]\" created on [_2]?', '{{note_title}}', '{{create_date | date}}') %]";
59   s.PATRON_PURGE_CONFIRM_TITLE = "[% l('Completely Purge Patron Account?') %]";
60   s.PATRON_PURGE_CONFIRM = "[% l('Completely OBLITERATE this patron account, including bills, payments, bookbags, etc? This is IRREVERSIBLE.') %]";
61   s.PATRON_PURGE_LAST_CHANCE = "[% l('Last chance, are you sure you want to completely delete this account?') %]";
62   s.PATRON_PURGE_STAFF_PROMPT = "[% l('The account you are attempting to delete has STAFF_LOGIN privileges. Please enter the barcode for a destination account to receive miscellaneous staff artifacts (reports, etc.) from the account to be deleted.') %]";
63   s.PATRON_PURGE_STAFF_BAD_BARCODE = "[% l('Could not retrieve a destination account with the barcode provided. Aborting the purge...') %]";
64   s.PATRON_PURGE_OVERRIDE_PROMPT = "[% l('The account has open transactions (circulations and/or unpaid bills). Purge anyway?') %]";
65   s.PATRON_EDIT_COLLISION = "[% l('Patron record was modified by another user while you were editing it. Your changes were not saved; please reapply them.') %]";
66   s.OPT_IN_DIALOG_TITLE = "[% l('Verify Permission to Share Personal Information') %]";
67   s.OPT_IN_DIALOG = "[% l('Does patron [_1], [_2] from [_3] ([_4]) consent to having their personal information shared with your library?', '{{family_name}}', '{{first_given_name}}', '{{org_name}}', '{{org_shortname}}') %]";
68   s.BUCKET_ADD_SUCCESS = "[% l('Successfully added [_1] users to bucket [_2].', '{{count}}', '{{name}}') %]";
69   s.BUCKET_ADD_FAIL = "[% l('Failed to add [_1] users to bucket [_2].', '{{count}}', '{{name}}') %]";
70   s.PAGE_TITLE_PATRON_SEARCH = "[% l('Patron Search') %]";
71   s.PAGE_TITLE_PATRON_NAME = "[% l('[_1], [_2] [_3]', '{{lname}}','{{fname}}','{{mname}}') %]";
72   s.PAGE_TITLE_PATRON_CHECKOUT = "[% l('Checkout') %]";
73   s.PAGE_TITLE_PATRON_MESSAGES = "[% l('Messages') %]";
74   /* TODO: The "Other" page title could be smarter.. */
75   s.PAGE_TITLE_PATRON_OTHER = "[% l('Other') %]";
76   s.PAGE_TITLE_PATRON_BILLS = "[% l('Bills') %]";
77   s.PAGE_TITLE_PATRON_HOLDS = "[% l('Holds') %]";
78   s.PAGE_TITLE_PATRON_ITEMS_OUT = "[% l('Items Out') %]";
79   s.PAGE_TITLE_PATRON_EDIT = "[% l('Edit') %]";
80   s.MERGE_SELF_NOT_ALLOWED = "[% l('Logged in account cannot be merged') %]"
81 }]);
82 </script>
83
84 <!-- add room for the fixed navigation elements -->
85 <style ng-if="is_patron_edit">
86   #top-content-container { padding-top: 120px; }
87 </style>
88 <style ng-if="!is_patron_edit">
89   #top-content-container { padding-top: 80px; }
90 </style>
91
92 [% END %]
93
94 <div class="row" id="patron-fixed-tabs">
95   <div class="col-md-3 patron-name-header">
96     <div ng-show="patron()">
97       <h4 title="{{patron().id()}}">
98         <div class="flex-row">
99           <div class="flex-cell"
100           ng-class="{'patron-summary-alert' : hasAlerts()}">
101             [% l('[_1] [_2], [_3] [_4] [_5]', 
102                 '{{patron().prefix()}}',
103                 '{{patron().family_name()}}',
104                 '{{patron().first_given_name()}}',
105                 '{{patron().second_given_name()}}',
106                 '{{patron().suffix()}}') %]
107                <span ng-if="patron().name_keywords()"> <a title="[% l('Name keywords: ') %]{{patron().name_keywords()}}" class="glyphicon glyphicon-tags"></a>
108           </div>
109
110           <p ng-show="patron().notes().length > 0"><a class='patron-summary-has-notes' href="./circ/patron/{{patron().id()}}/notes"><span class="label label-warning">Notes &nbsp;{{patron().notes().length}}</span></a></p>
111           <div ng-show="tab != 'search'">
112             <a href ng-click="toggle_expand_summary()"
113               title="[% l('Collapse Patron Summary Display') %]"
114               ng-hide="collapse_summary()">
115               <span class="glyphicon glyphicon-resize-small"></span>
116             </a>
117             <a href ng-click="toggle_expand_summary()"
118               title="[% l('Expand Patron Summary Display') %]"
119               ng-show="collapse_summary()">
120               <span class="glyphicon glyphicon-resize-full"></span>
121             </a>
122           </div>
123         </div>
124       </h4>
125     </div>
126   </div>
127
128   <div class="col-md-9">
129     <ul class="nav nav-pills nav-pills-like-tabs">
130       <li ng-class="{active : tab == 'checkout', disabled : !patron()}">
131         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/checkout">[% l('Check Out') %]</a>
132       </li>
133       <li ng-class="{active : tab == 'items_out', disabled : !patron()}">
134         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/items_out">
135           [% l('Items Out') %] 
136           <span ng-if="patron()"><!-- lack of space / newline below intentional -->
137           (<span ng-class="{'patron-summary-alert-small' : patron_stats().checkouts.overdue}">{{patron_stats().checkouts.total_out}}</span>)
138           </span>
139         </a>
140       </li>
141       <li ng-class="{active : tab == 'holds', disabled : !patron()}">
142         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/holds">
143           [% l('Holds') %]
144           <span ng-if="patron()">
145             (<span>{{patron_stats().holds.ready}} / {{patron_stats().holds.total}}</span>)
146           </span>
147         </a>
148       </li>
149       <li ng-class="{active : tab == 'bills', disabled : !patron()}">
150         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/bills">
151           [% l('Bills') %]
152           <span ng-if="patron()">
153             (<span ng-class="{'patron-summary-alert-small' : patron_stats().fines.balance_owed}">{{patron_stats().fines.balance_owed | currency}}</span>)
154           </span>
155         </a>
156       </li>
157       <li ng-class="{active : tab == 'messages', disabled : !patron()}">
158         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/messages">[% l('Messages') %]</a>
159       </li>
160       <li ng-class="{active : tab == 'edit', disabled : !patron()}">
161         <a href="./circ/patron/{{patron().id()}}/edit">[% l('Edit') %]</a>
162       </li>
163       <li uib-dropdown ng-class="{active : tab == 'other', disabled : !patron()}">
164         <a a-disabled="!patron()" href uib-dropdown-toggle>
165             [% l('Other') %]
166             <b class="caret"></b>
167         </a>
168         <ul uib-dropdown-menu>
169           <li>
170             <a href="./circ/patron/{{patron().id()}}/alerts">
171               [% l('Display Alert and Messages') %]
172             </a>
173           </li>
174           <li>
175             <a href="./circ/patron/{{patron().id()}}/notes">
176               [% l('Notes') %]
177             </a>
178           </li>
179           <li>
180             <a href="./circ/patron/{{patron().id()}}/triggered_events">
181               [% l('Triggered Events / Notifications') %]
182             </a>
183           </li>
184           <li>
185             <a href="./circ/patron/{{patron().id()}}/message_center">
186               [% l('Message Center') %]
187             </a>
188           </li>
189           <li>
190             <a href="./circ/patron/{{patron().id()}}/stat_cats">
191               [% l('Statistical Categories') %]
192             </a>
193           </li>
194           <li>
195             <a href="./circ/patron/{{patron().id()}}/surveys">
196               [% l('Surveys') %]
197             </a>
198           </li>
199           <li>
200             <a href="./circ/patron/{{patron().id()}}/group">
201               [% l('Group Member Details') %]
202             </a>
203           </li>
204           <li>
205             <a href="./circ/patron/{{patron().id()}}/edit_perms">
206               [% l('User Permission Editor') %]
207             </a>
208           </li>
209           <li>
210             <a href="./circ/patron/{{patron().id()}}/credentials">
211               [% l('Test Password') %]
212             </a>
213           </li>
214           <li>
215             <a href="./acq/requests/user/{{patron().id()}}" target="_top">
216               [% l('Acquisition Patron Requests') %]
217             </a>
218           </li>
219           <li>
220             <a href="/eg2/staff/booking/manage_reservations/by_patron/{{patron().id()}}" target="_top">
221               [% l('Booking: Manage Reservations') %]
222             </a>
223           </li>
224           <li>
225             <a href="/eg2/staff/booking/create_reservation/for_patron/{{patron().id()}}" target="_top">
226               [% l('Booking: Create Reservation') %]
227             </a>
228           </li>
229           <li>
230             <a href="/eg2/staff/booking/pickup/by_patron/{{patron().id()}}" target="_top">
231               [% l('Booking: Pick Up Reservations') %]
232             </a>
233           </li>
234           <li>
235             <a href="/eg2/staff/booking/return/by_patron/{{patron().id()}}" target="_top">
236               [% l('Booking: Return Reservations') %]
237             </a>
238           </li>
239           <li>
240             <a href ng-click="purge_account()" a-disabled="patron().super_user() == 't' || patron().id() == auth_user_id">
241               [% l('Completely Purge Account') %]
242             </a>
243           </li>
244        </ul>
245       </li>
246       <li ng-class="{active : tab == 'search'}" class="pull-right">
247         <a href="./circ/patron/search">[% l('Patron Search') %]</a>
248       </li>
249     </ul>
250     <div class="flex-row patron-reg-actions-bar" ng-if="is_patron_edit()">
251       [% INCLUDE 'staff/circ/patron/reg_actions.tt2' %]
252     </div>
253
254   </div><!-- col -->
255 </div><!-- row -->
256
257 <div class="row">
258   <div class="col-md-3" ng-hide="collapse_summary()">
259     [% INCLUDE 'staff/circ/patron/t_summary.tt2' %]
260   </div>
261   <div ng-class="{'col-md-12' : collapse_summary(),'col-md-9' : !collapse_summary()}">
262     <div class="tab-content">
263       <div class="tab-pane active">
264         <div ng-view></div>
265       </div>
266     </div>
267   </div><!-- col -->
268 </div><!-- row -->
269
270 [% END %]