Advanced Payment Allocation for Loan Transactions

src/app/shared/shared.module.ts

@@ -42,6 +42,7 @@ import { ViewJournalEntryTransactionComponent } from './accounting/view-journal-
 import { AccountNumberComponent } from './account-number/account-number.component';
 import { EntityNameComponent } from './entity-name/entity-name.component';
 import { TransactionPaymentDetailComponent } from './transaction-payment-detail/transaction-payment-detail.component';
+import { StepperButtonsComponent } from './steppers/stepper-buttons/stepper-buttons.component';
 
 /**
  * Shared Module
@@ -90,7 +91,8 @@ import { TransactionPaymentDetailComponent } from './transaction-payment-detail/
     ViewJournalEntryTransactionComponent,
     AccountNumberComponent,
     EntityNameComponent,
-    TransactionPaymentDetailComponent
+    TransactionPaymentDetailComponent,
+    StepperButtonsComponent
   ],
   exports: [
     FileUploadComponent,
@@ -117,7 +119,8 @@ import { TransactionPaymentDetailComponent } from './transaction-payment-detail/
     ViewJournalEntryTransactionComponent,
     SvgIconComponent,
     EntityNameComponent,
-    TransactionPaymentDetailComponent
+    TransactionPaymentDetailComponent,
+    StepperButtonsComponent
   ]
 })
 export class SharedModule { }

src/app/shared/steppers/stepper-buttons/stepper-buttons.component.html

@@ -0,0 +1,11 @@
+
+<div fxFlexFill fxLayout="row" class="margin-t" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="2%">
+  <button mat-raised-button matStepperPrevious [disabled]="disablePrevious">
+    <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
+    Previous
+  </button>
+  <button mat-raised-button matStepperNext [disabled]="disableNext">
+    Next
+    <fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
+  </button>
+</div>

src/app/shared/steppers/stepper-buttons/stepper-buttons.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { StepperButtonsComponent } from './stepper-buttons.component';
+
+describe('StepperButtonsComponent', () => {
+  let component: StepperButtonsComponent;
+  let fixture: ComponentFixture<StepperButtonsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ StepperButtonsComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(StepperButtonsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/shared/steppers/stepper-buttons/stepper-buttons.component.ts

@@ -0,0 +1,18 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'mifosx-stepper-buttons',
+  templateUrl: './stepper-buttons.component.html',
+  styleUrls: ['./stepper-buttons.component.scss']
+})
+export class StepperButtonsComponent implements OnInit {
+
+  @Input() disablePrevious = false;
+  @Input() disableNext = false;
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}