Koha-community/Koha
13
7
Fork 0
Code Issues Releases Wiki Activity

Bug 11622 [QA Followup] - Show amount to be paid near make payment button

Browse source 
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>

Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
This commit is contained in:
Kyle Hall 2015-09-18 05:41:27 -07:00
parent 2949733e67
commit c6a40b272d
1 changed files with 25 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt
View file

@ -76,6 +76,7 @@
<td>
[% IF ACCOUNT_LINE.amountoutstanding > 0 %]
<input name="accountline" type="checkbox" class="checkbox-pay" id="checkbox-pay-[% ACCOUNT_LINE.accountlines_id %]" value="[% ACCOUNT_LINE.accountlines_id %]">
<input type="hidden" id="amount-[% ACCOUNT_LINE.accountlines_id %]" value="[% ACCOUNT_LINE.amountoutstanding %]" />
[% END %]
</td>
[% END %]
@ -135,6 +136,9 @@
<div class="control-group">
<input type="hidden" id="payment-amount" name="payment_amount" value="0" />
<button id="submit-pay" type="submit" class="btn" disabled="disabled">Make payment</button>
<span id="amount-to-pay-label">
Amount to pay: <span id="amount-to-pay">0.00</span>
</span>
</div>
</fieldset>
[% END %]
@ -152,8 +156,27 @@
[% BLOCK jsinclude %]
<script type="text/javascript">
$( document ).ready(function() {
$('.checkbox-pay').change( function() {
$("#submit-pay").prop('disabled', ! $('.checkbox-pay:checked').length );
$("#amount-to-pay-label").hide();
$(".checkbox-pay").change( function() {
// Disable the pay button if no fees are selected
$("#submit-pay").prop("disabled", ! $(".checkbox-pay:checked").length );
// Calculate the total amount to be paid based on selected fees
var total = 0;
$(".checkbox-pay").each( function() {
if ( $(this).is(":checked") ) {
var id = this.id.split("checkbox-pay-")[1];
total += parseFloat( $("#amount-" + id).val() );
}
});
if ( total ) {
$("#amount-to-pay").html( total.toFixed(2) );
$("#amount-to-pay-label").show();
} else {
$("#amount-to-pay-label").hide();
}
});
});
</script>