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',
|
path: 'accounting',
|
||||||
component: AccountingComponent,
|
component: AccountingComponent,
|
||||||
data: { title: extract('Accounting') }
|
data: { title: extract('Accounting'), breadcrumb: 'Accounting' }
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -1,47 +1,104 @@
|
|||||||
<!-- <div class="fluid-container">
|
<mat-card class="container">
|
||||||
<div class="container">
|
|
||||||
<div class="card-body">
|
<div fxLayout="row" fxLayout.lt-md="column">
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-6">
|
<div fxFlex="50%">
|
||||||
<div class="card mt-5">
|
|
||||||
<div class="card-body">
|
<mat-nav-list>
|
||||||
<div class="list-group">
|
|
||||||
<a href="#" class="list-group-item list-group-item-action active">
|
<mat-list-item>
|
||||||
<h4 class="list-group-item-heading mb-1">First List Group Item Heading</h4>
|
<mat-icon matListIcon>repeat</mat-icon>
|
||||||
<p class="list-group-item-text">List Group Item Text</p>
|
<a matLine href="https://www.google.com">
|
||||||
</a>
|
Frequent Postings
|
||||||
<a href="#" class="list-group-item list-group-item-action">
|
</a>
|
||||||
<h4 class="list-group-item-heading mb-1">Second List Group Item Heading</h4>
|
<p matLine>These are predefined postings</p>
|
||||||
<p class="list-group-item-text">List Group Item Text</p>
|
</mat-list-item>
|
||||||
</a>
|
|
||||||
<a href="#" class="list-group-item list-group-item-action">
|
<mat-list-item>
|
||||||
<h4 class="list-group-item-heading">Third List Group Item Heading</h4>
|
<mat-icon matListIcon>add</mat-icon>
|
||||||
<p class="list-group-item-text">List Group Item Text</p>
|
<a matLine href="https://www.google.com">
|
||||||
</a>
|
Add Journal Entries
|
||||||
</div>
|
</a>
|
||||||
</div>
|
<p matLine>Manual journal entry transactions recorded in a journal</p>
|
||||||
</div>
|
</mat-list-item>
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
<mat-list-item>
|
||||||
<div class="card mt-5">
|
<mat-icon matListIcon>search</mat-icon>
|
||||||
<div class="card-body">
|
<a matLine href="https://www.google.com">
|
||||||
<div class="list-group">
|
Search Journal Entries
|
||||||
<a href="#" class="list-group-item list-group-item-action active">
|
</a>
|
||||||
<h4 class="list-group-item-heading mb-1">First List Group Item Heading</h4>
|
<p matLine>Advanced search option for journal entries</p>
|
||||||
<p class="list-group-item-text">List Group Item Text</p>
|
</mat-list-item>
|
||||||
</a>
|
|
||||||
<a href="#" class="list-group-item list-group-item-action">
|
<mat-list-item>
|
||||||
<h4 class="list-group-item-heading mb-1">Second List Group Item Heading</h4>
|
<mat-icon matListIcon>link</mat-icon>
|
||||||
<p class="list-group-item-text">List Group Item Text</p>
|
<a matLine href="https://www.google.com">
|
||||||
</a>
|
Accounts Linked to Financial Activities
|
||||||
<a href="#" class="list-group-item list-group-item-action">
|
</a>
|
||||||
<h4 class="list-group-item-heading">Third List Group Item Heading</h4>
|
<p matLine>List of Financial Activities and GL Account Mappings</p>
|
||||||
<p class="list-group-item-text">List Group Item Text</p>
|
</mat-list-item>
|
||||||
</a>
|
|
||||||
</div>
|
<mat-list-item>
|
||||||
</div>
|
<mat-icon matListIcon>monetization_on</mat-icon>
|
||||||
</div>
|
<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>
|
|
||||||
|
<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>
|
||||||
</div> -->
|
|
||||||
|
</mat-card>
|
||||||
|
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import { CommonModule } from '@angular/common';
|
|||||||
import { CoreModule } from '../core/core.module';
|
import { CoreModule } from '../core/core.module';
|
||||||
import { AccountingComponent } from './accounting.component';
|
import { AccountingComponent } from './accounting.component';
|
||||||
import { AccountingRoutingModule } from './accounting-routing.module';
|
import { AccountingRoutingModule } from './accounting-routing.module';
|
||||||
|
import { FrequentPostingsComponent } from './frequent-postings/frequent-postings.component';
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
imports: [
|
imports: [
|
||||||
@@ -11,6 +12,6 @@ import { AccountingRoutingModule } from './accounting-routing.module';
|
|||||||
CommonModule,
|
CommonModule,
|
||||||
AccountingRoutingModule
|
AccountingRoutingModule
|
||||||
],
|
],
|
||||||
declarations: [AccountingComponent]
|
declarations: [AccountingComponent, FrequentPostingsComponent]
|
||||||
})
|
})
|
||||||
export class AccountingModule { }
|
export class AccountingModule { }
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
|
|
||||||
<span fxHide.lt-lg="true">
|
<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>
|
<mat-icon class="mr-05">account_balance</mat-icon>
|
||||||
Accounting
|
Accounting
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user