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               value="" class="form-control col-md-6 "/>
  69           </div>
  70         <div class="form-group">
  71           <label for="amount-input" class="col-md-6 control-label">
  72             [% l('Payment Received') %]
  73           </label>
  74           <div class="col-md-6">
  75             <input type="number" min="0" step="any" id="amount-input"
  76               ng-model="payment_amount" focus-me="focus_payment"
  77               value="" class="form-control col-md-6 "/>
  78           </div>
  79         </div>
  80         <div class="form-group">
  81           <label for="annotate-payment" class="control-label col-md-5">[% l('Annotate') %]</label>
  82           <div class="col-md-1">
  83             <input id="annotate-payment" type="checkbox" ng-model="annotate_payment"/>
  84           </div>
  85           <div class="col-md-6">
  86             <button type="submit" class="btn btn-default">[% l('Apply Payment') %]</button>
  87           </div>
  88         </div>
  89       </fieldset>
  90     </form>
  91   </div>
  92 </div>
  93
  94 <div class="pad-vert">
  95 [% INCLUDE 'staff/circ/patron/t_bills_list.tt2' %]
  96 </div>
  97
  98 <!-- pull-right is causing the content to flow several pixels
  99 off to the right.  flex-row is honoring the boundaries better.
 100 not sure what's up, there. -->
 101 <div class="flex-row">
 102   <div class="flex-cell"></div>
 103   <form class="form-inline" role="form">
 104    <div class="checkbox">
 105       <label>
 106         <input type="checkbox" ng-model="receipt_on_pay"/>
 107         [% l('Receipt On Payment') %]
 108       </label>
 109     </div>
 110     <div class="form-group" style="margin-left:10px">
 111       <label for="bill-receipt-copies">[% l('# Copies') %]</label>
 112       <input type="number" min="1" style="width:5em"
 113         ng-model="receipt_count"
 114         class="form-control" id="bill-receipt-copies"/>
 115     </div>
 116   </form>
 117 </div>
 118