From d8d05466a1e7e4d7203ff7b506e182e07060a315 Mon Sep 17 00:00:00 2001
From: abhay_1806 <abhay.chawla97@gmail.com>
Date: Thu, 19 Jul 2018 13:20:03 +0530
Subject: [PATCH] feat(accounting): update accounting component

Update accounting component with angular material.

Fixes #130
---
 .../accounting/accounting-routing.module.ts   |   2 +-
 src/app/accounting/accounting.component.html  | 147 ++++++++++++------
 src/app/accounting/accounting.module.ts       |   3 +-
 .../core/shell/toolbar/toolbar.component.html |   2 +-
 4 files changed, 106 insertions(+), 48 deletions(-)

diff --git a/src/app/accounting/accounting-routing.module.ts b/src/app/accounting/accounting-routing.module.ts
index 8e08324a0..23ac8bf27 100644
--- a/src/app/accounting/accounting-routing.module.ts
+++ b/src/app/accounting/accounting-routing.module.ts
@@ -9,7 +9,7 @@ const routes: Routes = [
     {
       path: 'accounting',
       component: AccountingComponent,
-      data: { title: extract('Accounting') }
+      data: { title: extract('Accounting'), breadcrumb: 'Accounting' }
     }
   ])
 ];
diff --git a/src/app/accounting/accounting.component.html b/src/app/accounting/accounting.component.html
index 17b610f37..f98735e6e 100644
--- a/src/app/accounting/accounting.component.html
+++ b/src/app/accounting/accounting.component.html
@@ -1,47 +1,104 @@
-<!-- <div class="fluid-container">
-  <div class="container">
-    <div class="card-body">
-      <div class="row">
-      <div class="col-sm-6">
-       <div class="card mt-5">
-          <div class="card-body">
-            <div class="list-group">
-              <a href="#" class="list-group-item  list-group-item-action active">
-                <h4 class="list-group-item-heading mb-1">First List Group Item Heading</h4>
-                <p class="list-group-item-text">List Group Item Text</p>
-              </a>
-              <a href="#" class="list-group-item  list-group-item-action">
-                <h4 class="list-group-item-heading mb-1">Second List Group Item Heading</h4>
-                <p class="list-group-item-text">List Group Item Text</p>
-              </a>
-              <a href="#" class="list-group-item  list-group-item-action">
-                <h4 class="list-group-item-heading">Third List Group Item Heading</h4>
-                <p class="list-group-item-text">List Group Item Text</p>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="col-sm-6">
-        <div class="card mt-5">
-            <div class="card-body">
-              <div class="list-group">
-                <a href="#" class="list-group-item  list-group-item-action active">
-                  <h4 class="list-group-item-heading mb-1">First List Group Item Heading</h4>
-                  <p class="list-group-item-text">List Group Item Text</p>
-                </a>
-                <a href="#" class="list-group-item  list-group-item-action">
-                  <h4 class="list-group-item-heading mb-1">Second List Group Item Heading</h4>
-                  <p class="list-group-item-text">List Group Item Text</p>
-                </a>
-                <a href="#" class="list-group-item  list-group-item-action">
-                  <h4 class="list-group-item-heading">Third List Group Item Heading</h4>
-                  <p class="list-group-item-text">List Group Item Text</p>
-                </a>
-              </div>
-           </div>
-        </div>
+<mat-card class="container">
+
+  <div fxLayout="row" fxLayout.lt-md="column">
+
+    <div fxFlex="50%">
+
+      <mat-nav-list>
+
+        <mat-list-item>
+          <mat-icon matListIcon>repeat</mat-icon>
+          <a matLine href="https://www.google.com">
+            Frequent Postings
+          </a>
+          <p matLine>These are predefined postings</p>
+        </mat-list-item>
+
+        <mat-list-item>
+          <mat-icon matListIcon>add</mat-icon>
+          <a matLine href="https://www.google.com">
+            Add Journal Entries
+          </a>
+          <p matLine>Manual journal entry transactions recorded in a journal</p>
+        </mat-list-item>
+
+        <mat-list-item>
+          <mat-icon matListIcon>search</mat-icon>
+          <a matLine href="https://www.google.com">
+            Search Journal Entries
+          </a>
+          <p matLine>Advanced search option for journal entries</p>
+        </mat-list-item>
+
+        <mat-list-item>
+          <mat-icon matListIcon>link</mat-icon>
+          <a matLine href="https://www.google.com">
+            Accounts Linked to Financial Activities
+          </a>
+          <p matLine>List of Financial Activities and GL Account Mappings</p>
+        </mat-list-item>
+
+        <mat-list-item>
+          <mat-icon matListIcon>monetization_on</mat-icon>
+          <a matLine href="https://www.google.com">
+            Migrate Opening Balances (Office-wise)
+          </a>
+          <p matLine>Set or update office-level opening balances for GL accounts</p>
+        </mat-list-item>
+
+      </mat-nav-list>
+
     </div>
