Accounting financial activities using more readable concepts

src/app/accounting/financial-activity-mappings/view-financial-activity-mapping/view-financial-activity-mapping.component.html

@@ -22,7 +22,15 @@
         </div>
 
         <div fxFlex="50%">
-          {{ financialActivityAccount?.financialActivityData.name }}
+          ({{financialActivityAccount?.financialActivityData.id}}) {{ 'labels.accounting.financialActivity.' + financialActivityAccount?.financialActivityData.name | translate }}
+        </div>
+
+        <div fxFlex="50%" class="header">
+          {{"labels.inputs.Account Type" | translate}}
+        </div>
+
+        <div fxFlex="50%">
+          {{ 'labels.inputs.accounting.' + financialActivityAccount?.financialActivityData.mappedGLAccountType | translate }}
         </div>
 
         <mifosx-gl-account-display fxFlex="100%"
@@ -35,6 +43,9 @@
 
     </mat-card-content>
 
+    <mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
+      <button type="button" color="primary" mat-raised-button [routerLink]="['../..']">{{  "labels.buttons.Back" | translate}}</button>
+    </mat-card-actions>
   </mat-card>
 
 </div>

src/app/accounting/financial-activity-mappings/view-financial-activity-mapping/view-financial-activity-mapping.component.ts

@@ -8,6 +8,7 @@ import { AccountingService } from '../../accounting.service';
 
 /** Custom Components */
 import { DeleteDialogComponent } from '../../../shared/delete-dialog/delete-dialog.component';
+import { Location } from '@angular/common';
 
 /**
  * View financial activity mapping component.
@@ -34,7 +35,8 @@ export class ViewFinancialActivityMappingComponent implements OnInit {
   constructor(private accountingService: AccountingService,
               private route: ActivatedRoute,
               private router: Router,
-              public dialog: MatDialog) {
+              private dialog: MatDialog,
+              private location: Location) {
     this.route.data.subscribe((data: { financialActivityAccount: any }) => {
       this.financialActivityAccount = data.financialActivityAccount;
       this.financialActivityAccountId = data.financialActivityAccount.id;
@@ -61,4 +63,8 @@ export class ViewFinancialActivityMappingComponent implements OnInit {
     });
   }
 
+  goBack(): void {
+    this.location.back();
+  }
+
 }