This is an automated email from the ASF dual-hosted git repository. myrle pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/fineract-cn-group-finance.git
commit 01a9bbdc5fc49b7248c2ba9bb901098e38f3d08f Author: pembemiriam <pembe.mir...@skylabase.com> AuthorDate: Mon May 28 14:46:33 2018 +0100 starting customer components --- src/app/accounting/accounting.component.html | 16 ++-- src/app/accounting/accounting.component.scss | 2 +- src/app/accounting/accounting.component.ts | 1 + .../add-journal-entry.component.html | 24 +++-- .../add-journal-entry.component.scss | 13 +++ .../add-transaction-type.component.html | 20 ++-- .../add-transaction-type.component.scss | 13 +++ .../accounting/payrolls/payrolls.component.html | 2 +- .../transaction-type.component.html | 42 +++++++++ .../transaction-type.component.scss | 16 ++++ .../transaction-type.component.spec.ts | 25 +++++ .../transaction-type/transaction-type.component.ts | 34 +++++++ .../trial-balance/trial-balance.component.html | 5 +- src/app/app.module.ts | 9 +- .../customer/add-member/add-member.component.html | 105 +++++++++++++++++++++ .../customer/add-member/add-member.component.scss | 13 +++ .../add-member/add-member.component.spec.ts | 25 +++++ .../customer/add-member/add-member.component.ts | 25 +++++ .../manage-members/manage-members.component.html | 3 + .../manage-members/manage-members.component.scss} | 0 .../manage-members.component.spec.ts | 25 +++++ .../manage-members/manage-members.component.ts | 15 +++ src/app/navbar/navbar.component.html | 2 +- src/styles.scss | 15 ++- 24 files changed, 414 insertions(+), 36 deletions(-) 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 { PayrollsComponent } from './accounting/payrolls/payrolls.component'; 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 @@ const appRoutes: Routes = [ { 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 @@ const appRoutes: Routes = [ 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/accounting/add-transaction-type/add-transaction-type.component.scss b/src/app/customer/manage-members/manage-members.component.scss similarity index 100% copy from src/app/accounting/add-transaction-type/add-transaction-type.component.scss copy to 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 @@ body{ .fineract-button{ margin-top:5px; - margin-left:80%; + margin-left:75%; width:150px; } @@ -30,4 +30,15 @@ body{ .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