diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts index c522ae4..ded1274 100755 --- a/src/app/app.routing.ts +++ b/src/app/app.routing.ts @@ -55,7 +55,10 @@ export const routes: Routes = [ { path: 'enrolment', loadChildren: './views/enrolment/enrolment.module#EnrolmentModule' - } + }, + { + path: 'paymentdetails', + loadChildren: './views/payment-details/payment-details.module#PaymentDetailsModule', }, ] }, { diff --git a/src/app/components/app-sidebar/app-sidebar.component.html b/src/app/components/app-sidebar/app-sidebar.component.html index 09d7ec6..3ec209f 100755 --- a/src/app/components/app-sidebar/app-sidebar.component.html +++ b/src/app/components/app-sidebar/app-sidebar.component.html @@ -83,7 +83,7 @@ Student Enrolment
  • - Allocate Fees + Fees Share
  • Fees Calculator @@ -105,6 +105,9 @@
    • +
  • + Account Statement +
    • diff --git a/src/app/containers/full-layout/full-layout.component.html b/src/app/containers/full-layout/full-layout.component.html index ada4f03..e5a06c5 100755 --- a/src/app/containers/full-layout/full-layout.component.html +++ b/src/app/containers/full-layout/full-layout.component.html @@ -7,13 +7,13 @@
      -
    1. +
    diff --git a/src/app/views/payment-details/account-statement/account-statement.component.html b/src/app/views/payment-details/account-statement/account-statement.component.html new file mode 100644 index 0000000..2c1bdd7 --- /dev/null +++ b/src/app/views/payment-details/account-statement/account-statement.component.html @@ -0,0 +1,171 @@ + + + Back to List + + +
    + + +
    + +
    + +
    +
    + View Account Statement Details +
    +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    DateDescriptionUniversityFormDebitCreditBalanceRemarks
    10/08/2018Payment ReceivedAnna UniFormID 1010,00010,000Amount Received by studycenter A
    11/08/2018Fees AdjustAnna UniFormID 2015,00025,000Amount Adjust studycenter A
    12/08/2018RefundAnna UniFormID 35000020,000Amount Refund
    + +
    + +
    +
    +
    + + + +
    + +
    +
    +
    + + + diff --git a/src/app/views/payment-details/account-statement/account-statement.component.scss b/src/app/views/payment-details/account-statement/account-statement.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/views/payment-details/account-statement/account-statement.component.spec.ts b/src/app/views/payment-details/account-statement/account-statement.component.spec.ts new file mode 100644 index 0000000..0cf7be1 --- /dev/null +++ b/src/app/views/payment-details/account-statement/account-statement.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AccountStatementComponent } from './account-statement.component'; + +describe('AccountStatementComponent', () => { + let component: AccountStatementComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ AccountStatementComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AccountStatementComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/views/payment-details/account-statement/account-statement.component.ts b/src/app/views/payment-details/account-statement/account-statement.component.ts new file mode 100644 index 0000000..6efa36b --- /dev/null +++ b/src/app/views/payment-details/account-statement/account-statement.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-account-statement', + templateUrl: './account-statement.component.html', + styleUrls: ['./account-statement.component.scss'] +}) +export class AccountStatementComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/views/payment-details/payment-details-routing.module.ts b/src/app/views/payment-details/payment-details-routing.module.ts new file mode 100644 index 0000000..e5dc2f8 --- /dev/null +++ b/src/app/views/payment-details/payment-details-routing.module.ts @@ -0,0 +1,20 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; +import { AccountStatementComponent } from './account-statement/account-statement.component'; + +const routes: Routes = [ + { + path: 'accountstatement', + component: AccountStatementComponent, + data: { + title: 'Account Statement' + } + } + +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule] +}) +export class PaymentDetailsRoutingModule { } diff --git a/src/app/views/payment-details/payment-details.module.spec.ts b/src/app/views/payment-details/payment-details.module.spec.ts new file mode 100644 index 0000000..63572d3 --- /dev/null +++ b/src/app/views/payment-details/payment-details.module.spec.ts @@ -0,0 +1,13 @@ +import { PaymentDetailsModule } from './payment-details.module'; + +describe('PaymentDetailsModule', () => { + let paymentDetailsModule: PaymentDetailsModule; + + beforeEach(() => { + paymentDetailsModule = new PaymentDetailsModule(); + }); + + it('should create an instance', () => { + expect(paymentDetailsModule).toBeTruthy(); + }); +}); diff --git a/src/app/views/payment-details/payment-details.module.ts b/src/app/views/payment-details/payment-details.module.ts new file mode 100644 index 0000000..c57adf1 --- /dev/null +++ b/src/app/views/payment-details/payment-details.module.ts @@ -0,0 +1,19 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +// Tabs Component +import { TabsModule } from 'ngx-bootstrap/tabs'; +import { TooltipModule } from 'ngx-bootstrap/tooltip'; +import { ModalModule } from 'ngx-bootstrap/modal'; +import { PaymentDetailsRoutingModule } from './payment-details-routing.module'; +import { AccountStatementComponent } from './account-statement/account-statement.component'; + +@NgModule({ + imports: [ + CommonModule, + PaymentDetailsRoutingModule, TabsModule, + ModalModule.forRoot(), + TooltipModule, + ], + declarations: [AccountStatementComponent] +}) +export class PaymentDetailsModule { }