]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/templates/staff/circ/patron/t_bills.tt2
LP#1749992 Disable payment button during payment
[Evergreen.git] / Open-ILS / src / templates / staff / circ / patron / t_bills.tt2
1
2 <div class="row">
3   <div class="col-md-7">
4
5     <div class="row">
6       <div class="col-md-4">[% l('Total Owed:') %]</div>
7       <div class="col-md-2 strong-text">{{summary.balance_owed() | currency}}</div>
8       <div class="col-md-4">[% l('Refunds Available:') %]</div>
9       <div class="col-md-2">{{refunds_available() | currency}}</div>
10     </div>
11     <div class="row">
12       <div class="col-md-4">[% l('Total Billed:') %]</div>
13       <div class="col-md-2">{{summary.total_owed() | currency}}</div>
14       <div class="col-md-4">[% l('Credit Available:') %]</div>
15       <div class="col-md-2">{{patron().credit_forward_balance() | currency}}</div>
16     </div>
17     <div class="row">
18       <div class="col-md-4">[% l('Total Paid:') %]</div>
19       <div class="col-md-2">{{summary.total_paid() | currency}}</div>
20       <div class="col-md-4">[% l('Session Voided:') %]</div>
21       <div class="col-md-2">{{session_voided | currency}}</div>
22     </div>
23     <div class="row"><hr/></div>
24     <div class="row">
25       <div class="col-md-4">[% l('Owed for Selected:') %]</div>
26       <div class="col-md-2">{{owed_selected() | currency}}</div>
27       <div class="col-md-4">[% l('Pending Payment:') %]</div>
28       <div class="col-md-2 strong-text">{{pending_payment() | currency}}</div>
29     </div>
30     <div class="row">
31       <div class="col-md-4">[% l('Billed for Selected:') %]</div>
32       <div class="col-md-2">{{billed_selected() | currency}}</div>
33       <div class="col-md-4">[% l('Pending Change:') %]</div>
34       <div class="col-md-2 strong-text">{{pending_change() | currency}}</div>
35     </div>
36     <div class="row">
37       <div class="col-md-4">[% l('Paid for Selected:') %]</div>
38       <div class="col-md-2">{{paid_selected() | currency}}</div>
39     </div>
40   </div><!-- col -->
41
42   <div class="col-md-5">
43     <form role="form" class="form-horizontal" ng-submit="applyPayment()">
44       <fieldset>
45         <legend>[% l('Pay Bill') %]</legend>
46
47         <div class="form-group">
48           <label for="type-input" class="col-md-6 control-label">[% l('Payment Type') %]</label>
49           <div class="col-md-6">
50             <select ng-model="payment_type" class="form-control">
51               <option value="cash_payment" selected="selected">[% l('Cash') %]</option>
52               <option value="check_payment">[% l('Check') %]</option>
53               <option value="credit_card_payment">[% l('Credit Card') %]</option>
54               <option value="credit_payment">[% l('Patron Credit') %]</option>
55               <option value="work_payment">[% l('Work') %]</option>
56               <option value="forgive_payment">[% l('Forgive') %]</option>
57               <option value="goods_payment">[% l('Goods') %]</option>
58             </select>
59           </div>
60         </div>
61         <div class="form-group">
62           <label for="check-input" class="col-md-6 control-label">
63             [% l('Check Number') %]
64           </label>
65           <div class="col-md-6">
66             <input type="number" min="1" step="any" id="check-input" 
67               ng-model="check_number" focus-me="focus_check"
68               ng-disabled="payment_type!='check_payment'"
69               value="" class="form-control col-md-6 "/>
70           </div>
71         <div class="form-group">
72           <label for="amount-input" class="col-md-6 control-label">
73             [% l('Payment Received') %]
74           </label>
75           <div class="col-md-6">
76             <input type="number" min="0" step="any" id="amount-input" 
77               ng-model="payment_amount" focus-me="focus_payment" 
78               value="" class="form-control col-md-6 "/>
79           </div>
80         </div>
81         <div class="form-group">
82           <label for="annotate-payment" class="control-label col-md-5">[% l('Annotate') %]</label>
83           <div class="col-md-1">
84             <input id="annotate-payment" type="checkbox" ng-model="annotate_payment"/>
85           </div>
86           <div class="col-md-6">
87             <button
88                 type="submit"
89                 class="btn btn-default"
90                 ng-disabled="invalid_check_number() || !gridControls.selectedItems().length || applyingPayment"
91             >[% l('Apply Payment') %]</button>
92           </div>
93         </div>
94       </fieldset>
95     </form>
96   </div>
97 </div>
98
99 <div class="pad-vert">
100 [% INCLUDE 'staff/circ/patron/t_bills_list.tt2' %]
101 </div>
102
103 <!-- pull-right is causing the content to flow several pixels 
104 off to the right.  flex-row is honoring the boundaries better. 
105 not sure what's up, there. -->
106 <div class="flex-row" ng-if="!disable_auto_print">
107   <div class="flex-cell"></div>
108   <form class="form-inline" role="form">
109    <div class="checkbox">
110       <label>
111         <input id="receipt_on_pay" type="checkbox" ng-model="receipt_on_pay.isChecked" ng-change="onReceiptOnPayChanged()"/>
112         [% l('Receipt On Payment') %]
113       </label>
114     </div>
115     <div class="form-group" style="margin-left:10px">
116       <label for="bill-receipt-copies">[% l('# Copies') %]</label>
117       <input type="number" min="1" style="width:5em"
118         ng-model="receipt_count"
119         class="form-control" id="bill-receipt-copies"/>
120     </div>
121   </form>
122 </div>
123