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