lp1671603 webstaff: add confirm step for voiding billings
[working/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/circ/services/patrons.js"></script>
15 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/billing.js"></script>
16 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/circ.js"></script>
17 [% INCLUDE 'staff/circ/share/circ_strings.tt2' %]
18 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/holds.js"></script>
19 [% INCLUDE 'staff/circ/share/hold_strings.tt2' %]
20 <script src="[% ctx.media_prefix %]/js/ui/default/staff/cat/services/record.js"></script>
21 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/app.js"></script>
22 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/regctl.js"></script>
23
24 <!-- load the rest on demand? -->
25
26 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/checkout.js"></script>
27 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/items_out.js"></script>
28 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/holds.js"></script>
29 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/bills.js"></script>
30
31 <!-- TODO: APP_JS should really be called APP_ADDONS or some such.
32     It just means "load these things, too, and load them last" -->
33 <link rel="stylesheet" href="[% ctx.base_path %]/staff/css/circ.css" />
34
35 <script>
36 angular.module('egCoreMod').run(['egStrings', function(s) {
37   s.ANNOTATE_PAYMENT_MSG = "[% l('Please annotate this payment') %]";
38   s.CONFIRM_ADJUST_TO_ZERO = 
39     "[% |l('{{xactIds}}') -%]Are you sure you would like to adjust to zero the balance on bills [_1]?[% END %]";
40   s.CONFIRM_VOID_BILLINGS = 
41     "[% l('Are you sure you would like to void $[_1] for these line-item billings? [_2]','{{amount|number:2}}','{{billIds}}') %]";
42   s.CONFIRM_REFUND_PAYMENT = 
43     "[% |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 %]";
44   s.EDIT_BILL_PAY_NOTE = "[% l('Enter new note for #[_1]:','{{ids}}') %]";
45   s.GROUP_ADD_USER = "[% l('Enter the patron barcode') %]";
46   s.RENEW_ITEMS = "[% l('Renew Items?') %]";
47   s.RENEW_ALL_ITEMS = "[% l('Renew All Items?') %]";
48   s.CHECK_IN_CONFIRM = "[% l('Check In Items?') %]";
49   s.REG_INVALID_FIELDS = 
50     "[% l('Please enter valid values for all required fields.') %]"
51   s.PAYMENT_WARN_AMOUNT = "[% l('Are you sure you want to apply a payment of $[_1]?', '{{payment_amount}}') %]";
52   s.PAYMENT_WARN_AMOUNT_TITLE = "[% l('Verify Payment Amount') %]";
53   s.PAYMENT_OVER_MAX = "[% l('Payments over $[_1] are denied by policy.', '{{max_amount}}') %]";
54   s.PATRON_NOTE_DELETE_CONFIRM_TITLE = "[% l('Delete Note?') %]";
55   s.PATRON_NOTE_DELETE_CONFIRM = "[% l('Delete the note titled \"[_1]\" created on [_2]?', '{{note_title}}', '{{create_date | date}}') %]";
56   s.OPT_IN_DIALOG_TITLE = "[% l('Verify Permission to Share Personal Information') %]";
57   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}}') %]";
58 }]);
59 </script>
60
61 <!-- add room for the fixed navigation elements -->
62 <style ng-if="is_patron_edit">
63   #top-content-container { padding-top: 120px; }
64 </style>
65 <style ng-if="!is_patron_edit">
66   #top-content-container { padding-top: 80px; }
67 </style>
68
69 [% END %]
70
71 <div class="row" id="patron-fixed-tabs">
72   <div class="col-md-3 patron-name-header">
73     <div ng-show="patron()">
74       <h4 title="{{patron().id()}}">
75         <div class="flex-row">
76           <div class="flex-cell"
77           ng-class="{'patron-summary-alert' : hasAlerts()}">
78             [% l('[_1], [_2] [_3]', 
79                 '{{patron().family_name()}}',
80                 '{{patron().first_given_name()}}',
81                 '{{patron().second_given_name()}}') %]
82           </div>
83           <div ng-show="tab != 'search'">
84             <a href ng-click="toggle_expand_summary()"
85               title="[% l('Collapse Patron Summary Display') %]"
86               ng-hide="collapse_summary()">
87               <span class="glyphicon glyphicon-resize-small"></span>
88             </a>
89             <a href ng-click="toggle_expand_summary()"
90               title="[% l('Expand Patron Summary Display') %]"
91               ng-show="collapse_summary()">
92               <span class="glyphicon glyphicon-resize-full"></span>
93             </a>
94           </div>
95         </div>
96       </h4>
97     </div>
98   </div>
99
100   <div class="col-md-9">
101     <ul class="nav nav-pills nav-pills-like-tabs">
102       <li ng-class="{active : tab == 'checkout', disabled : !patron()}">
103         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/checkout">[% l('Check Out') %]</a>
104       </li>
105       <li ng-class="{active : tab == 'items_out', disabled : !patron()}">
106         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/items_out">
107           [% l('Items Out') %] 
108           <span ng-if="patron()"><!-- lack of space / newline below intentional -->
109           (<span ng-class="{'patron-summary-alert-small' : patron_stats().checkouts.overdue}">{{patron_stats().checkouts.total_out}}</span>)
110           </span>
111         </a>
112       </li>
113       <li ng-class="{active : tab == 'holds', disabled : !patron()}">
114         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/holds">
115           [% l('Holds') %]
116           <span ng-if="patron()">
117             (<span>{{patron_stats().holds.ready}} / {{patron_stats().holds.total}}</span>)
118           </span>
119         </a>
120       </li>
121       <li ng-class="{active : tab == 'bills', disabled : !patron()}">
122         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/bills">
123           [% l('Bills') %]
124           <span ng-if="patron()">
125             (<span ng-class="{'patron-summary-alert-small' : patron_stats().fines.balance_owed}">{{patron_stats().fines.balance_owed | currency}}</span>)
126           </span>
127         </a>
128       </li>
129       <li ng-class="{active : tab == 'messages', disabled : !patron()}">
130         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/messages">[% l('Messages') %]</a>
131       </li>
132       <li ng-class="{active : tab == 'edit', disabled : !patron()}">
133         <a href="./circ/patron/{{patron().id()}}/edit">[% l('Edit') %]</a>
134       </li>
135       <li uib-dropdown ng-class="{active : tab == 'other', disabled : !patron()}">
136         <a a-disabled="!patron()" href uib-dropdown-toggle>
137             [% l('Other') %]
138             <b class="caret"></b>
139         </a>
140         <ul uib-dropdown-menu>
141           <li>
142             <a href="./circ/patron/{{patron().id()}}/alerts">
143               [% l('Display Alert and Messages') %]
144             </a>
145           </li>
146           <li>
147             <a href="./circ/patron/{{patron().id()}}/notes">
148               [% l('Notes') %]
149             </a>
150           </li>
151           <li>
152             <a href="./circ/patron/{{patron().id()}}/triggered_events">
153               [% l('Triggered Events / Notifications') %]
154             </a>
155           </li>
156           <li>
157             <a href="./circ/patron/{{patron().id()}}/message_center">
158               [% l('Message Center') %]
159             </a>
160           </li>
161           <li>
162             <a href="./circ/patron/{{patron().id()}}/stat_cats">
163               [% l('Statistical Categories') %]
164             </a>
165           </li>
166           <li>
167             <a href="./circ/patron/{{patron().id()}}/surveys">
168               [% l('Surveys') %]
169             </a>
170           </li>
171           <li>
172             <a href="./circ/patron/{{patron().id()}}/group">
173               [% l('Group Member Details') %]
174             </a>
175           </li>
176           <li>
177             <a href="./circ/patron/{{patron().id()}}/edit_perms">
178               [% l('User Permission Editor') %]
179             </a>
180           </li>
181           <li>
182             <a href="./circ/patron/{{patron().id()}}/credentials">
183               [% l('Test Password') %]
184             </a>
185           </li>
186           <li>
187             <a href="./booking/legacy/booking/reservation?patron_barcode={{patron().card().barcode()}}" target="_top">
188               [% l('Booking: Create or Cancel Reservations') %]
189             </a>
190           </li>
191           <li>
192             <a href="./booking/legacy/booking/pickup?patron_barcode={{patron().card().barcode()}}" target="_top">
193               [% l('Booking: Pick Up Reservations') %]
194             </a>
195           </li>
196           <li>
197             <a href="./booking/legacy/booking/return?patron_barcode={{patron().card().barcode()}}" target="_top">
198               [% l('Booking: Return Reservations') %]
199             </a>
200           </li>
201        </ul>
202       </li>
203       <li ng-class="{active : tab == 'search'}" class="pull-right">
204         <a href="./circ/patron/search">[% l('Patron Search') %]</a>
205       </li>
206     </ul>
207     <div class="flex-row patron-reg-actions-bar" ng-if="is_patron_edit()">
208       [% INCLUDE 'staff/circ/patron/reg_actions.tt2' %]
209     </div>
210
211   </div><!-- col -->
212 </div><!-- row -->
213
214 <div class="row">
215   <div class="col-md-3" ng-hide="collapse_summary()">
216     [% INCLUDE 'staff/circ/patron/t_summary.tt2' %]
217   </div>
218   <div ng-class="{'col-md-12' : collapse_summary(),'col-md-9' : !collapse_summary()}">
219     <div class="tab-content">
220       <div class="tab-pane active">
221         <div ng-view></div>
222       </div>
223     </div>
224   </div><!-- col -->
225 </div><!-- row -->
226
227 [% END %]