feat: tour integration

Tour Integration

src/app/organization/tellers/cashiers/cashiers.component.html

@@ -49,7 +49,7 @@
           <button class="cashier-action-button" mat-raised-button color="primary" matTooltip="View Transactions"
             (click)="routeEdit($event)" [routerLink]="[cashier.id, 'transactions']" *mifosxHasPermission="'ALLOCATECASHIER_TELLER'">
             <i class="fa fa-eye"></i>
-          </button>   
+          </button>
         </td>
       </ng-container>
 

src/app/organization/tellers/cashiers/transactions/transactions.component.html

@@ -67,7 +67,7 @@
         <mat-label>Filter</mat-label>
         <input matInput (keyup)="applyFilter($event.target.value)">
       </mat-form-field>
-  
+
       <mat-form-field>
         <mat-label> Select Currency </mat-label>
         <mat-select [formControl]="currencySelector" required>
@@ -87,41 +87,41 @@
           <th mat-header-cell *matHeaderCellDef mat-sort-header> Date </th>
           <td mat-cell *matCellDef="let transaction"> {{ transaction.txnDate  | dateFormat }} </td>
         </ng-container>
-  
+
         <ng-container matColumnDef="transactions">
           <th mat-header-cell *matHeaderCellDef mat-sort-header> Transactions </th>
           <td mat-cell *matCellDef="let transaction"> {{ transaction.txnType.value }} </td>
         </ng-container>
-  
+
         <ng-container matColumnDef="allocation">
           <th mat-header-cell *matHeaderCellDef mat-sort-header> Allocation ({{cashierData.sumCashAllocation | number}}) </th>
           <td mat-cell *matCellDef="let transaction"> {{ transaction.txnType.value === "Allocate Cash" ? (transaction.txnAmount | number) : '-' }} </td>
         </ng-container>
-  
+
         <ng-container matColumnDef="cashIn">
           <th mat-header-cell *matHeaderCellDef mat-sort-header> Cash In ({{cashierData.sumInwardCash | number}})  </th>
           <td mat-cell *matCellDef="let transaction"> {{ transaction.txnType.value === "Cash In" ? (transaction.txnAmount | number) : '-' }} </td>
         </ng-container>
-  
+
         <ng-container matColumnDef="cashOut">
           <th mat-header-cell *matHeaderCellDef mat-sort-header> Cash Out ({{cashierData.sumOutwardCash | number}}) </th>
           <td mat-cell *matCellDef="let transaction"> {{ transaction.txnType.value === "Cash Out" ? (transaction.txnAmount | number) : '-' }} </td>
         </ng-container>
-  
+
         <ng-container matColumnDef="settlement">
           <th mat-header-cell *matHeaderCellDef mat-sort-header> Settlement ({{cashierData.sumCashSettlement | number}})</th>
           <td mat-cell *matCellDef="let transaction"> {{ transaction.txnType.value === "Settle Cash" ? (transaction.txnAmount | number) : '-' }} </td>
         </ng-container>
-  
+
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
         <tr mat-row *matRowDef="let row; columns: displayedColumns;" class="select-row" [routerLink]="[row.id]"></tr>
-  
+
       </table>
-  
-      <mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons></mat-paginator>  
+
+      <mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
 
     </div>
-    
+
   </mat-card>
 
 </div>

src/app/organization/tellers/teller-transaction-template.resolver.ts

@@ -0,0 +1,32 @@
+/** Angular Imports */
+import { Injectable } from '@angular/core';
+import { Resolve, ActivatedRouteSnapshot } from '@angular/router';
+
+/** rxjs Imports */
+import { Observable } from 'rxjs';
+
+/** Custom Services */
+import { OrganizationService } from 'app/organization/organization.service';
+
+/**
+ * Cashier transaction data resolver.
+ */
+@Injectable()
+export class CashierTransactionTemplateResolver implements Resolve<Object> {
+
+  /**
+   * @param {OrganizationService} organizationService Organization service.
+   */
+  constructor(private organizationService: OrganizationService) {}
+
+  /**
+   * Returns the cashier transaction data.
+   * @returns {Observable<any>}
+   */
+  resolve(route: ActivatedRouteSnapshot): Observable<any> {
+    const cashierId = route.parent.paramMap.get('id');
+    const tellerId = route.parent.parent.paramMap.get('id');
+    return this.organizationService.getCashierTransactionTemplate(tellerId, cashierId);
+  }
+
+}