feat: collateral module

src/app/clients/clients-view/general-tab/general-tab.component.html

@@ -600,4 +600,53 @@
 
   </table>
 
+  <!-- Collateral Data Table -->
+  <div class="heading-content">
+    <div fxLayout="column" fxFlex="50%">
+      <div class="heading-name">
+        <h3>Collateral Data</h3>
+      </div>
+    </div>
+    <div fxLayout="column" fxFlex="50%">
+      <div fxLayout="row" fxLayoutAlign="flex-end">
+        <button mat-raised-button class="f-right" color="primary" disabled>
+          View Collaterals
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <table mat-table [dataSource]="collaterals">
+    
+    <ng-container matColumnDef="ID">
+      <th mat-header-cell *matHeaderCellDef>ID</th>
+      <td mat-cell *matCellDef="let element">{{ element.collateralId }}</td>
+    </ng-container>
+
+    <ng-container matColumnDef="Name">
+      <th mat-header-cell *matHeaderCellDef>Name</th>
+      <td mat-cell *matCellDef="let element">{{ element.name }}</td>
+    </ng-container>
+
+    <ng-container matColumnDef="Quantity">
+      <th mat-header-cell *matHeaderCellDef>Quantity</th>
+      <td mat-cell *matCellDef="let element">{{ element.quantity }}</td>
+    </ng-container>
+
+    <ng-container matColumnDef="Total Value">
+      <th mat-header-cell *matHeaderCellDef>Total Value</th>
+      <td mat-cell *matCellDef="let element">{{ element.basePrice*element.quantity }}</td>
+    </ng-container>
+
+    <ng-container matColumnDef="Total Collateral Value">
+      <th mat-header-cell *matHeaderCellDef>Total Collateral Value</th>
+      <td mat-cell *matCellDef="let element">{{ element.pctToBase*element.basePrice*element.quantity/100 }}</td>
+    </ng-container>
+
+    <tr mat-header-row *matHeaderRowDef="collateralsColumns"></tr>
+    <tr mat-row *matRowDef="let row; columns: collateralsColumns;"
+      [routerLink]="['../', 'client-collateral', row.collateralId]"></tr>
+
+  </table>
+
 </div>

src/app/clients/clients-view/general-tab/general-tab.component.ts

@@ -29,6 +29,8 @@ export class GeneralTabComponent {
   closedSharesColumns: string[] = ['Account No', 'Share Account', 'Approved Shares', 'Pending For Approval Shares', 'Closed Date'];
   /** Upcoming Charges Columns */
   upcomingChargesColumns: string[] = ['Name', 'Due as of', 'Due', 'Paid', 'Waived', 'Outstanding', 'Actions'];
+  /** Collaterals Column */
+  collateralsColumns: string[] = ['ID', 'Name', 'Quantity', 'Total Value', 'Total Collateral Value'];
 
   /** Client Account Data */
   clientAccountData: any;
@@ -42,6 +44,8 @@ export class GeneralTabComponent {
   upcomingCharges: any;
   /** Client Summary Data */
   clientSummary: any;
+  /** Collaterals Data */
+  collaterals: any;
 
   /** Show Closed Loan Accounts */
   showClosedLoanAccounts = false;
@@ -67,12 +71,13 @@ export class GeneralTabComponent {
     private clientService: ClientsService,
     private router: Router
   ) {
-    this.route.data.subscribe((data: { clientAccountsData: any, clientChargesData: any, clientSummary: any }) => {
+    this.route.data.subscribe((data: { clientAccountsData: any, clientChargesData: any, clientSummary: any, clientCollateralData: any }) => {
       this.clientAccountData = data.clientAccountsData;
       this.savingAccounts = data.clientAccountsData.savingsAccounts;
       this.loanAccounts = data.clientAccountsData.loanAccounts;
       this.shareAccounts = data.clientAccountsData.shareAccounts;
       this.upcomingCharges = data.clientChargesData.pageItems;
+      this.collaterals = data.clientCollateralData;
       this.clientSummary = data.clientSummary ? data.clientSummary[0] : [];
       this.clientid = this.route.parent.snapshot.params['clientId'];
   });