feat(accounting): update accounting component
Update accounting component with angular material. Fixes #130
This commit is contained in:
@@ -9,7 +9,7 @@ const routes: Routes = [
|
||||
{
|
||||
path: 'accounting',
|
||||
component: AccountingComponent,
|
||||
data: { title: extract('Accounting') }
|
||||
data: { title: extract('Accounting'), breadcrumb: 'Accounting' }
|
||||
}
|
||||
])
|
||||
];
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user