Bug 23442: Add html filter to a couple lines in template
[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 ColumnsSettings %]
7 [% USE AuthorisedValues %]
8 [% USE Price %]
9 [% USE Branches %]
10 [% SET footerjs = 1 %]
11
12 [% PROCESS 'accounts.inc' %]
13
14 [% INCLUDE 'doc-head-open.inc' %]
15 <title>Koha &rsaquo; Patrons &rsaquo; Account for [% INCLUDE 'patron-title.inc' no_html = 1 %]</title>
16 [% INCLUDE 'doc-head-close.inc' %]
17 </head>
18
19 <body id="pat_borraccount" class="pat">
20 [% INCLUDE 'header.inc' %]
21 [% INCLUDE 'patron-search.inc' %]
22
23 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/members/members-home.pl">Patrons</a>  &rsaquo; Account for [% INCLUDE 'patron-title.inc' %]</div>
24
25 <div class="main container-fluid">
26     <div class="row">
27         <div class="col-sm-10 col-sm-push-2">
28             <main>
29
30 [% INCLUDE 'members-toolbar.inc' %]
31 <form action="/cgi-bin/koha/members/boraccount.pl" method="get"><input type="hidden" name="borrowernumber" id="borrowernumber" value="[% patron.borrowernumber | html %]" /></form>
32
33 <!-- The manual invoice and credit buttons -->
34 <div class="statictabs">
35 <ul>
36     <li class="active"><a href="/cgi-bin/koha/members/boraccount.pl?borrowernumber=[% patron.borrowernumber | uri %]">Transactions</a></li>
37     <li><a href="/cgi-bin/koha/members/pay.pl?borrowernumber=[% patron.borrowernumber | uri %]" >Make a payment</a></li>
38     <li><a href="/cgi-bin/koha/members/maninvoice.pl?borrowernumber=[% patron.borrowernumber | uri %]" >Create manual invoice</a></li>
39     <li><a href="/cgi-bin/koha/members/mancredit.pl?borrowernumber=[% patron.borrowernumber | uri %]" >Create manual credit</a></li>
40 </ul>
41 <div class="tabs-container">
42 <!-- The table with the account items -->
43 <table id="table_account_fines">
44     <thead>
45       <tr>
46           <th class="title-string">Date</th>
47           <th>Account type</th>
48           <th>Description of charges</th>
49           <th>Barcode</th>
50           <th>Due date</th>
51           <th>Return date</th>
52           <th>Home library</th>
53           <th>Note</th>
54           <th>Amount</th>
55           <th>Outstanding</th>
56           <th>Actions</th>
57         </tr>
58     </thead>
59
60         <!-- FIXME: Shouldn't hardcode dollar signs, since Euro or Pound might be needed -->
61   [% FOREACH account IN accounts %]
62
63    <tr>
64    <td><span title="[% account.date | html %]">[% account.date |$KohaDates %]</span></td>
65         <td>[% PROCESS account_type_description account=account %]</td>
66       <td>
67         [%- IF account.payment_type %][% AuthorisedValues.GetByCode('PAYMENT_TYPE', account.payment_type) | html %][% END %]
68         [%- IF account.description %][% account.description | html %][% END %]
69         &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>
70       <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>
71       <td>[% IF ( account.issue_id ) %][% account.checkout.date_due | $KohaDates as_due_date => 1 %][% END %]</td>
72       <td>[% IF ( account.issue_id ) %][% account.checkout.returndate | $KohaDates with_hours => 1 %][% END %]</td>
73       <td>[% IF account.itemnumber %][% Branches.GetName( account.item.homebranch ) | html %][% END %]</td>
74       <td>[% account.note | html_line_break %]</td>
75       [% IF account.amount <= 0 %]<td class="credit" style="text-align: right;">[% ELSE %]<td class="debit" style="text-align: right;">[% END %][% account.amount | $Price %]</td>
76       [% IF account.amountoutstanding <= 0 %]<td class="credit" style="text-align: right;">[% ELSE %]<td class="debit" style="text-align: right;">[% END %][% account.amountoutstanding | $Price %]</td>
77       <td class="actions">
78         [% IF ( account.is_credit ) %]
79           <a target="_blank" href="printfeercpt.pl?action=print&amp;accountlines_id=[% account.accountlines_id | uri %]&amp;borrowernumber=[% account.borrowernumber | uri %]" class="btn btn-default btn-xs"><i class="fa fa-print"></i> Print</a>
80         [% ELSE %]
81           <a target="_blank" href="printinvoice.pl?action=print&amp;accountlines_id=[% account.accountlines_id | uri %]&amp;borrowernumber=[% account.borrowernumber | uri %]" class="btn btn-default btn-xs"><i class="fa fa-print"></i> Print</a>
82         [% END %]
83         <a href="accountline-details.pl?accountlines_id=[% account.accountlines_id | uri %]" class="btn btn-default btn-xs"><i class="fa fa-list"></i> Details</a>
84         [% IF account.is_credit %]
85           <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"><i class="fa fa-ban"></i> Void</a>
86         [% END %]
87         [% IF CAN_user_updatecharges_payout && account.is_credit && ( account.amountoutstanding < 0 ) %]
88           <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 %]" class="btn btn-default btn-xs"><i class="fa fa-money"></i> Issue payout</button>
89         [% END %]
90         [% IF CAN_user_updatecharges_refund && account.is_debit && ( account.amountoutstanding != account.amount ) && !(account.status == 'REFUNDED' ) %]
91           <button type="button" 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 %]" data-amountoutstanding="[% account.amountoutstanding | $Price %]" class="btn btn-default btn-xs"><i class="fa fa-money"></i> Issue refund</button>
92         [% END %]
93       </td>
94     </tr>
95
96   [% END %]
97 <tfoot>
98   <tr>
99     <td colspan="9">Total due</td>
100     [% IF ( totalcredit ) %]
101         <td class="credit" style="text-align: right;">[% total | $Price %]</td>
102     [% ELSE %]
103        <td class="debit"style="text-align: right;">[% total | $Price %]</td>
104     [% END %]
105     <td></td>
106   </tr>
107   </tfoot>
108 </table>
109 </div>
110 </div>
111
112             </main>
113         </div> <!-- /.col-sm-10.col-sm-push-2 -->
114
115         <div class="col-sm-2 col-sm-pull-10">
116             <aside>
117                 [% INCLUDE 'circ-menu.inc' %]
118             </aside>
119         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
120      </div> <!-- /.row -->
121
122     <!-- Issue payout modal -->
123     <div class="modal" id="issuePayoutModal" tabindex="-1" role="dialog" aria-labelledby="issuePayoutLabel">
124         <form  id="payout_form" action="/cgi-bin/koha/members/boraccount.pl" method="get" enctype="multipart/form-data" class="validated">
125             <input type="hidden" name="accountlines_id" value="" id="payoutline">
126             <input type="hidden" name="action" value="payout">
127             <input type="hidden" name="borrowernumber" value="[% account.borrowernumber | html %]">
128             <div class="modal-dialog" role="document">
129                 <div class="modal-content">
130                     <div class="modal-header">
131                         <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
132                         <h4 class="modal-title" id="issuePayoutLabel">Issue payout</h4>
133                     </div>
134                     <div class="modal-body">
135                         <fieldset class="rows">
136                             <ol>
137                                 <li>
138                                     <span id="paid" class="label">Outstanding credit: </span><span>[% payout.amount | $Price %]</span>
139                                 </li>
140                                 <li>
141                                     <label class="required" for="amount">Returned to patron: </label>
142                                     <input type="number" step="0.01" id="amount" name="amount" min="0.00" required="required">
143                                     <span class="required">Required</span>
144                                 </li>
145                                 [% SET payment_types = AuthorisedValues.GetAuthValueDropbox('PAYMENT_TYPE') %]
146                                 [% IF payment_types %]
147                                 <li>
148                                     <label for="transaction_type">Transaction type: </label>
149                                     <select name="transaction_type" id="transaction_type">
150                                         [% FOREACH pt IN payment_types %]
151                                             <option value="[% pt.authorised_value | html %]">[% pt.lib | html %]</option>
152                                         [% END %]
153                                     </select>
154                                 </li>
155                                 [% END %]
156
157                                 [% IF Koha.Preference('UseCashRegisters') %]
158                                 <li>
159                                     <label for="cash_register">Cash register: </label>
160                                     <select name="cash_register" id="cash_register">
161                                         [% FOREACH register IN registers %]
162                                           [% IF register.id == registerid %]
163                                         <option value="[% register.id | html %]" selected="selected">[% register.name | html %]</option>
164                                           [% ELSE %]
165                                         <option value="[% register.id | html %]">[% register.name | html %]</option>
166                                           [% END %]
167                                         [% END %]
168                                     </select>
169                                 </li>
170                                 [% END %]
171
172                             </ol>
173                         </fieldset> <!-- /.rows -->
174                     </div> <!-- /.modal-body -->
175                     <div class="modal-footer">
176                         <input type="hidden" name="registerid" value="[% register.id | html %]">
177                         <input type="hidden" name="op" value="payout">
178                         <button type="submit" class="btn btn-default">Confirm</button>
179                         <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
180                     </div> <!-- /.modal-footer -->
181                 </div> <!-- /.modal-content -->
182             </div> <!-- /.modal-dialog -->
183         </form> <!-- /#payout_form -->
184     </div> <!-- /#issuePayoutModal -->
185
186     <!-- Issue refund modal -->
187     <div class="modal" id="issueRefundModal" tabindex="-1" role="dialog" aria-labelledby="issueRefundLabel">
188         <form  id="refund_form" action="/cgi-bin/koha/members/boraccount.pl" method="get" enctype="multipart/form-data" class="validated">
189             <input type="hidden" name="accountlines_id" value="" id="refundline">
190             <input type="hidden" name="action" value="refund">
191             <input type="hidden" name="borrowernumber" value="[% account.borrowernumber | html %]">
192             <div class="modal-dialog" role="document">
193                 <div class="modal-content">
194                     <div class="modal-header">
195                         <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
196                         <h4 class="modal-title" id="issueRefundLabel">Issue refund</h4>
197                     </div>
198                     <div class="modal-body">
199                         <fieldset class="rows">
200                             <ol>
201                                 <li>
202                                     <span id="item" class="label">Account: </span><span></span>
203                                 </li>
204                                 <li>
205                                     <span id="paid" class="label">Amount paid: </span><span></span>
206                                 </li>
207                                 <li>
208                                     <label class="required" for="amount">Returned to patron: </label>
209                                     <input type="number" step="0.01" id="returned" name="amount" min="0.00" required="required">
210                                     <span class="required">Required</span>
211                                 </li>
212                                 [% SET payment_types = AuthorisedValues.GetAuthValueDropbox('PAYMENT_TYPE') %]
213                                 <li>
214                                     <label for="transaction_type">Transaction type: </label>
215                                     <select name="transaction_type" id="transaction_type">
216                                         <option value="AC">Account credit</option>
217                                         [% IF payment_types %]
218                                         [% FOREACH pt IN payment_types %]
219                                         <option value="[% pt.authorised_value | html %]">[% pt.lib | html %]</option>
220                                         [% END %]
221                                         [% END %]
222                                     </select>
223                                 </li>
224
225                                 [% IF Koha.Preference('UseCashRegisters') %]
226                                 <li>
227                                     <label for="cash_register">Cash register: </label>
228                                     <select name="cash_register" id="cash_register">
229                                         [% FOREACH register IN registers %]
230                                           [% IF register.id == registerid %]
231                                         <option value="[% register.id | html %]" selected="selected">[% register.name | html %]</option>
232                                           [% ELSE %]
233                                         <option value="[% register.id | html %]">[% register.name | html %]</option>
234                                           [% END %]
235                                         [% END %]
236                                     </select>
237                                 </li>
238                                 [% END %]
239
240                             </ol>
241                         </fieldset> <!-- /.rows -->
242                     </div> <!-- /.modal-body -->
243                     <div class="modal-footer">
244                         <input type="hidden" name="registerid" value="[% register.id | html %]">
245                         <input type="hidden" name="op" value="refund">
246                         <button type="submit" class="btn btn-default">Confirm</button>
247                         <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
248                     </div> <!-- /.modal-footer -->
249                 </div> <!-- /.modal-content -->
250             </div> <!-- /.modal-dialog -->
251         </form> <!-- /#refund_form -->
252     </div> <!-- /#issueRefundModal -->
253
254 [% MACRO jsinclude BLOCK %]
255     [% INCLUDE 'datatables.inc' %]
256     [% INCLUDE 'columns_settings.inc' %]
257     [% INCLUDE 'str/members-menu.inc' %]
258     [% Asset.js("js/members-menu.js") | $raw %]
259     <script>
260         $(document).ready(function() {
261             [% IF payment_id && Koha.Preference('FinePaymentAutoPopup') %]
262                 window.open('/cgi-bin/koha/members/printfeercpt.pl?action=print&change_given=[% change_given | html %]&accountlines_id=[% payment_id | html %]&borrowernumber=[% patron.borrowernumber | html %]', '_blank');
263             [% END %]
264
265             var txtActivefilter = _("Filter paid transactions");
266             var txtInactivefilter = _("Show all transactions");
267             var columns_settings = [% ColumnsSettings.GetColumns('members', 'fines', 'account-fines', 'json') | $raw %];
268             var table_account_fines = KohaTable("table_account_fines", {
269                 "sPaginationType": "full",
270                 'aaSorting': [[0, 'desc']],
271                 "sDom": 'C<"top pager"ilpfB><"#filter_c">tr<"bottom pager"ip>',
272                 "aoColumnDefs": [
273                     { "sType": "title-string", "aTargets" : [ "title-string" ] },
274                     { "bSortable": false, "bSearchable": false, "aTargets": [-1] }
275                 ]
276             }, columns_settings);
277             $("#filter_c").html('<p><a href="#" id="filter_transacs"><i class="fa fa-filter"></i> '+txtActivefilter+'</a>');
278             $('#filter_transacs').click(function(e) {
279                 e.preventDefault();
280                 if ($(this).hasClass('filtered')) {
281                     var filteredValue = '';
282                     $(this).html('<i class="fa fa-filter"></i> '+txtActivefilter);
283                 } else { //Not filtered. Let's do it!
284                     var filteredValue = '^((?!0.00).*)$'; //Filter not matching 0.00 http://stackoverflow.com/a/406408
285                     $(this).html('<i class="fa fa-filter"></i> '+txtInactivefilter);
286                 }
287                 table_account_fines.fnFilter(filteredValue, 9, true, false);
288                 $(this).toggleClass('filtered');
289             });
290
291             $(".void").on("click",function(e){
292                 if( confirm( _("Are you sure you want to void this credit?") ) ) {
293                     return true;
294                 } else {
295                     e.preventDefault();
296                 }
297             });
298
299             $("#issuePayoutModal").on("shown.bs.modal", function(e){
300                 var button = $(e.relatedTarget);
301                 var accountline = button.data('accountline');
302                 $('#payoutline').val(accountline);
303                 var amount = button.data('amount') * -1;
304                 $("#paid + span").replaceWith(amount);
305                 $("#amount").attr({ "value": amount, "max": amount });
306                 $("#amount, #transaction_type").focus();
307             });
308
309             $("#issueRefundModal").on("shown.bs.modal", function(e){
310                 var button = $(e.relatedTarget);
311                 var item = button.data('item');
312                 $("#item + span").replaceWith(item);
313                 var accountline = button.data('accountline');
314                 $('#refundline').val(accountline);
315                 var amount = button.data('amount');
316                 var amountoutstanding = button.data('amountoutstanding');
317                 var paid = amount - amountoutstanding;
318                 $("#paid + span").replaceWith(paid);
319                 $("#returned").attr({ "value": paid, "max": paid });
320                 $("#returned, #transaction_type").focus();
321             });
322         });
323     </script>
324 [% END %]
325
326 [% INCLUDE 'intranet-bottom.inc' %]