Transactions tab standarization

src/app/shared/accounting/view-savings-accounting-details/view-savings-accounting-details.component.html

@@ -2,7 +2,7 @@
 
     <div fxFlexFill *ngIf="accountingRule" fxLayout="row wrap" fxLayout.lt-md="column">
         <span fxFlex="40%">{{'labels.inputs.Type' | translate}}:</span>
-        <span fxFlex="60%">{{'labels.accounting.' + accountingRule.value | translate}}</span>
+        <span fxFlex="60%">{{'labels.accounting.' + getAccountingRuleName(accountingRule.value) | translate}}</span>
     </div>
 
     <div fxFlexFill *ngIf="isCashOrAccrualAccounting()" fxLayout="row wrap" fxLayout.lt-md="column">

src/app/shared/accounting/view-savings-accounting-details/view-savings-accounting-details.component.ts

@@ -31,4 +31,8 @@ export class ViewSavingsAccountingDetailsComponent implements OnInit {
     return false;
   }
 
+  getAccountingRuleName(value: string): string {
+    return this.accounting.getAccountRuleName(value);
+  }
+
 }

src/app/shared/form-dialog/form-dialog.component.html

@@ -9,6 +9,6 @@
 </div>
 
 <mat-dialog-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="2%">
-  <button mat-raised-button mat-dialog-close>{{ layout.cancelButtonText }}</button>
-  <button mat-raised-button color="primary" [mat-dialog-close]="{ data: form }" [disabled]="!form.valid || form.pristine">{{ layout.addButtonText }}</button>
+  <button mat-raised-button mat-dialog-close>{{ 'labels.buttons.' + layout.cancelButtonText | translate }}</button>
+  <button mat-raised-button color="primary" [mat-dialog-close]="{ data: form }" [disabled]="!form.valid || form.pristine">{{ 'labels.buttons.' + layout.addButtonText | translate }}</button>
 </mat-dialog-actions>