feat: add view shares account page (#868)

Fixes: #224

src/app/shares/shares-account-view/shares-account-view.component.ts

@@ -0,0 +1,69 @@
+/** Angular Imports */
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+/** Custom Buttons Configuration */
+import { SharesButtonsConfiguration } from './shares-buttons.config';
+
+/**
+ * Shares Account View
+ */
+@Component({
+  selector: 'mifosx-shares-account-view',
+  templateUrl: './shares-account-view.component.html',
+  styleUrls: ['./shares-account-view.component.scss']
+})
+export class SharesAccountViewComponent implements OnInit {
+
+  /** Shares Account Data */
+  sharesAccountData: any;
+  /** Button Configurations */
+  buttonConfig: SharesButtonsConfiguration;
+
+  /**
+   * Fetches shares account data from `resolve`
+   * @param {ActivatedRoute} route Activated Route
+   */
+  constructor(private route: ActivatedRoute) {
+    this.route.data.subscribe((data: { sharesAccountData: any }) => {
+      this.sharesAccountData = data.sharesAccountData;
+    });
+  }
+
+  ngOnInit() {
+    this.setConditionalButtons();
+  }
+
+  /**
+   * Adds options to button config. conditionaly.
+   */
+  setConditionalButtons() {
+    const status = this.sharesAccountData.status.value;
+    this.buttonConfig = new SharesButtonsConfiguration(status);
+    if (this.sharesAccountData.charges) {
+      const charges: any[] = this.sharesAccountData.charges;
+      charges.forEach((charge: any) => {
+        if (charge.name === 'Annual fee - INR') {
+          this.buttonConfig.addOption({
+            name: 'Apply Anuual Fees',
+            taskPermissionName: 'APPLYANNUALFEE_SAVINGSACCOUNT'
+          });
+        }
+      });
+    }
+    if (status === 'Active') {
+      const purchasedShares: any[] = this.sharesAccountData.purchasedShares;
+      let sharesPendingForApproval = false;
+      purchasedShares.forEach((share: any) => {
+        if (share.status.code === 'purchasedSharesStatusType.applied' && share.type.code === 'purchasedSharesType.purchased') {
+          sharesPendingForApproval = true;
+        }
+      });
+      if (!sharesPendingForApproval) {
+        this.buttonConfig.removeButton('Approve Additional Shares');
+        this.buttonConfig.removeButton('Reject Additional Shares');
+      }
+    }
+  }
+
+}