feat(accounting): update accounting component

Update accounting component with angular material.

Fixes #130
This commit is contained in:
abhay_1806
2018-07-21 21:06:58 +05:30
committed by Abhay Chawla
parent c5360f4162
commit d8d05466a1
4 changed files with 106 additions and 48 deletions
@@ -9,7 +9,7 @@ const routes: Routes = [
{
path: 'accounting',
component: AccountingComponent,
data: { title: extract('Accounting') }
data: { title: extract('Accounting'), breadcrumb: 'Accounting' }
}
])
];
+102 -45
View File
@@ -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>
+2 -1
View File
@@ -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 { }
@@ -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>