Open-ILS/src/eg2/src/app/staff/admin/local/cash-reports/cash-reports.component.html

   1 <eg-staff-banner bannerText="Cash Reports" i18n-bannerText>
   2 </eg-staff-banner>
   3
   4 <div class="mb-5">
   5   <div>
   6     <div class="row">
   7       <div class="input-group col-lg-3">
   8         <div class="input-group-prepend">
   9           <div class="input-group-text" i18n>Start Date</div>
  10           <eg-date-select [initialDate]="today" (onChangeAsYmd)="onStartDateChange($event)"></eg-date-select>
  11         </div>
  12       </div>
  13       <div class="input-group col-lg-3">
  14         <div class="input-group-prepend">
  15           <div class="input-group-text" i18n>End Date</div>
  16           <eg-date-select [initialDate]="today" (onChangeAsYmd)="onEndDateChange($event)"></eg-date-select>
  17         </div>
  18       </div>
  19       <div class="input-group col-lg-4">
  20         <div class="input-group-prepend">
  21           <div class="input-group-text" i18n>View reports for</div>
  22         </div>
  23         <eg-org-select [applyDefault]="true" [disableOrgs]="disabledOrgs" (onChange)="onOrgChange($event)"></eg-org-select>
  24       </div>
  25       <div class="col-lg-2">
  26         <button class="btn btn-primary" (click)="searchForData(startDate, endDate)">Submit</button>
  27       </div>
  28     </div>
  29   </div>
  30 </div>
  31
  32 <ul ngbNav #cashReportsNav="ngbNav" class="nav-tabs"
  33   [destroyOnHide]="false" activeId="deskPayments" (navChange)="eraseUserGrid()">
  34   <li ngbNavItem="deskPayments">
  35     <a ngbNavLink i18n>Desk Payments</a>
  36     <ng-template ngbNavContent>
  37       <div class="mt-3">
  38         <div class="row">
  39           <div class="col-sm-2" i18n>Total Cash Payments</div>
  40           <div class="col-sm-10">{{deskTotals.cash_payment | currency}}</div>
  41         </div>
  42         <div class="row">
  43           <div class="col-sm-2" i18n>Total Check Payments</div>
  44           <div class="col-sm-10">{{deskTotals.check_payment | currency}}</div>
  45         </div>
  46         <div class="row">
  47           <div class="col-sm-2" i18n>Total Credit Card Payments</div>
  48           <div class="col-sm-10">{{deskTotals.credit_card_payment | currency}}</div>
  49         </div>
  50         <eg-grid #deskPaymentGrid
  51           [disableSelect]="true"
  52           [disablePaging]="true"
  53           [dataSource]="deskPaymentDataSource"
  54           [sortable]="false">
  55           <eg-grid-column label="Workstation" name="workstation" [index]="true" i18n-label></eg-grid-column>
  56           <eg-grid-column label="Cash Payment" name="cash_payment" i18n-label datatype="money"></eg-grid-column>
  57           <eg-grid-column label="Check Payment" name="check_payment" i18n-label datatype="money"></eg-grid-column>
  58           <eg-grid-column label="Credit Card Payment" name="credit_card_payment" i18n-label datatype="money"></eg-grid-column>
  59         </eg-grid>
  60       </div>
  61     </ng-template>
  62   </li>
  63   <li ngbNavItem="userPayments">
  64     <a ngbNavLink i18n>User Payments</a>
  65     <ng-template ngbNavContent>
  66       <div class="mt-3">
  67         <div class="row">
  68           <div class="col-sm-2" i18n>Total Credit Payments</div>
  69           <div class="col-sm-10">{{userTotals.credit_payment | currency}}</div>
  70         </div>
  71         <div class="row">
  72           <div class="col-sm-2" i18n>Total Forgive Payments</div>
  73           <div class="col-sm-10">{{userTotals.forgive_payment | currency}}</div>
  74         </div>
  75         <div class="row">
  76           <div class="col-sm-2" i18n>Total Work Payments</div>
  77           <div class="col-sm-10">{{userTotals.work_payment | currency}}</div>
  78         </div>
  79         <div class="row">
  80           <div class="col-sm-2" i18n>Total Goods Payments</div>
  81           <div class="col-sm-10">{{userTotals.goods_payment | currency}}</div>
  82         </div>
  83         <eg-grid #userPaymentGrid
  84           (onRowActivate) = "onRowActivate($event)"
  85           [disableSelect]="true"
  86           [disablePaging]="true"
  87           [dataSource]="userPaymentDataSource"
  88           [sortable]="false">
  89           <eg-grid-column label="User" name="usr" [index]="true" i18n-label></eg-grid-column>
  90           <eg-grid-column label="Credit Payment" name="credit_payment" i18n-label datatype="money"></eg-grid-column>
  91           <eg-grid-column label="Forgive Payment" name="forgive_payment" i18n-label datatype="money"></eg-grid-column>
  92           <eg-grid-column label="Work Payment" name="work_payment" i18n-label datatype="money"></eg-grid-column>
  93           <eg-grid-column label="Goods Payment" name="goods_payment" i18n-label datatype="money"></eg-grid-column>
  94         </eg-grid>
  95       </div>
  96     </ng-template>
  97   </li>
  98 </ul>
  99 <div [ngbNavOutlet]="cashReportsNav"></div>
 100
 101 <eg-user-dialog #userDialog>
 102   <ng-container *ngIf="userDataSource.data && userDataSource.data.length>0">
 103     <eg-grid #userGrid
 104       [disableSelect]="true"
 105       [disablePaging]="true"
 106       [dataSource]="userDataSource"
 107       [sortable]="false">
 108       <eg-grid-column label="Card" name="card" [index]="true" i18n-label></eg-grid-column>
 109       <eg-grid-column label="Email" name="email" i18n-label></eg-grid-column>
 110       <eg-grid-column label="First Name" name="first_given_name" i18n-label></eg-grid-column>
 111       <eg-grid-column label="Family Name" name="family_name" i18n-label></eg-grid-column>
 112       <eg-grid-column label="Home OU" name="home_ou" i18n-label></eg-grid-column>
 113     </eg-grid>
 114   </ng-container>
 115 </eg-user-dialog>