Open-ILS/src/templates/staff/circ/patron/t_xact_details_statement.tt2

   1 <div ng-if="xact_tab == 'statement'">
   2
   3 <h4>[% l('Billing Statement') %]</h4>
   4 <div class="panel panel-default">
   5     <div class="panel-heading">
   6         <div class="row">
   7             <div class="col-md-2">[% l('Type') %]</div>
   8             <div class="col-md-6">[% l('Description') %]</div>
   9             <div class="col-md-2">[% l('Amount') %]</div>
  10             <div class="col-md-2">[% l('Balance') %]</div>
  11         </div>
  12     </div>
  13     <div class="panel-body flex-container-striped">
  14         <div class="row" ng-repeat="line in statement_data.lines">
  15             <div class="col-md-2" ng-switch="line.type">
  16                 <span ng-switch-when="billing">[% l('Billing') %]</span>
  17                 <span ng-switch-when="payment">[% l('Payment') %]</span>
  18                 <span ng-switch-when="account_adjustment">[% l('Adjustment') %]</span>
  19                 <span ng-switch-when="void">[% l('Void') %]</span>
  20             </div>
  21             <div class="col-md-6">
  22                 <span ng-if="line.billing_type" class="strong-text">{{line.billing_type}}<br/></span>
  23                 <span ng-if="line.note.length" ng-class="{'strong-text' : !line.billing_type}">{{line.note | join:', '}}<br/></span>
  24                 <span class="small">{{line.start_date  | date:$root.egDateAndTimeFormat}}</span><span ng-if="line.end_date" class="small"> - {{line.end_date  | date:$root.egDateAndTimeFormat}}</span>
  25             </div>
  26             <div ng-style="line.type != 'billing' && {'color':'red'}" class="col-md-2">
  27                 <span ng-if="line.type != 'billing'">-</span>{{line.amount | currency}}
  28             </div>
  29             <div class="col-md-2">
  30                 {{line.running_balance | currency}}
  31             </div>
  32         </div>
  33         <hr/>
  34         <div class="row">
  35             <div class="col-md-4 col-md-offset-8">
  36                 <div class="row">
  37                     <div class="col-md-6 strong-text">[% l('Total Charges') %]</div>
  38                     <div class="col-md-6 text-right">
  39                       {{statement_data.summary.billing_total | currency}}
  40                     </div>
  41                 </div>
  42                 <div class="row">
  43                     <div class="col-md-6 strong-text">[% l('Total Payments') %]</div>
  44                     <div class="col-md-6 text-right" style="color:red">
  45                       -{{statement_data.summary.payment_total || 0 | currency}}
  46                     </div>
  47                 </div>
  48                 <div ng-if="statement_data.summary.account_adjustment_total > 0" class="row">
  49                     <div class="col-md-6 strong-text">[% l('Total Adjustments') %]</div>
  50                     <div class="col-md-6 text-right" style="color:red">
  51                       -{{statement_data.summary.account_adjustment_total | currency}}
  52                     </div>
  53                 </div>
  54                 <div ng-if="statement_data.summary.void_total > 0" class="row">
  55                     <div class="col-md-6 strong-text">[% l('Total Voids') %]</div>
  56                     <div class="col-md-6 text-right" style="color:red">
  57                       -{{statement_data.summary.void_total | currency}}
  58                     </div>
  59                 </div>
  60                 <hr/>
  61                 <div class="row">
  62                     <div class="col-md-6 strong-text">[% l('Balance Due') %]</div>
  63                     <div class="col-md-6 text-right">
  64                       {{statement_data.summary.balance_due | currency}}
  65                     </div>
  66                 </div>
  67             </div>
  68         </div>
  69     </div>
  70 </div>
  71
  72 </div>