feat: cashier transactions list page (#1061)

Fixes: #760

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

@@ -44,7 +44,8 @@
           <button class="cashier-action-button" mat-raised-button color="warn" matTooltip="Settle Cash">
             <i class="fa fa-arrow-down"></i>
           </button>
-          <button class="cashier-action-button" mat-raised-button color="primary" matTooltip="View Transactions">
+          <button class="cashier-action-button" mat-raised-button color="primary" matTooltip="View Transactions"
+            (click)="routeEdit($event)" [routerLink]="[cashier.id, 'transactions']">
             <i class="fa fa-eye"></i>
           </button>   
         </td>

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

@@ -32,7 +32,6 @@ export class CashiersComponent implements OnInit {
   constructor(private route: ActivatedRoute) {
     this.route.data.subscribe(( data: { cashiersData: any }) => {
       this.cashiersData = data.cashiersData.cashiers;
-      console.log(this.cashiersData);
     });
   }
 
@@ -60,4 +59,12 @@ export class CashiersComponent implements OnInit {
     this.dataSource.sort = this.sort;
   }
 
+  /**
+   * Stops the propagation to view pages.
+   * @param $event Mouse Event
+   */
+  routeEdit($event: MouseEvent) {
+    $event.stopPropagation();
+  }
+
 }