feat: add bulk import component (#564)

Fixes: #542
This commit is contained in:
punwai
2020-04-27 00:02:03 +05:30
committed by GitHub
parent ee794fc00c
commit 38b8025ae7
8 changed files with 251 additions and 1 deletions
@@ -0,0 +1,30 @@
/** Angular Imports */
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
/** Translation Imports */
import { extract } from '../core/i18n/i18n.service';
/** Custom Components */
import { BulkImportComponent } from './bulk-import.component';
/** Bulk Import Routes */
const routes: Routes = [
{
path: '',
data: { title: extract('Bulk Import'), breadcrumb: 'Bulk Import' },
component: BulkImportComponent
}
];
/**
* Bulk Import Routing Module
*
* Configures the bulk import routes.
*/
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
providers: [ ]
})
export class BulkImportRoutingModule { }
@@ -0,0 +1,147 @@
<div class="container">
<mat-card>
<div fxLayout="row" fxLayout.lt-md="column">
<div fxFlex="50%">
<mat-nav-list>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="building" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Offices</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="user" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Users</h4>
</mat-list-item>
<mat-list-item >
<mat-icon matListIcon>
<fa-icon icon="users" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Groups</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Loan Accounts</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Savings Accounts</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Fixed Deposit Accounts</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Chart of Accounts</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="money-bill-alt" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Share Accounts</h4>
</mat-list-item>
</mat-nav-list>
</div>
<div fxFlex="50%">
<mat-nav-list>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="user" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Employees</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="user" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Clients</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="users" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Centers</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="chevron-right" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Loan Repayments</h4>
</mat-list-item>
<mat-list-item >
<mat-icon matListIcon>
<fa-icon icon="chevron-right" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Savings Transactions</h4>
</mat-list-item>
<mat-list-item >
<mat-icon matListIcon>
<fa-icon icon="chevron-right" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Fixed Deposit Transactions</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="chevron-right" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Recurring Deposit Transactions</h4>
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>
<fa-icon icon="chevron-right" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Journal Entries</h4>
</mat-list-item>
<mat-list-item >
<mat-icon matListIcon>
<fa-icon icon="chevron-right" size="sm"></fa-icon>
</mat-icon>
<h4 matLine>Guarantors</h4>
</mat-list-item>
</mat-nav-list>
</div>
</div>
</mat-card>
</div>
@@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { BulkImportComponent } from './bulk-import.component';
describe('BulkImportComponent', () => {
let component: BulkImportComponent;
let fixture: ComponentFixture<BulkImportComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ BulkImportComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(BulkImportComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
@@ -0,0 +1,19 @@
/** Angular Imports */
import { Component, OnInit } from '@angular/core';
/**
* Bulk Import component.
*/
@Component({
selector: 'mifosx-bulk-import',
templateUrl: './bulk-import.component.html',
styleUrls: ['./bulk-import.component.scss']
})
export class BulkImportComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
+25
View File
@@ -0,0 +1,25 @@
/** Angular Imports */
import { NgModule } from '@angular/core';
/** Custom Modules */
import { SharedModule } from '../shared/shared.module';
import { BulkImportRoutingModule } from './bulk-import-routing.module';
/** Custom Components */
import { BulkImportComponent } from './bulk-import.component';
/**
* Bulk Import Module
*
* All components related to bulk import functions should be declared here.
*/
@NgModule({
imports: [
SharedModule,
BulkImportRoutingModule
],
declarations: [
BulkImportComponent
]
})
export class BulkImportModule { }
@@ -228,6 +228,10 @@ const routes: Routes = [
resolve: {
workingDays: WorkingDaysResolver
}
},
{
path: 'bulk-import',
loadChildren: '../bulk-import/bulk-import.module#BulkImportModule'
}
]
}
@@ -145,7 +145,7 @@
<p matLine>Define AdHocQuery for Organization</p>
</mat-list-item>
<mat-list-item>
<mat-list-item [routerLink]="['bulk-import']">
<mat-icon matListIcon>
<fa-icon icon="upload" size="sm"></fa-icon>
</mat-icon>