feat: add organization component

- Add organization component
- Add organization module

Fixes #323

src/app/app.module.ts

@@ -33,6 +33,7 @@ import { AccountingModule } from './accounting/accounting.module';
 import { SelfServiceModule } from './self-service/self-service.module';
 import { SystemModule } from './system/system.module';
 import { ProductsModule } from './products/products.module';
+import { OrganizationModule } from './organization/organization.module';
 
 
 
@@ -64,6 +65,7 @@ import { AppRoutingModule } from './app-routing.module';
     SelfServiceModule,
     SystemModule,
     ProductsModule,
+    OrganizationModule,
     AppRoutingModule,
   ],
   declarations: [WebAppComponent, NotFoundComponent],

src/app/core/shell/toolbar/toolbar.component.html

@@ -101,7 +101,7 @@
 
 <mat-menu #adminMenu="matMenu" [overlapTrigger]="false">
   <button mat-menu-item>Users</button>
-  <button mat-menu-item>Organization</button>
+  <button mat-menu-item [routerLink]="['/organization']">Organization</button>
   <button mat-menu-item [routerLink]="['/system']">System</button>
   <button mat-menu-item [routerLink]="['/products']">Products</button>
   <button mat-menu-item>Templates</button>

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

src/app/shared/icons.module.ts

@@ -11,9 +11,11 @@ import {
   faArrowRight,
   faBars,
   faBell,
+  faBook,
   faBriefcase,
   faBuilding,
   faCalendar,
+  faCalendarAlt,
   faChartBar,
   faCheck,
   faCheckCircle,
@@ -26,6 +28,7 @@ import {
   faCog,
   faCogs,
   faCommentAlt,
+  faDollarSign,
   faEdit,
   faEnvelope,
   faExclamationCircle,
@@ -69,6 +72,7 @@ import {
   faUndo,
   faUniversity,
   faUserCircle,
+  faUser,
   faUsers,
   faUserShield,
   faDownload,
@@ -88,9 +92,11 @@ library.add(
   faArrowRight,
   faBars,
   faBell,
+  faBook,
   faBriefcase,
   faBuilding,
   faCalendar,
+  faCalendarAlt,
   faChartBar,
   faCheck,
   faCheckCircle,
@@ -103,6 +109,7 @@ library.add(
   faCog,
   faCogs,
   faCommentAlt,
+  faDollarSign,
   faEdit,
   faEnvelope,
   faExclamationCircle,
@@ -146,6 +153,7 @@ library.add(
   faUndo,
   faUniversity,
   faUserCircle,
+  faUser,
   faUsers,
   faUserShield,
   faDownload,