Skip to content
Permalink
Browse files
working on the accounting components
  • Loading branch information
pembemiriam committed May 26, 2018
1 parent f5a8898 commit bd10f97e938e896aa74d4002fb6d068e7eeb89a7
Showing 27 changed files with 764 additions and 15 deletions.
@@ -19,7 +19,7 @@
"testTsconfig": "tsconfig.spec.json",
"prefix": "app",
"styles": [
"styles.css"
"styles.scss"
],
"scripts": [],
"environmentSource": "environments/environment.ts",
@@ -54,7 +54,7 @@
}
},
"defaults": {
"styleExt": "css",
"styleExt": "scss",
"component": {}
}
}

Some generated files are not rendered by default. Learn more.

@@ -0,0 +1,69 @@
<div class="my-div mat-elevation-z2">
<h3 class="heading">Accounting</h3>
<hr>
<mat-card class="card">
<mat-list>
<mat-list-item>
<a [routerLink]="['/navbar/frequentpostings']">
<mat-icon>domain</mat-icon>Chart of accounts
<br> List of the accounts used by the organisation
</a>
</mat-list-item>
<mat-divider></mat-divider>
<mat-list-item>
<a [routerLink]="['/navbar/addjournalentry']">
<mat-icon>add</mat-icon>Journal Entries
<br> Manual journal entry transactions recorded in a journal
</a>
</mat-list-item>
<mat-divider></mat-divider>
<mat-list-item>
<a [routerLink]="['/navbar/searchjournal']">
<mat-icon>search</mat-icon>Transaction Types
<br> Advance search option for journal entries
</a>
</mat-list-item>
<mat-divider></mat-divider>
<mat-list-item>
<a [routerLink]="['/navbar/financialactivity']">
<mat-icon>shuffle</mat-icon>Cheque Clearing
<br> List of Financial Activity and GL Accounnt Mappings
</a>
</mat-list-item>

</mat-list>
</mat-card>

<mat-card class="card1">
<mat-list>
<mat-list-item>
<a [routerLink]="['/navbar/chartaccount']">
<mat-icon>domain</mat-icon>Trial Balance
<br> List of the accounts used by the organisation
</a>
</mat-list-item>
<mat-divider></mat-divider>
<mat-list-item>
<a [routerLink]="['/navbar/accountclosure']">
<mat-icon>folder</mat-icon>Income Statement
<br> Journal Entries made at the end of the accounting period
</a>
</mat-list-item>
<mat-divider></mat-divider>
<mat-list-item>
<a [routerLink]="['/navbar/accountingrules']">
<mat-icon>lock</mat-icon>Financial Condition
<br> Lists all Accounting rules
</a>
</mat-list-item>
<mat-divider></mat-divider>
<mat-list-item>
<a [routerLink]="['/navbar/accruals']">
<mat-icon>settings</mat-icon>Payroll
<br> Accrues income,expenses and liabilities as on the provided date
</a>
</mat-list-item>

</mat-list>
</mat-card>
</div>
@@ -0,0 +1,30 @@
.my-div{
margin-left: 2%;
margin-right:2%;
border-radius: 5px 5px 5px 5px;
background-color: #e6e6ff;
min-height: 100%;

}

.card1{
margin-right:20px;
margin-left:20px;
}

mat-list-item {
padding-top: 10px;
font-size: 14px;
padding-bottom: 10px;
}
.card,.card1{

display:inline-block;

vertical-align: top;
width:40%;

}
.card{
margin-left:2%;
}
@@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';

import { AccountingComponent } from './accounting.component';

describe('AccountingComponent', () => {
let component: AccountingComponent;
let fixture: ComponentFixture<AccountingComponent>;

beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ AccountingComponent ]
})
.compileComponents();
}));

beforeEach(() => {
fixture = TestBed.createComponent(AccountingComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

it('should create', () => {
expect(component).toBeTruthy();
});
});
@@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';

@Component({
selector: 'app-accounting',
templateUrl: './accounting.component.html',
styleUrls: ['./accounting.component.scss']
})
export class AccountingComponent implements OnInit {

constructor() { }

ngOnInit() {
}

}
@@ -0,0 +1,57 @@
<div class="my-div mat-elevation-z2">
<h3 class="heading">General Ledger</h3>
<mat-divider></mat-divider>
<button>Add Ledger</button>
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter by name/short name">
</mat-form-field>
<a mat-raised-button class="fineract-button" color="primary" [routerLink]="['/navbar/managereport/create']">
<mat-icon>add</mat-icon>Create Report</a>

<br>
<mat-divider></mat-divider>

<mat-table #table [dataSource]="dataSource">

<!-- Position Column -->
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef>Report Name </mat-header-cell>
<mat-cell *matCellDef="let element">
<a routerLink="{{element.name}}">{{element.name}}</a>
</mat-cell>
</ng-container>

<!-- Name Column -->
<ng-container matColumnDef="type">
<mat-header-cell *matHeaderCellDef> Report Type</mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.type}} </mat-cell>
</ng-container>

<ng-container matColumnDef="subtype">
<mat-header-cell *matHeaderCellDef>Report Subtype</mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.subtype}} </mat-cell>
</ng-container>

<ng-container matColumnDef="category">
<mat-header-cell *matHeaderCellDef> Report Category</mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.category} </mat-cell>
</ng-container>
<ng-container matColumnDef="core">
<mat-header-cell *matHeaderCellDef>Core Report</mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.core}} </mat-cell>
</ng-container>
<ng-container matColumnDef="user">
<mat-header-cell *matHeaderCellDef> User Report</mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.user}} </mat-cell>
</ng-container>




<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>


</div>

@@ -0,0 +1,18 @@
.my-div{
margin-left: 2%;
margin-right:2%;
border-radius: 5px 5px 5px 5px;
background-color: #e6e6ff;
min-height: 100%;

}
table {
width: 100%;
}

.mat-form-field {
font-size: 14px;
width: 100%;
}


@@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';

import { GeneralLedgerComponent } from './general-ledger.component';

describe('GeneralLedgerComponent', () => {
let component: GeneralLedgerComponent;
let fixture: ComponentFixture<GeneralLedgerComponent>;

beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ GeneralLedgerComponent ]
})
.compileComponents();
}));

beforeEach(() => {
fixture = TestBed.createComponent(GeneralLedgerComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

it('should create', () => {
expect(component).toBeTruthy();
});
});
@@ -0,0 +1,38 @@
import { Component, OnInit } from '@angular/core';
import {MatTableDataSource} from '@angular/material';

@Component({
selector: 'app-general-ledger',
templateUrl: './general-ledger.component.html',
styleUrls: ['./general-ledger.component.scss']
})
export class GeneralLedgerComponent implements OnInit {
displayedColumns = ['name','type','subtype','category','core', 'user'];
dataSource = new MatTableDataSource(ELEMENT_DATA);

applyFilter(filterValue: string) {
filterValue = filterValue.trim(); // Remove whitespace
filterValue = filterValue.toLowerCase(); // MatTableDataSource defaults to lowercase matches
this.dataSource.filter = filterValue;
}

constructor() { }

ngOnInit() {
}

}
export interface Element {
name: string;
type:string;
subtype: string;
category:string;
core: string;
user:string;


}

const ELEMENT_DATA: Element[] = [

];
@@ -1 +1 @@
<app-login></app-login>
<router-outlet></router-outlet>
File renamed without changes.
@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
styleUrls: ['./app.component.scss']
})
export class AppComponent {

0 comments on commit bd10f97

Please sign in to comment.