-   </div>
+
+    <div fxFlex="50%">
+
+      <mat-nav-list>
+
+        <mat-list-item>
+          <mat-icon matListIcon>device_hub</mat-icon>
+          <a matLine href="https://www.google.com">
+            Chart of Accounts
+          </a>
+          <p matLine>List of accounts used by the organisation</p>
+        </mat-list-item>
+
+        <mat-list-item>
+          <mat-icon matListIcon>archive</mat-icon>
+          <a matLine href="https://www.google.com">
+            Closing Entries
+          </a>
+          <p matLine>Journal entries made at the end of accounting period</p>
+        </mat-list-item>
+
+        <mat-list-item>
+          <mat-icon matListIcon>list</mat-icon>
+          <a matLine href="https://www.google.com">
+            Accounting Rules
+          </a>
+          <p matLine>List of all accounting rules</p>
+        </mat-list-item>
+
+        <mat-list-item>
+          <mat-icon matListIcon>calendar_today</mat-icon>
+          <a matLine href="https://www.google.com">
+            Accruals
+          </a>
+          <p matLine>Accrues income, expenses and liabilities as on the provided date</p>
+        </mat-list-item>
+
+        <mat-list-item>
+          <mat-icon matListIcon>settings_backup_restore</mat-icon>
+          <a matLine href="https://www.google.com">
+            Provisioning Entries
+          </a>
+          <p matLine>Create provisioning entries</p>
+        </mat-list-item>
+
+      </mat-nav-list>
+
+    </div>
+
   </div>
-</div> -->
+
+</mat-card>
+
diff --git a/src/app/accounting/accounting.module.ts b/src/app/accounting/accounting.module.ts
index 099dea786..1cd7372e8 100644
--- a/src/app/accounting/accounting.module.ts
+++ b/src/app/accounting/accounting.module.ts
@@ -4,6 +4,7 @@ import { CommonModule } from '@angular/common';
 import { CoreModule } from '../core/core.module';
 import { AccountingComponent } from './accounting.component';
 import { AccountingRoutingModule } from './accounting-routing.module';
+import { FrequentPostingsComponent } from './frequent-postings/frequent-postings.component';
 
 @NgModule({
   imports: [
@@ -11,6 +12,6 @@ import { AccountingRoutingModule } from './accounting-routing.module';
     CommonModule,
     AccountingRoutingModule
   ],
-  declarations: [AccountingComponent]
+  declarations: [AccountingComponent, FrequentPostingsComponent]
 })
 export class AccountingModule { }
diff --git a/src/app/core/shell/toolbar/toolbar.component.html b/src/app/core/shell/toolbar/toolbar.component.html
index 82360d8e6..984def726 100644
--- a/src/app/core/shell/toolbar/toolbar.component.html
+++ b/src/app/core/shell/toolbar/toolbar.component.html
@@ -18,7 +18,7 @@
 
     <span fxHide.lt-lg="true">
 
-      <a mat-tab-link class="tab-link">
+      <a mat-tab-link class="tab-link" [routerLink]="['/accounting']">
           <mat-icon class="mr-05">account_balance</mat-icon>
         Accounting
       </a>