Open-ILS/src/eg2/src/app/staff/share/billing/billing-dialog.component.html

   1 <eg-string #successMsg text="Successfully Added Billing" i18n-text></eg-string>
   2 <eg-string #errorMsg text="Failed To Add Billing" i18n-text></eg-string>
   3
   4 <!-- putting this here guarantees it's available to ViewChild before open -->
   5 <ng-template #bTypes>
   6   <eg-combobox #bTypeCbox [entries]="billingTypes"
   7     [required]="true" (onChange)="btChanged($event)"></eg-combobox>
   8 </ng-template>
   9
  10 <ng-template #dialogContent>
  11   <div class="modal-header">
  12     <h4 class="modal-title" i18n>
  13       Bill Patron:
  14         {{patron.family_name()}},
  15         {{patron.first_given_name()}} :
  16         {{patron.card().barcode()}}
  17     </h4>
  18     <button type="button" class="btn-close btn-close-white"
  19       i18n-aria-label aria-label="Close" (click)="close()"></button>
  20   </div>
  21   <div class="modal-body">
  22
  23     <ng-container *ngIf="xact">
  24       <div class="row">
  25         <div class="col-lg-2" i18n>Bill #</div>
  26         <div class="col-lg-4">{{xact.id()}}</div>
  27         <div class="col-lg-4" i18n>Total Billed</div>
  28         <div class="col-lg-2">{{xact.summary().total_owed() | currency}}</div>
  29       </div>
  30       <div class="row">
  31         <div class="col-lg-2" i18n>Type</div>
  32         <div class="col-lg-4">{{xact.summary().xact_type()}}</div>
  33         <div class="col-lg-4" i18n>Total Paid</div>
  34         <div class="col-lg-2">{{xact.summary().total_paid() | currency}}</div>
  35       </div>
  36       <div class="row">
  37         <div class="col-lg-2" i18n>Start</div>
  38         <div class="col-lg-4">{{xact.xact_start() | date:'short'}}</div>
  39         <div class="col-lg-4" i18n>Balance Owed</div>
  40         <div class="col-lg-2">{{xact.summary().balance_owed() | currency}}</div>
  41       </div>
  42       <div class="row">
  43         <div class="col-lg-2" i18n>Finish</div>
  44         <div class="col-lg-4">{{xact.xact_finish() | date:'short'}}</div>
  45         <div class="col-lg-4" i18n>Renewal?</div>
  46         <div class="col-lg-2"><eg-bool [value]="isRenewal()"></eg-bool></div>
  47       </div>
  48     </ng-container>
  49
  50     <hr/>
  51
  52     <div class="form-validated">
  53       <div class="row mt-2">
  54         <div class="col-lg-4" i18n>Location</div>
  55         <div class="col-lg-8" i18n>{{hereOrg}}</div>
  56       </div>
  57       <div class="row mt-2">
  58         <div class="col-lg-4" i18n>Billing Type</div>
  59         <div class="col-lg-8">
  60           <ng-container *ngTemplateOutlet="bTypes"></ng-container>
  61         </div>
  62       </div>
  63       <div class="row mt-2">
  64         <div class="col-lg-4" i18n>Amount</div>
  65         <div class="col-lg-8" i18n>
  66           <input type="number" class="form-control" id="amount-input"
  67             required [(ngModel)]="amount" [min]="0"/>
  68         </div>
  69       </div>
  70       <div class="row mt-2">
  71         <div class="col-lg-4" i18n>Note</div>
  72         <div class="col-lg-8" i18n>
  73           <textarea class="form-control" [rows]="3" [(ngModel)]="note"></textarea>
  74         </div>
  75       </div>
  76     </div>
  77
  78   </div>
  79   <div class="modal-footer">
  80     <button type="button" class="btn btn-success" [disabled]="!saveable()"
  81       (click)="submit()" i18n>Submit Bill</button>
  82     <button type="button" class="btn btn-warning"
  83       (click)="close()" i18n>Cancel</button>
  84   </div>
  85 </ng-template>