feat: add view savings account page (#862)

- Transactions Tab - Charges Tab - Standing Instructions Tab Fixes: #221
2020-06-11 16:03:00 +05:30
parent fb52d3cf21
commit 3123f37155
32 changed files with 1353 additions and 54 deletions
@@ -0,0 +1,63 @@
+<div class="tab-container mat-typography">
+
+  <div fxLayout="row" fxLayoutAlign="start">
+    <div class="m-b-10">
+      <h3>All Transactions</h3>
+    </div>
+    <div class="action-button m-b-20" fxLayout="row" fxLayoutGap="20px" *ngIf="checkStatus()">
+      <button mat-raised-button color="primary">View Journal Entries</button>
+      <button mat-raised-button color="primary">Export</button>
+    </div>
+  </div>
+
+  <div class="mat-elevation-z1 m-b-25">
+
+    <table mat-table [dataSource]="dataSource" >
+
+      <ng-container matColumnDef="id">
+        <th mat-header-cell *matHeaderCellDef> ID </th>
+        <td mat-cell *matCellDef="let transaction"> {{ transaction.id }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="transactionDate">
+        <th mat-header-cell *matHeaderCellDef> Transaction Date </th>
+        <td mat-cell *matCellDef="let transaction"> {{ transaction.date | date }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="transactionType">
+        <th mat-header-cell *matHeaderCellDef> Transaction Type </th>
+        <td mat-cell *matCellDef="let transaction"> {{ transaction.transactionType.value  }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="debit">
+        <th mat-header-cell *matHeaderCellDef> Debit </th>
+        <td mat-cell *matCellDef="let transaction"> {{ isDebit(transaction.transactionType) ? transaction.amount : 'N/A'}} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="credit">
+        <th mat-header-cell *matHeaderCellDef> Credit </th>
+        <td mat-cell *matCellDef="let transaction"> {{ !isDebit(transaction.transactionType) ? transaction.amount : 'N/A' }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="balance">
+        <th mat-header-cell *matHeaderCellDef> Balance </th>
+        <td mat-cell *matCellDef="let transaction"> {{ transaction.runningBalance }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="viewReciept">
+        <th mat-header-cell *matHeaderCellDef> View Reciept </th>
+        <td mat-cell *matCellDef="let transaction"> 
+          <button class="account-action-button" mat-raised-button color="primary">
+            <i class="fa fa-file" matTooltip="View Reciept"></i>
+          </button>
+        </td>
+      </ng-container>
+
+      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+      <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+
+    </table>
+
+  </div>
+
+</div>