Fixed Deposit account Transaction tab

src/app/deposits/fixed-deposits/fixed-deposit-account-view/fixed-deposit-account-view.component.html

@@ -90,10 +90,12 @@
       [active]="IRC.isActive">
       {{"labels.inputs.Interest Rate Chart" | translate }}
       </a>
-      <a mat-tab-link [routerLink]="['./transactions']" routerLinkActive #transactions="routerLinkActive"
+      <span *ngIf="showTransactions">
-      [active]="transactions.isActive">
+        <a mat-tab-link [routerLink]="['./transactions']" routerLinkActive #transactions="routerLinkActive"
-      {{"labels.inputs.Transactions" | translate }}
+        [active]="transactions.isActive">
-      </a>
+        {{"labels.inputs.Transactions" | translate }}
+        </a>
+      </span>
       <a mat-tab-link [routerLink]="['./charges']" routerLinkActive #charges="routerLinkActive"
       [active]="charges.isActive">
       {{"labels.inputs.Charges" | translate }}

src/app/deposits/fixed-deposits/fixed-deposit-account-view/fixed-deposit-account-view.component.ts

@@ -36,6 +36,7 @@ export class FixedDepositAccountViewComponent implements OnInit {
   /** Entity Type */
   entityType: string;
   currency: Currency;
+  showTransactions = false;
 
   /**
    * Fetches fixed deposits account data from `resolve`
@@ -54,6 +55,8 @@ export class FixedDepositAccountViewComponent implements OnInit {
       this.fixedDepositsAccountData = data.fixedDepositsAccountData;
       this.savingsDatatables = data.savingsDatatables;
       this.currency = this.fixedDepositsAccountData.currency;
+      const status: any = data.fixedDepositsAccountData.status;
+      this.showTransactions = (status.id >= 300);
     });
     if (this.router.url.includes('clients')) {
       this.entityType = 'Client';

src/app/deposits/fixed-deposits/fixed-deposit-account-view/transactions-tab/transactions-tab.component.html

@@ -1,4 +1,4 @@
-<div class="tab-container mat-typography" *ngIf="showTransactionsData">
+<div class="tab-container mat-typography">
 
   <div fxLayoutAlign="start">
     <div class="m-b-20">

src/app/deposits/fixed-deposits/fixed-deposit-account-view/transactions-tab/transactions-tab.component.ts

@@ -13,9 +13,6 @@ import { ActivatedRoute, Router } from '@angular/router';
 })
 export class TransactionsTabComponent implements OnInit {
 
-  /** Fixed Deposits Account Status */
-  status: string;
-  showTransactionsData = false;
   /** Transactions Data */
   transactionsData: any;
   /** Columns to be displayed in transactions table. */
@@ -32,8 +29,6 @@ export class TransactionsTabComponent implements OnInit {
               private router: Router) {
     this.route.parent.data.subscribe((data: { fixedDepositsAccountData: any }) => {
       this.transactionsData = data.fixedDepositsAccountData.transactions;
-      this.status = data.fixedDepositsAccountData.status.value;
-      this.showTransactionsData = (this.status === 'Active');
     });
   }