Bug 31513: (QA follow-up) Keep price formatting on non-editable text fields
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / members / boraccount.tt
1 [% USE raw %]
2 [% USE Asset %]
3 [% USE Koha %]
4 [% USE Branches %]
5 [% USE KohaDates %]
6 [% USE TablesSettings %]
7 [% USE AuthorisedValues %]
8 [% USE Price %]
9 [% USE Branches %]
10 [% USE Registers %]
11 [% SET footerjs = 1 %]
12 [% SET registers = Registers.all( filters => { current_branch => 1 } ) %]
13
14 [% PROCESS 'accounts.inc' %]
15
16 [% INCLUDE 'doc-head-open.inc' %]
17 <title>Account for [% INCLUDE 'patron-title.inc' no_html = 1 %] &rsaquo; Patrons &rsaquo; Koha</title>
18 [% INCLUDE 'doc-head-close.inc' %]
19 </head>
20
21 <body id="pat_borraccount" class="pat">
22 [% INCLUDE 'header.inc' %]
23 [% INCLUDE 'patron-search-header.inc' %]
24
25 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
26     <ol>
27         <li>
28             <a href="/cgi-bin/koha/mainpage.pl">Home</a>
29         </li>
30         <li>
31             <a href="/cgi-bin/koha/members/members-home.pl">Patrons</a>
32         </li>
33         <li>
34             <a href="#" aria-current="page">
35                 Account for [% INCLUDE 'patron-title.inc' %]
36             </a>
37         </li>
38     </ol>
39 </nav>
40
41 <div class="main container-fluid">
42     <div class="row">
43         <div class="col-sm-10 col-sm-push-2">
44             <main>
45
46 [% INCLUDE 'members-toolbar.inc' %]
47 <h1>Account for [% INCLUDE 'patron-title.inc' %]</h1>
48 <form action="/cgi-bin/koha/members/boraccount.pl" method="get"><input type="hidden" name="borrowernumber" id="borrowernumber" value="[% patron.borrowernumber | html %]" /></form>
49
50 <!-- The manual invoice and credit buttons -->
51 <div class="statictabs">
52 <ul>
53     <li class="active transactions"><a href="/cgi-bin/koha/members/boraccount.pl?borrowernumber=[% patron.borrowernumber | uri %]">Transactions</a></li>
54     <li class="makepayment"><a href="/cgi-bin/koha/members/pay.pl?borrowernumber=[% patron.borrowernumber | uri %]" >Make a payment</a></li>
55     [% IF CAN_user_updatecharges_manual_invoice %]
56     <li class="manualinvoice"><a href="/cgi-bin/koha/members/maninvoice.pl?borrowernumber=[% patron.borrowernumber | uri %]" >Create manual invoice</a></li>
57     [% END %]
58     [% IF CAN_user_updatecharges_manual_credit %]
59     <li class="manualcredit"><a href="/cgi-bin/koha/members/mancredit.pl?borrowernumber=[% patron.borrowernumber | uri %]" >Create manual credit</a></li>
60     [% END %]
61 </ul>
62 <div class="tabs-container">
63 [% INCLUDE 'renew_results.inc' renew_results=renew_results %]
64 <!-- The table with the account items -->
65 <table id="table_account_fines">
66     <thead>
67       <tr>
68           <th>Created</th>
69           <th>Updated</th>
70           <th>Credit number</th>
71           <th>Account type</th>
72           <th>Description of charges</th>
73           <th>Barcode</th>
74           <th>Due date</th>
75           <th>Checkin date</th>
76           <th>Checkout date</th>
77           <th class="checked_out_from">Checked out from</th>
78           <th>Home library</th>
79           <th>Note</th>
80           <th>Amount</th>
81           <th>Outstanding</th>
82           <th class="NoSort noExport">Actions</th>
83         </tr>
84     </thead>
85
86         <!-- FIXME: Shouldn't hardcode dollar signs, since Euro or Pound might be needed -->
87   [% FOREACH account IN accounts %]
88
89    <tr>
90    <td data-order="[% account.date | html %]">[% account.date | $KohaDates %]</td>
91    <td data-order="[% account.timestamp | html %]">[% account.timestamp | $KohaDates with_hours = 1 %]</td>
92         <td>[% account.credit_number | html %]</td>
93         <td>[% PROCESS account_type_description account=account %]</td>
94       <td>
95         [%- IF account.payment_type %][% AuthorisedValues.GetByCode('PAYMENT_TYPE', account.payment_type) | html %][% END %]
96         [%- IF account.description %][% account.description | html %][% END %]
97         &nbsp;[% IF ( account.itemnumber ) %]<a href="/cgi-bin/koha/catalogue/moredetail.pl?biblionumber=[% account.item.biblionumber | uri %]&amp;itemnumber=[% account.itemnumber | uri %]">[% account.item.biblio.title | html %]</a>[% END %]</td>
98       <td>[% IF ( account.itemnumber ) %]<a href="/cgi-bin/koha/catalogue/moredetail.pl?itemnumber=[% account.itemnumber | uri %]&amp;biblionumber=[% account.item.biblionumber | uri %]#item[% account.itemnumber | uri %]">[% account.item.barcode | html %]</a>[% END %]</td>
99       <td>[% IF ( account.issue_id ) %][% account.checkout.date_due | $KohaDates as_due_date => 1 %][% END %]</td>
100       <td>[% IF ( account.issue_id ) %][% account.checkout.returndate | $KohaDates with_hours => 1 %][% END %]</td>
101       <td>[% IF ( account.issue_id ) %][% account.checkout.issuedate | $KohaDates %][% END %]</td>
102       <td class="checked_out_from">
103           [% IF account.issue_id && account.checkout.library %]
104               [% account.checkout.library.branchname | html %]
105           [% END %]
106       </td>
107       <td>[% IF account.itemnumber %][% Branches.GetName( account.item.homebranch ) | html %][% END %]</td>
108       <td>[% account.note | html_line_break %]</td>
109       [% IF account.amount <= 0 %]<td class="credit" style="text-align: right;">[% ELSE %]<td class="debit" style="text-align: right;">[% END %][% account.amount | $Price %]</td>
110       [% IF account.amountoutstanding <= 0 %]<td class="credit" style="text-align: right;">[% ELSE %]<td class="debit" style="text-align: right;">[% END %][% account.amountoutstanding | $Price %]</td>
111       <td class="actions">
112         [% IF ( account.is_credit ) %]
113           <a target="_blank" href="printfeercpt.pl?action=print&amp;accountlines_id=[% account.accountlines_id | uri %]" class="btn btn-default btn-xs receipt-print-action"><i class="fa fa-print"></i> Print</a>
114         [% ELSE %]
115           <a target="_blank" href="printinvoice.pl?action=print&amp;accountlines_id=[% account.accountlines_id | uri %]" class="btn btn-default btn-xs invoice-print-action"><i class="fa fa-print"></i> Print</a>
116         [% END %]
117         <a href="accountline-details.pl?accountlines_id=[% account.accountlines_id | uri %]" class="btn btn-default btn-xs details-action"><i class="fa fa-list"></i> Details</a>
118         [% IF account.is_debit && account.amountoutstanding > 0 %]
119             <a class="btn btn-default btn-xs pay-action" href="/cgi-bin/koha/members/paycollect.pl?borrowernumber=[% account.borrowernumber | html %]&pay_individual=1&debit_type_code=[% account.debit_type_code | html %]&amount=[% account.amount | html %]&amountoutstanding=[% account.amountoutstanding | html %]&description=[% account.description | html %]&itemnumber=[% account.itemnumber | html %]&accountlines_id=[% account.accountlines_id | html %]"><i class="fa fa-money"></i> Pay</a>
120         [% END %]
121         [% IF account.is_credit && account.status != 'VOID' %]
122           <a href="boraccount.pl?action=void&amp;accountlines_id=[% account.accountlines_id | uri %]&amp;borrowernumber=[% account.borrowernumber | uri %]" class="btn btn-default btn-xs void-action"><i class="fa fa-ban"></i> Void payment</a>
123         [% END %]
124         [% IF account.is_debit && account.amount == account.amountoutstanding && account.status != 'CANCELLED' && !(account.debit_type_code == 'PAYOUT') %]
125           <form method="post" action="/cgi-bin/koha/members/cancel-charge.pl">
126             <input type="hidden" name="csrf_token" value="[% csrf_token | html %]">
127             <input type="hidden" name="borrowernumber" value="[% patron.borrowernumber | html %]">
128             <input type="hidden" name="accountlines_id" value="[% account.accountlines_id | html %]">
129             <button type="submit" class="btn btn-default btn-xs cancel-action">
130                 <i class="fa fa-ban"></i>
131                 Cancel charge
132             </button>
133           </form>
134         [% END %]
135         [% IF CAN_user_updatecharges_payout && account.is_credit && ( account.amountoutstanding < 0 ) %]
136           <button type="button" data-toggle="modal" data-target="#issuePayoutModal" data-account="[%- PROCESS account_type_description account=account -%]" data-accountline="[% account.accountlines_id | html %]" data-amount="[% account.amountoutstanding | $Price on_editing => 1 %]" class="btn btn-default btn-xs payout-action"><i class="fa fa-money"></i> Issue payout</button>
137         [% END %]
138         [% IF CAN_user_updatecharges_refund && account.is_debit && ( account.amountoutstanding != account.amount ) && !(account.status == 'REFUNDED') && !(account.debit_type_code == 'PAYOUT') %]
139           <button type="button"  class="btn btn-default btn-xs refund-action" data-toggle="modal" data-target="#issueRefundModal" data-item="[%- PROCESS account_type_description account=account -%]" data-accountline="[% account.accountlines_id | html %]" data-amount="[% account.amount | $Price on_editing => 1 %]" data-amountoutstanding="[% account.amountoutstanding | $Price on_editing => 1 %]" data-member="[% account.borrowernumber | html %]"><i class="fa fa-money"></i> Issue refund</button>
140         [% END %]
141         [% IF CAN_user_updatecharges_discount && account.is_debit && ( account.amountoutstanding == account.amount ) && !(account.debit_type_code == 'PAYOUT') && !(account.debit_type_code == 'VOID') %]
142           <button type="button" data-toggle="modal" data-target="#applyDiscountModal" data-item="[%- PROCESS account_type_description account=account -%]" data-accountline="[% account.accountlines_id | html %]" data-amount="[% account.amount | $Price on_editing => 1 %]" data-amountoutstanding="[% account.amountoutstanding | $Price on_editing => 1 %]" class="btn btn-default btn-xs discount-action">Apply discount</button>
143         [% END %]
144       </td>
145     </tr>
146
147   [% END %]
148 <tfoot>
149   <tr>
150     <td colspan="13">Total due</td>
151     [% IF ( totalcredit ) %]
152         <td class="credit" style="text-align: right;">[% total | $Price %]</td>
153         <td>
154           [% IF CAN_user_updatecharges_payout %]
155           <button type="button" data-toggle="modal" data-target="#issuePayoutModal" data-amount="[% total | $Price on_editing => 1 %]" class="btn btn-default btn-xs payout-amount-action"><i class="fa fa-money"></i> Payout amount</button>
156         [% END %]
157         </td>
158     [% ELSE %]
159        <td class="debit"style="text-align: right;">[% total | $Price %]</td>
160        <td></td>
161     [% END %]
162   </tr>
163   </tfoot>
164 </table>
165 </div>
166 </div>
167
168             </main>
169         </div> <!-- /.col-sm-10.col-sm-push-2 -->
170
171         <div class="col-sm-2 col-sm-pull-10">
172             <aside>
173                 [% INCLUDE 'circ-menu.inc' %]
174             </aside>
175         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
176      </div> <!-- /.row -->
177
178     <!-- Issue payout modal -->
179     <div class="modal" id="issuePayoutModal" tabindex="-1" role="dialog" aria-labelledby="issuePayoutLabel">
180         <form  id="payout_form" action="/cgi-bin/koha/members/boraccount.pl" method="get" enctype="multipart/form-data" class="validated">
181             <input type="hidden" name="accountlines_id" value="" id="payoutline">
182             <input type="hidden" name="action" value="payout">
183             <input type="hidden" name="borrowernumber" value="[% account.borrowernumber | html %]">
184             <div class="modal-dialog" role="document">
185                 <div class="modal-content">
186                     <div class="modal-header">
187                         <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
188                         <h4 class="modal-title" id="issuePayoutLabel">Issue payout</h4>
189                     </div>
190                     <div class="modal-body">
191                         [% IF Koha.Preference('UseCashRegisters') && ( registers.size == 0 ) %]
192                         <div id="payout_error" class="dialog alert">
193                             You must have at least one cash register associated with this branch before you can record cash payouts.
194                         </div>
195                         [% END %]
196                         <fieldset class="rows">
197                             <ol>
198                                 <li>
199                                     <span id="paid" class="label">Outstanding credit: </span><span>[% payout.amount | $Price %]</span>
200                                 </li>
201                                 <li>
202                                     <label class="required" for="amount">Returned to patron: </label>
203                                     <input type="text" inputmode="numeric" pattern="[0-9]*" id="amount" name="amount" required="required">
204                                     <span class="required">Required</span>
205                                 </li>
206
207                                 [% INCLUDE 'transaction_types.inc' type="payout" %]
208
209                                 [% IF Koha.Preference('UseCashRegisters') %]
210                                 <li>
211                                     <label for="registerid">Cash register: </label>
212                                     <select name="registerid" id="payout_registerid">
213                                         <option id="noregister" disabled selected="selected" value="">-- Select an option--</option>
214                                         [% PROCESS options_for_registers %]
215                                     </select>
216                                 </li>
217                                 [% END %]
218
219                             </ol>
220                         </fieldset> <!-- /.rows -->
221                     </div> <!-- /.modal-body -->
222                     <div class="modal-footer">
223                         <input type="hidden" name="op" value="payout">
224                         <button type="submit" class="btn btn-default" id="borr_payout_confirm">Confirm</button>
225                         <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
226                     </div> <!-- /.modal-footer -->
227                 </div> <!-- /.modal-content -->
228             </div> <!-- /.modal-dialog -->
229         </form> <!-- /#payout_form -->
230     </div> <!-- /#issuePayoutModal -->
231
232     <!-- Issue refund modal -->
233     <div class="modal" id="issueRefundModal" tabindex="-1" role="dialog" aria-labelledby="issueRefundLabel">
234         <form  id="refund_form" action="/cgi-bin/koha/members/boraccount.pl" method="get" enctype="multipart/form-data" class="validated">
235             <input type="hidden" name="accountlines_id" value="" id="refundline">
236             <input type="hidden" name="action" value="refund">
237             <input type="hidden" name="borrowernumber" value="[% account.borrowernumber | html %]">
238             <div class="modal-dialog" role="document">
239                 <div class="modal-content">
240                     <div class="modal-header">
241                         <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
242                         <h4 class="modal-title" id="issueRefundLabel">Issue refund</h4>
243                     </div>
244                     <div class="modal-body">
245                         [% IF Koha.Preference('UseCashRegisters') && ( registers.size == 0 ) %]
246                         <div id="refund_error" class="dialog alert">
247                             You must have at least one cash register associated with this branch before you can record cash refunds.
248                         </div>
249                         [% END %]
250                         <fieldset class="rows">
251                             <ol>
252                                 <li>
253                                     <span id="item" class="label">Account: </span><span></span>
254                                 </li>
255                                 <li>
256                                     <span id="paid" class="label">Amount paid: </span><span></span>
257                                 </li>
258                                 <li>
259                                     <label class="required" for="amount">Returned to patron: </label>
260                                     <input type="text" inputmode="numeric" pattern="[0-9]*" id="returned" name="amount" required="required">
261                                     <span class="required">Required</span>
262                                 </li>
263
264                                 [% INCLUDE 'transaction_types.inc' type="refund" %]
265
266                                 [% IF Koha.Preference('UseCashRegisters') %]
267                                 <li>
268                                     <label for="registerid">Cash register: </label>
269                                     <select name="registerid" id="refund_registerid">
270                                         <option id="noregister" disabled selected="selected" value="">-- Select an option--</option>
271                                         [% PROCESS options_for_registers %]
272                                     </select>
273                                 </li>
274                                 [% END %]
275
276                             </ol>
277                         </fieldset> <!-- /.rows -->
278                     </div> <!-- /.modal-body -->
279                     <div class="modal-footer">
280                         <input type="hidden" name="op" value="refund">
281                         <button type="submit" class="btn btn-default" id="borr_refund_confirm">Confirm</button>
282                         <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
283                     </div> <!-- /.modal-footer -->
284                 </div> <!-- /.modal-content -->
285             </div> <!-- /.modal-dialog -->
286         </form> <!-- /#refund_form -->
287     </div> <!-- /#issueRefundModal -->
288
289     <!-- Apply discount modal -->
290     <div class="modal" id="applyDiscountModal" tabindex="-1" role="dialog" aria-labelledby="applyDiscountLabel">
291         <form  id="discount_form" action="/cgi-bin/koha/members/boraccount.pl" method="get" enctype="multipart/form-data" class="validated">
292             <input type="hidden" name="accountlines_id" value="" id="discountline">
293             <input type="hidden" name="action" value="discount">
294             <input type="hidden" name="borrowernumber" value="[% account.borrowernumber | html %]">
295             <div class="modal-dialog" role="document">
296                 <div class="modal-content">
297                     <div class="modal-header">
298                         <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
299                         <h4 class="modal-title" id="applyDiscountLabel">Apply discount</h4>
300                     </div>
301                     <div class="modal-body">
302                         <fieldset class="rows">
303                             <ol>
304                                 <li>
305                                     <span id="item" class="label">Account type: </span><span></span>
306                                 </li>
307                                 <li>
308                                     <span id="charged" class="label">Amount charged: </span><span></span>
309                                 </li>
310                                 <li>
311                                     <label class="required" for="amount">Discount to apply: </label>
312                                     <input type="text" inputmode="numeric" pattern="[0-9]*" id="discount" name="amount" required="required">
313                                     <span class="required">Required</span>
314                                 </li>
315                             </ol>
316                         </fieldset> <!-- /.rows -->
317                     </div> <!-- /.modal-body -->
318                     <div class="modal-footer">
319                         <input type="hidden" name="op" value="discount">
320                         <button type="submit" class="btn btn-default">Confirm</button>
321                         <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
322                     </div> <!-- /.modal-footer -->
323                 </div> <!-- /.modal-content -->
324             </div> <!-- /.modal-dialog -->
325         </form> <!-- /#discount_form -->
326     </div> <!-- /#applyDiscountModal -->
327
328 [% MACRO jsinclude BLOCK %]
329     [% INCLUDE 'datatables.inc' %]
330     [% INCLUDE 'format_price.inc' %]
331     [% INCLUDE 'columns_settings.inc' %]
332     [% INCLUDE 'str/members-menu.inc' %]
333     [% Asset.js("js/members-menu.js") | $raw %]
334     <script>
335         $(document).ready(function() {
336             [% IF payment_id && Koha.Preference('FinePaymentAutoPopup') %]
337                 window.open('/cgi-bin/koha/members/printfeercpt.pl?action=print&change_given=[% change_given | html %]&accountlines_id=[% payment_id | html %]', '_blank');
338             [% END %]
339
340             var txtActivefilter = _("Filter paid transactions");
341             var txtInactivefilter = _("Show all transactions");
342             var table_settings = [% TablesSettings.GetTableSettings('members', 'fines', 'account-fines', 'json') | $raw %];
343             var table_account_fines = KohaTable("table_account_fines", {
344                 "sPaginationType": "full",
345                 'aaSorting': [[0, 'desc']],
346                 "sDom": 'C<"top pager"ilpfB><"#filter_c">tr<"bottom pager"ip>',
347             }, table_settings);
348             $("#filter_c").html('<p><a href="#" id="filter_transacs"><i class="fa fa-filter"></i> '+txtActivefilter+'</a>');
349             $('#filter_transacs').click(function(e) {
350                 e.preventDefault();
351                 if ($(this).hasClass('filtered')) {
352                     var filteredValue = '';
353                     $(this).html('<i class="fa fa-filter"></i> '+txtActivefilter);
354                 } else { //Not filtered. Let's do it!
355                     var filteredValue = '^((?!0.00).*)$'; //Filter not matching 0.00 http://stackoverflow.com/a/406408
356                     $(this).html('<i class="fa fa-filter"></i> '+txtInactivefilter);
357                 }
358                 table_account_fines.DataTable().columns( 13 ).search( filteredValue, true, false ).draw();
359                 $(this).toggleClass('filtered');
360             });
361
362             $(".void-action").on("click",function(e){
363                 if( confirm( _("Are you sure you want to void this credit?") ) ) {
364                     return true;
365                 } else {
366                     e.preventDefault();
367                 }
368             });
369
370             $("#issuePayoutModal").on("shown.bs.modal", function(e){
371                 var button = $(e.relatedTarget);
372                 var accountline = button.data('accountline');
373                 $('#payoutline').val(accountline);
374                 var amount = button.data('amount') * -1;
375                 $("#paid + span").replaceWith(amount.format_price());
376                 $("#amount").attr({ "value": amount, "max": amount, "min": 0 });
377                 $("#amount, #payout_transaction_type").focus();
378             });
379
380             $("#issueRefundModal").on("shown.bs.modal", function(e){
381                 var button = $(e.relatedTarget);
382                 var item = button.data('item');
383                 $("#item + span").replaceWith(item);
384                 var accountline = button.data('accountline');
385                 $('#refundline').val(accountline);
386                 var amount = button.data('amount');
387                 var amountoutstanding = button.data('amountoutstanding') || 0;
388                 var paid = amount - amountoutstanding;
389                 $("#paid + span").replaceWith(paid.format_price());
390                 $("#returned").attr({ "value": paid, "max": paid, "min": 0 });
391                 var member = button.data('member');
392                 if ( member === '' ) {
393                     $("#refund_type option[value='AC']").remove();
394                 } else if ( $("#refund_type option[value='AC']").length == 0 ) {
395                     $("#refund_type").prepend('<option value="AC" selected="selected">Account credit</option>');
396                 }
397                 $("#returned, #refund_type").focus();
398             });
399
400             $("#applyDiscountModal").on("shown.bs.modal", function(e){
401                 var button = $(e.relatedTarget);
402                 var item = button.data('item');
403                 $("#item + span").replaceWith(item);
404                 var accountline = button.data('accountline');
405                 $('#discountline').val(accountline);
406                 var amount = button.data('amount');
407                 $("#charged + span").replaceWith(amount.format_price());
408                 $("#discount").attr({ "max": amount, "min": 0 });
409                 $("#discount").focus();
410             });
411         });
412     </script>
413 [% END %]
414
415 [% INCLUDE 'intranet-bottom.inc' %]