feat: add organization component

- Add organization component
- Add organization module

Fixes #323

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

@@ -0,0 +1,40 @@
+/** Angular Imports */
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+/** Routing Imports */
+import { Route } from '../core/route/route.service';
+
+/** Translation Imports */
+import { extract } from '../core/i18n/i18n.service';
+
+/** Custom Components */
+import { OrganizationComponent } from './organization.component';
+
+/** Organization Routes */
+const routes: Routes = [
+  Route.withShell([
+    {
+      path: 'organization',
+      data: { title: extract('Organization'), breadcrumb: 'Organization' },
+      children: [
+        {
+          path: '',
+          component: OrganizationComponent
+        }
+      ]
+    }
+  ])
+];
+
+/**
+ * Organization Routing Module
+ *
+ * Configures the organization routes.
+ */
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: []
+})
+export class OrganizationRoutingModule { }

src/app/organization/organization.component.html

@@ -0,0 +1,164 @@
+<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>Manage Offices</h4>
+            <p matLine>Add new office or modify or deactivate office or modify hierarchy</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="calendar-alt" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Manage Holidays</h4>
+            <p matLine>Define holidays for office</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="user" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Manage Employees</h4>
+            <p matLine>An employee represents loan officers with no access to systems</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="book" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Standing Instructions History</h4>
+            <p matLine>View logged history of standing instructions</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="money-bill-alt" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Fund Mapping</h4>
+            <p matLine>Bulk entry screen for mapping fund sources to loans</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="lock" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Password Preferences</h4>
+            <p matLine>Define standards for enforcing the usage of stronger passwords</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="edit" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Loan Provisioning Criteria</h4>
+            <p matLine>Define Loan Provisioning Criteria for Organization</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="check" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Entity Data Table Checks </h4>
+            <p matLine>Define Entity Data Table Checks for Organization</p>
+          </mat-list-item>
+
+        </mat-nav-list>
+
+      </div>
+
+      <div fxFlex="50%">
+
+        <mat-nav-list>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="cogs" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Currency Configuration</h4>
+            <p matLine>Currencies available across organization for different products</p>
+          </mat-list-item>
+
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="money-bill-alt" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Manage Funds</h4>
+            <p matLine>Funds are associated with loans</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="money-bill-alt" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Bulk Loan Reassignment</h4>
+            <p matLine>Easy way to reassign all the loan from one LO to another LO</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="money-bill-alt" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Teller / Cashier Management</h4>
+            <p matLine>Manage Tellers / Cashiers and Cash Allocation and Settlement</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="calendar-alt" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Working Days</h4>
+            <p matLine>Define working days and configure behaviour of payments due on holidays</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="dollar-sign" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Payment Type</h4>
+            <p matLine>Manage payment types</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="envelope" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>SMS Campaigns</h4>
+            <p matLine>Define SMS Campaigns for Organization</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="chevron-right" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>AdHocQuery</h4>
+            <p matLine>Define AdHocQuery for Organization</p>
+          </mat-list-item>
+
+          <mat-list-item>
+            <mat-icon matListIcon>
+              <fa-icon icon="upload" size="sm"></fa-icon>
+            </mat-icon>
+            <h4 matLine>Bulk Import</h4>
+            <p matLine>Bulk data import using excel spreadsheet templates for clients, offices, etc.</p>
+          </mat-list-item>
+
+        </mat-nav-list>
+
+      </div>
+
+    </div>
+
+  </mat-card>
+
+</div>

src/app/organization/organization.component.spec.ts

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

src/app/organization/organization.component.ts

@@ -0,0 +1,19 @@
+/** Angular Imports */
+import { Component, OnInit } from '@angular/core';
+
+/**
+ * Organization component.
+ */
+@Component({
+  selector: 'mifosx-products',
+  templateUrl: './organization.component.html',
+  styleUrls: ['./organization.component.scss']
+})
+export class OrganizationComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/organization/organization.module.ts

@@ -0,0 +1,25 @@
+/** Angular Imports */
+import { NgModule } from '@angular/core';
+
+/** Custom Modules */
+import { SharedModule } from '../shared/shared.module';
+import { OrganizationRoutingModule } from './organization-routing.module';
+
+/** Custom Components */
+import { OrganizationComponent } from './organization.component';
+
+/**
+ * Organization Module
+ *
+ * Organization components should be declared here.
+ */
+@NgModule({
+  imports: [
+    SharedModule,
+    OrganizationRoutingModule
+  ],
+  declarations: [
+    OrganizationComponent
+  ]
+})
+export class OrganizationModule { }