starting customer components
diff --git a/src/app/accounting/accounting.component.html b/src/app/accounting/accounting.component.html
index a5e7739..46ee77c 100644
--- a/src/app/accounting/accounting.component.html
+++ b/src/app/accounting/accounting.component.html
@@ -4,28 +4,28 @@
<mat-card class="card">
<mat-list>
<mat-list-item>
- <a [routerLink]="['/navbar/frequentpostings']">
+ <a [routerLink]="['/navbar/chart_of_accounts']">
<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']">
+ <a [routerLink]="['/navbar/journal_entry']">
<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']">
+ <a [routerLink]="['/navbar/transaction_type']">
<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']">
+ <a [routerLink]="['/navbar/cheque_clearing']">
<mat-icon>shuffle</mat-icon>Cheque Clearing
<br> List of Financial Activity and GL Accounnt Mappings
</a>
@@ -37,28 +37,28 @@
<mat-card class="card1">
<mat-list>
<mat-list-item>
- <a [routerLink]="['/navbar/chartaccount']">
+ <a [routerLink]="['/navbar/trial_balance']">
<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']">
+ <a [routerLink]="['/navbar/']">
<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']">
+ <a [routerLink]="['/navbar/']">
<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']">
+ <a [routerLink]="['/navbar/payroll']">
<mat-icon>settings</mat-icon>Payroll
<br> Accrues income,expenses and liabilities as on the provided date
</a>
diff --git a/src/app/accounting/accounting.component.scss b/src/app/accounting/accounting.component.scss
index c61cc2b..83a38bb 100644
--- a/src/app/accounting/accounting.component.scss
+++ b/src/app/accounting/accounting.component.scss
@@ -2,7 +2,7 @@
margin-left: 2%;
margin-right:2%;
border-radius: 5px 5px 5px 5px;
- background-color: #e6e6ff;
+ background-color: white;
min-height: 100%;
}
diff --git a/src/app/accounting/accounting.component.ts b/src/app/accounting/accounting.component.ts
index 81d10ad..7a5c834 100644
--- a/src/app/accounting/accounting.component.ts
+++ b/src/app/accounting/accounting.component.ts
@@ -1,5 +1,6 @@
import { Component, OnInit } from '@angular/core';
+
@Component({
selector: 'app-accounting',
templateUrl: './accounting.component.html',
diff --git a/src/app/accounting/add-journal-entry/add-journal-entry.component.html b/src/app/accounting/add-journal-entry/add-journal-entry.component.html
index b9b7ccd..cb447df 100644
--- a/src/app/accounting/add-journal-entry/add-journal-entry.component.html
+++ b/src/app/accounting/add-journal-entry/add-journal-entry.component.html
@@ -3,9 +3,9 @@
<a [routerLink]="['/navbar/accounting']">Accounting</a>
<span class="current-page">/ Add Journal Entry</span>
</p>
-
<div class="main-div mat-elevation-z2">
<h3 class="heading">Add Journal Entry</h3>
+ <mat-divider></mat-divider>
<form class="fineract-form">
<mat-form-field>
<input matInput [matDatepicker]="picker" placeholder="Transaction date">
@@ -25,29 +25,35 @@
<textarea matInput placeholder="Leave a comment"></textarea>
</mat-form-field>
</form>
-
- <span>Affected Accounts</span>
- <mat-card>
+<div>
+ <span><b>Affected Accounts</b></span>
+ <br/>
+ <mat-card class="debit-card">
<span>Debit</span>
+ <br/>
<mat-form-field>
<input matInput placeholder="Account">
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Amount">
</mat-form-field>
- <button mat-raised-button color="warn"><mat-icon>clear</mat-icon></button>
- <button mat-raised-button color="primary">Add Debit</button>
+ <button mat-icon-button color="warn"><mat-icon>clear</mat-icon></button>
+ <br/>
+ <button mat-raised-button class="button" color="primary">Add Debit</button>
</mat-card>
- <mat-card>
+ <mat-card class="credit-card">
<span>Credit</span>
+ <br/>
<mat-form-field>
<input matInput placeholder="Account">
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Amount">
</mat-form-field>
- <button mat-raised-button color="warn"><mat-icon>clear</mat-icon></button>
- <button mat-raised-button color="primary">Add Credit</button>
+ <button mat-icon-button color="warn"><mat-icon>clear</mat-icon></button>
+ <br/>
+ <button mat-raised-button class="button" color="primary">Add Credit</button>
</mat-card>
</div>
+</div>
</div>
\ No newline at end of file
diff --git a/src/app/accounting/add-journal-entry/add-journal-entry.component.scss b/src/app/accounting/add-journal-entry/add-journal-entry.component.scss
index 73bd8bc..5f6cdc6 100644
--- a/src/app/accounting/add-journal-entry/add-journal-entry.component.scss
+++ b/src/app/accounting/add-journal-entry/add-journal-entry.component.scss
@@ -8,4 +8,17 @@
.input {
width: 100%;
}
+ .debit-card,.credit-card{
+
+ display: inline-block;
+
+ width: 395px;
+
+
+
+ }
+
+ .button{
+ margin-left: 260px;
+ }
\ No newline at end of file
diff --git a/src/app/accounting/add-transaction-type/add-transaction-type.component.html b/src/app/accounting/add-transaction-type/add-transaction-type.component.html
index c11dfe2..ac3ce3c 100644
--- a/src/app/accounting/add-transaction-type/add-transaction-type.component.html
+++ b/src/app/accounting/add-transaction-type/add-transaction-type.component.html
@@ -1,19 +1,23 @@
-<div class="my-div mat-elevation-z2">
- <h3 class="heading">General Ledger</h3>
+<div class="main-div mat-elevation-z2">
+ <h3 class="heading">Add transaction Type</h3>
<mat-divider></mat-divider>
+ <br/>
<span>Transaction Type</span>
-
+<form class="fineract-form">
<mat-form-field>
<input matInput placeholder="Code">
</mat-form-field>
-
+<br/>
<mat-form-field>
<input matInput placeholder="Name">
</mat-form-field>
-
+<br/>
<mat-form-field>
<textarea matInput placeholder="Description(optional)"></textarea>
</mat-form-field>
-
- <button mat-raise-button>Submit</button>
- <button mat-raise-button>Cancel</button>
+ </form>
+ <div>
+ <button mat-raised-button class="button1" color="primary">Submit</button>
+ <button mat-raised-button class="button2" color="warn">Cancel</button>
+ </div>
+</div>
\ No newline at end of file
diff --git a/src/app/accounting/add-transaction-type/add-transaction-type.component.scss b/src/app/accounting/add-transaction-type/add-transaction-type.component.scss
index e69de29..7109ed8 100644
--- a/src/app/accounting/add-transaction-type/add-transaction-type.component.scss
+++ b/src/app/accounting/add-transaction-type/add-transaction-type.component.scss
@@ -0,0 +1,13 @@
+.fineract-form {
+ min-width: 150px;
+ max-width: 500px;
+ width: 100%;
+ }
+ .button1{
+ margin-left: 50%;
+
+ }
+ .button1, .button2{
+ width:20px;
+ display: inline-block;
+ }
\ No newline at end of file
diff --git a/src/app/accounting/payrolls/payrolls.component.html b/src/app/accounting/payrolls/payrolls.component.html
index 8edcd56..d361809 100644
--- a/src/app/accounting/payrolls/payrolls.component.html
+++ b/src/app/accounting/payrolls/payrolls.component.html
@@ -1,4 +1,4 @@
-<div class="my-div mat-elevation-z2">
+<div class="main-div mat-elevation-z2">
<h3 class="heading">Payrolls</h3>
<mat-divider></mat-divider>
<div class="fineract-button">
diff --git a/src/app/accounting/transaction-type/transaction-type.component.html b/src/app/accounting/transaction-type/transaction-type.component.html
new file mode 100644
index 0000000..9760c4f
--- /dev/null
+++ b/src/app/accounting/transaction-type/transaction-type.component.html
@@ -0,0 +1,42 @@
+<div class="main-div mat-elevation-z2">
+ <h3 class="heading">Transaction Types</h3>
+ <mat-divider></mat-divider>
+ <div class="fineract-button">
+ <a mat-raised-button color="primary" [routerLink]="['/navbar/managereport/create']">
+ <mat-icon>add</mat-icon>Add Transaction Type</a>
+ </div>
+ <mat-form-field>
+ <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter by name/code">
+ </mat-form-field>
+
+<br>
+<mat-divider></mat-divider>
+
+<mat-table #table [dataSource]="dataSource">
+
+ <!-- Position Column -->
+ <ng-container matColumnDef="code">
+ <mat-header-cell *matHeaderCellDef>Code</mat-header-cell>
+ <mat-cell *matCellDef="let element">
+ <a routerLink="{{element.code}}">{{element.code}}</a>
+ </mat-cell>
+ </ng-container>
+
+ <!-- Name Column -->
+ <ng-container matColumnDef="name">
+ <mat-header-cell *matHeaderCellDef>Name</mat-header-cell>
+ <mat-cell *matCellDef="let element"> {{element.name}} </mat-cell>
+ </ng-container>
+
+ <ng-container matColumnDef="description">
+ <mat-header-cell *matHeaderCellDef>Description</mat-header-cell>
+ <mat-cell *matCellDef="let element"> {{element.description}} </mat-cell>
+ </ng-container>
+
+ <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+ <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
+</mat-table>
+
+
+</div>
+
\ No newline at end of file
diff --git a/src/app/accounting/transaction-type/transaction-type.component.scss b/src/app/accounting/transaction-type/transaction-type.component.scss
new file mode 100644
index 0000000..87b71f6
--- /dev/null
+++ b/src/app/accounting/transaction-type/transaction-type.component.scss
@@ -0,0 +1,16 @@
+.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%;
+ }
\ No newline at end of file
diff --git a/src/app/accounting/transaction-type/transaction-type.component.spec.ts b/src/app/accounting/transaction-type/transaction-type.component.spec.ts
new file mode 100644
index 0000000..8c544db
--- /dev/null
+++ b/src/app/accounting/transaction-type/transaction-type.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TransactionTypeComponent } from './transaction-type.component';
+
+describe('TransactionTypeComponent', () => {
+ let component: TransactionTypeComponent;
+ let fixture: ComponentFixture<TransactionTypeComponent>;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ TransactionTypeComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(TransactionTypeComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/accounting/transaction-type/transaction-type.component.ts b/src/app/accounting/transaction-type/transaction-type.component.ts
new file mode 100644
index 0000000..847bb6c
--- /dev/null
+++ b/src/app/accounting/transaction-type/transaction-type.component.ts
@@ -0,0 +1,34 @@
+import { Component, OnInit } from '@angular/core';
+import {MatTableDataSource} from '@angular/material';
+
+@Component({
+ selector: 'app-transaction-type',
+ templateUrl: './transaction-type.component.html',
+ styleUrls: ['./transaction-type.component.scss']
+})
+export class TransactionTypeComponent implements OnInit {
+ displayedColumns = ['code','name','description'];
+ 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 {
+ code: string;
+ name: string;
+ description: string;
+
+}
+
+const ELEMENT_DATA: Element[] = [
+
+];
diff --git a/src/app/accounting/trial-balance/trial-balance.component.html b/src/app/accounting/trial-balance/trial-balance.component.html
index 103b96c..7672f4a 100644
--- a/src/app/accounting/trial-balance/trial-balance.component.html
+++ b/src/app/accounting/trial-balance/trial-balance.component.html
@@ -1,10 +1,7 @@
<div class="my-div mat-elevation-z2">
<h3 class="heading">Trial Balance</h3>
<mat-divider></mat-divider>
- <div class="fineract-button">
- <a mat-raised-button color="primary" [routerLink]="['/navbar/managereport/create']">
- <mat-icon>add</mat-icon>Add</a>
- </div>
+
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter by name/short name">
</mat-form-field>
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 7481e16..9f6b19f 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -53,7 +53,10 @@
import { ChartOfAccountsComponent } from './accounting/chart-of-accounts/chart-of-accounts.component';
import { AddTransactionTypeComponent } from './accounting/add-transaction-type/add-transaction-type.component';
import { TrialBalanceComponent } from './accounting/trial-balance/trial-balance.component';
-import { ChequeClearingComponent } from './accounting/cheque-clearing/cheque-clearing.component'
+import { ChequeClearingComponent } from './accounting/cheque-clearing/cheque-clearing.component';
+import { TransactionTypeComponent } from './accounting/transaction-type/transaction-type.component';
+import { AddMemberComponent } from './customer/add-member/add-member.component';
+import { ManageMembersComponent } from './customer/manage-members/manage-members.component'
const appRoutes: Routes = [
{ path: 'login', component: LoginComponent },
@@ -71,6 +74,8 @@
{ path: 'add_transaction_type', component: AddTransactionTypeComponent },
{ path: 'trial_balance', component: TrialBalanceComponent },
{ path: 'cheque_clearing', component: ChequeClearingComponent },
+ { path: 'transaction_type', component: TransactionTypeComponent },
+ { path: 'add_member', component: AddMemberComponent },
]
}
];
@@ -80,7 +85,7 @@
declarations: [
AppComponent,LoginComponent, NavbarComponent, DashboardComponent,
AccountingComponent, GeneralLedgerComponent, AddJournalEntryComponent,
- PayrollsComponent, ChartOfAccountsComponent, AddTransactionTypeComponent, TrialBalanceComponent, ChequeClearingComponent
+ PayrollsComponent, ChartOfAccountsComponent, AddTransactionTypeComponent, TrialBalanceComponent, ChequeClearingComponent, TransactionTypeComponent, AddMemberComponent, ManageMembersComponent
],
imports: [RouterModule.forRoot(appRoutes),
BrowserModule, BrowserAnimationsModule,
diff --git a/src/app/customer/add-member/add-member.component.html b/src/app/customer/add-member/add-member.component.html
new file mode 100644
index 0000000..97d5de1
--- /dev/null
+++ b/src/app/customer/add-member/add-member.component.html
@@ -0,0 +1,105 @@
+<div class="main-div mat-elevation-z2">
+ <h3 class="heading">Add Member</h3>
+ <mat-divider></mat-divider>
+<form class="fineract-form">
+ <mat-form-field>
+ <input matInput placeholder="Account">
+ </mat-form-field>
+<br/>
+ <mat-form-field>
+ <input matInput placeholder="Firstname">
+ </mat-form-field>
+<br/>
+ <mat-form-field>
+ <input matInput placeholder="Middlename">
+ </mat-form-field>
+ <br/>
+ <mat-form-field>
+ <input matInput placeholder="Lastname">
+ </mat-form-field>
+ <br/>
+ <mat-form-field>
+ <input matInput [matDatepicker]="picker" placeholder="Choose a date">
+ <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
+ <mat-datepicker #picker></mat-datepicker>
+ </mat-form-field>
+ </form>
+ <span>Address</span>
+ <form class="fineract-form">
+ <mat-form-field>
+ <input matInput placeholder="Lastname">
+ </mat-form-field>
+ <br/>
+ <mat-form-field>
+ <input matInput placeholder="Lastname">
+ </mat-form-field>
+ <br/>
+ <mat-form-field>
+ <input matInput placeholder="Lastname">
+ </mat-form-field>
+ <br/>
+ <mat-form-field>
+ <input matInput placeholder="Lastname">
+ </mat-form-field>
+ </form>
+<span>Contact</span>
+<form class="fineract-form">
+<mat-form-field>
+ <input matInput placeholder="Lastname">
+</mat-form-field>
+<br/>
+<mat-form-field>
+ <input matInput placeholder="Lastname">
+</mat-form-field>
+<br/>
+<mat-form-field>
+ <input matInput placeholder="Lastname">
+</mat-form-field>
+</form>
+<span>Assign member to office(optional)</span>
+<form>
+
+ <mat-form-field>
+ <mat-select placeholder="Assigned office">
+ <mat-option *ngFor="let office of offices" [value]="office.value">
+ {{ office.viewValue }}
+ </mat-option>
+ </mat-select>
+ </mat-form-field>
+ <br/>
+<mat-form-field>
+ <input matInput placeholder="Search office">
+</mat-form-field>
+<button mat-raised-button color="primary">search</button>
+</form>
+<span>Assign member to employee(optional)</span>
+<form>
+
+ <mat-form-field>
+ <mat-select placeholder="Assigned employee">
+ <mat-option *ngFor="let employee of employees" [value]="employee.value">
+ {{ employee.viewValue }}
+ </mat-option>
+ </mat-select>
+ </mat-form-field>
+ <br/>
+<mat-form-field>
+ <input matInput placeholder="Search employee">
+</mat-form-field>
+<button mat-raised-button color="primary">search</button>
+</form>
+<span>Custom Fields</span>
+<br/>
+<mat-form-field>
+ <input matInput placeholder="Sample customer field">
+</mat-form-field>
+<br/>
+<mat-form-field>
+ <input matInput placeholder="employer">
+</mat-form-field>
+
+ <div>
+ <button mat-raised-button class="button1" color="primary">Submit</button>
+ <button mat-raised-button class="button2" color="warn">Cancel</button>
+ </div>
+</div>
\ No newline at end of file
diff --git a/src/app/customer/add-member/add-member.component.scss b/src/app/customer/add-member/add-member.component.scss
new file mode 100644
index 0000000..7109ed8
--- /dev/null
+++ b/src/app/customer/add-member/add-member.component.scss
@@ -0,0 +1,13 @@
+.fineract-form {
+ min-width: 150px;
+ max-width: 500px;
+ width: 100%;
+ }
+ .button1{
+ margin-left: 50%;
+
+ }
+ .button1, .button2{
+ width:20px;
+ display: inline-block;
+ }
\ No newline at end of file
diff --git a/src/app/customer/add-member/add-member.component.spec.ts b/src/app/customer/add-member/add-member.component.spec.ts
new file mode 100644
index 0000000..5b4e410
--- /dev/null
+++ b/src/app/customer/add-member/add-member.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AddMemberComponent } from './add-member.component';
+
+describe('AddMemberComponent', () => {
+ let component: AddMemberComponent;
+ let fixture: ComponentFixture<AddMemberComponent>;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ AddMemberComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(AddMemberComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/customer/add-member/add-member.component.ts b/src/app/customer/add-member/add-member.component.ts
new file mode 100644
index 0000000..4355a48
--- /dev/null
+++ b/src/app/customer/add-member/add-member.component.ts
@@ -0,0 +1,25 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-add-member',
+ templateUrl: './add-member.component.html',
+ styleUrls: ['./add-member.component.scss']
+})
+export class AddMemberComponent implements OnInit {
+
+ offices = [
+ {value: 'office-1', viewValue: 'Head office'},
+
+ ];
+
+ employees = [
+ {value: '', viewValue: ''},
+
+ ];
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/customer/manage-members/manage-members.component.html b/src/app/customer/manage-members/manage-members.component.html
new file mode 100644
index 0000000..4d9c93b
--- /dev/null
+++ b/src/app/customer/manage-members/manage-members.component.html
@@ -0,0 +1,3 @@
+<p>
+ manage-members works!
+</p>
diff --git a/src/app/customer/manage-members/manage-members.component.scss b/src/app/customer/manage-members/manage-members.component.scss
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/app/customer/manage-members/manage-members.component.scss
diff --git a/src/app/customer/manage-members/manage-members.component.spec.ts b/src/app/customer/manage-members/manage-members.component.spec.ts
new file mode 100644
index 0000000..a4107e3
--- /dev/null
+++ b/src/app/customer/manage-members/manage-members.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ManageMembersComponent } from './manage-members.component';
+
+describe('ManageMembersComponent', () => {
+ let component: ManageMembersComponent;
+ let fixture: ComponentFixture<ManageMembersComponent>;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ ManageMembersComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(ManageMembersComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/customer/manage-members/manage-members.component.ts b/src/app/customer/manage-members/manage-members.component.ts
new file mode 100644
index 0000000..fcacd18
--- /dev/null
+++ b/src/app/customer/manage-members/manage-members.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-manage-members',
+ templateUrl: './manage-members.component.html',
+ styleUrls: ['./manage-members.component.scss']
+})
+export class ManageMembersComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html
index ecce890..2a35c37 100644
--- a/src/app/navbar/navbar.component.html
+++ b/src/app/navbar/navbar.component.html
@@ -11,7 +11,7 @@
</li>
<li>
- <span class="">Tenant Name</span>
+ <span style="color:purple">Tenant Name</span>
</li>
<li>
diff --git a/src/styles.scss b/src/styles.scss
index 94c9bb7..f14b648 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -13,7 +13,7 @@
.fineract-button{
margin-top:5px;
- margin-left:80%;
+ margin-left:75%;
width:150px;
}
@@ -30,4 +30,15 @@
.filter{
width: 50%;
- }
\ No newline at end of file
+ }
+
+ .page-space{
+
+ margin-left: 2%;
+ background-color: white;
+
+ }
+
+ .fineract-form{
+ margin-left: 2%;
+ }
\ No newline at end of file
