feat: add bulk import component (#564)

Fixes: #542

src/app/bulk-import/bulk-import-routing.module.ts

@@ -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 { }

src/app/bulk-import/bulk-import.component.html

@@ -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>

src/app/bulk-import/bulk-import.component.spec.ts

@@ -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();
+  });
+});

src/app/bulk-import/bulk-import.component.ts

@@ -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() {
+  }
+
+}

src/app/bulk-import/bulk-import.module.ts

@@ -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 { }

src/app/organization/organization-routing.module.ts

@@ -228,6 +228,10 @@ const routes: Routes = [
           resolve: {
             workingDays: WorkingDaysResolver
           }
+        },
+        {
+          path: 'bulk-import',
+          loadChildren: '../bulk-import/bulk-import.module#BulkImportModule'
         }
       ]
     }

src/app/organization/organization.component.html

@@ -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>