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           persistKey="admin.local.cash_reports.desk_payments"
  52           [disableSelect]="true"
  53           [disablePaging]="true"
  54           [dataSource]="deskPaymentDataSource"
  55           [sortable]="false">
  56           <eg-grid-column label="Workstation" name="workstation" [index]="true" i18n-label></eg-grid-column>
  57           <eg-grid-column label="Cash Payment" name="cash_payment" i18n-label datatype="money"></eg-grid-column>
  58           <eg-grid-column label="Check Payment" name="check_payment" i18n-label datatype="money"></eg-grid-column>
  59           <eg-grid-column label="Credit Card Payment" name="credit_card_payment" i18n-label datatype="money"></eg-grid-column>
  60         </eg-grid>
  61       </div>
  62     </ng-template>
  63   </li>
  64   <li ngbNavItem="userPayments">
  65     <a ngbNavLink i18n>User Payments</a>
  66     <ng-template ngbNavContent>
  67       <div class="mt-3">
  68         <div class="row">
  69           <div class="col-sm-2" i18n>Total Credit Payments</div>
  70           <div class="col-sm-10">{{userTotals.credit_payment | currency}}</div>
  71         </div>
  72         <div class="row">
  73           <div class="col-sm-2" i18n>Total Forgive Payments</div>
  74           <div class="col-sm-10">{{userTotals.forgive_payment | currency}}</div>
  75         </div>
  76         <div class="row">
  77           <div class="col-sm-2" i18n>Total Work Payments</div>
  78           <div class="col-sm-10">{{userTotals.work_payment | currency}}</div>
  79         </div>
  80         <div class="row">
  81           <div class="col-sm-2" i18n>Total Goods Payments</div>
  82           <div class="col-sm-10">{{userTotals.goods_payment | currency}}</div>
  83         </div>
  84         <ng-template #cardTmpl let-row="row">
  85           <a target="_blank" href="/eg/staff/circ/patron/{{row.user.id()}}/checkout">
  86             {{row.user.card()}}
  87           </a>
  88         </ng-template>
  89         <eg-grid #userPaymentGrid
  90           persistKey="admin.local.cash_reports.user_payments"
  91           [disableSelect]="true"
  92           [disablePaging]="true"
  93           [dataSource]="userPaymentDataSource"
  94           [sortable]="false">
  95           <eg-grid-column label="User" name="usr" [index]="true" i18n-label></eg-grid-column>
  96           <eg-grid-column label="Credit Payment" name="credit_payment" i18n-label datatype="money"></eg-grid-column>
  97           <eg-grid-column label="Forgive Payment" name="forgive_payment" i18n-label datatype="money"></eg-grid-column>
  98           <eg-grid-column label="Work Payment" name="work_payment" i18n-label datatype="money"></eg-grid-column>
  99           <eg-grid-column label="Goods Payment" name="goods_payment" i18n-label datatype="money"></eg-grid-column>
 100           <eg-grid-column label="Patron Card" name="card" i18n-label [cellTemplate]="cardTmpl"></eg-grid-column>
 101           <eg-grid-column label="Patron Email" path="user.email" i18n-label></eg-grid-column>
 102           <eg-grid-column label="Patron First Name" path="user.first_given_name" i18n-label></eg-grid-column>
 103           <eg-grid-column label="Patron Family Name" path="user.family_name" i18n-label></eg-grid-column>
 104           <eg-grid-column label="Patron Home OU" path="user.home_ou" i18n-label></eg-grid-column>
 105         </eg-grid>
 106       </div>
 107     </ng-template>
 108   </li>
 109 </ul>
 110 <div [ngbNavOutlet]="cashReportsNav"></div>