From 5a7e83e488176de206934fa9e996ace59769f1f2 Mon Sep 17 00:00:00 2001 From: Patrick Sun Date: Sun, 21 Mar 2021 12:21:34 +1100 Subject: [PATCH] setup broker and client user menu --- src/app/app.module.ts | 12 ++- .../broker-loan-list.component.html | 1 + .../broker-loan-list.component.scss | 0 .../broker-loan-list.component.spec.ts | 25 ++++++ .../broker-loan-list.component.ts | 15 ++++ .../broker-profile.component.html | 1 + .../broker-profile.component.scss | 0 .../broker-profile.component.spec.ts | 25 ++++++ .../broker-profile.component.ts | 15 ++++ .../broker-reward.component.html | 1 + .../broker-reward.component.scss | 0 .../broker-reward.component.spec.ts | 25 ++++++ .../broker-reward/broker-reward.component.ts | 15 ++++ src/app/canvas/canvas.component.html | 80 +------------------ src/app/canvas/canvas.component.ts | 15 ---- .../client-loan-list.component.html | 1 + .../client-loan-list.component.scss | 0 .../client-loan-list.component.spec.ts | 25 ++++++ .../client-loan-list.component.ts | 15 ++++ .../client-profile.component.html | 1 + .../client-profile.component.scss | 0 .../client-profile.component.spec.ts | 25 ++++++ .../client-profile.component.ts | 15 ++++ src/app/main-menu-items.ts | 39 +++++++-- 24 files changed, 249 insertions(+), 102 deletions(-) create mode 100644 src/app/broker-loan-list/broker-loan-list.component.html create mode 100644 src/app/broker-loan-list/broker-loan-list.component.scss create mode 100644 src/app/broker-loan-list/broker-loan-list.component.spec.ts create mode 100644 src/app/broker-loan-list/broker-loan-list.component.ts create mode 100644 src/app/broker-profile/broker-profile.component.html create mode 100644 src/app/broker-profile/broker-profile.component.scss create mode 100644 src/app/broker-profile/broker-profile.component.spec.ts create mode 100644 src/app/broker-profile/broker-profile.component.ts create mode 100644 src/app/broker-reward/broker-reward.component.html create mode 100644 src/app/broker-reward/broker-reward.component.scss create mode 100644 src/app/broker-reward/broker-reward.component.spec.ts create mode 100644 src/app/broker-reward/broker-reward.component.ts create mode 100644 src/app/client-loan-list/client-loan-list.component.html create mode 100644 src/app/client-loan-list/client-loan-list.component.scss create mode 100644 src/app/client-loan-list/client-loan-list.component.spec.ts create mode 100644 src/app/client-loan-list/client-loan-list.component.ts create mode 100644 src/app/client-profile/client-profile.component.html create mode 100644 src/app/client-profile/client-profile.component.scss create mode 100644 src/app/client-profile/client-profile.component.spec.ts create mode 100644 src/app/client-profile/client-profile.component.ts diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 388b678..8b98e36 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -66,6 +66,11 @@ import { RatingInputComponent } from './rating-input/rating-input.component'; import { LoanEditPeopleComponent } from './loan-edit-people/loan-edit-people.component'; import { PeopleCardComponent } from './people-card/people-card.component'; import { LenderUploadsComponent } from './lender-uploads/lender-uploads.component'; +import { BrokerLoanListComponent } from './broker-loan-list/broker-loan-list.component'; +import { BrokerRewardComponent } from './broker-reward/broker-reward.component'; +import { BrokerProfileComponent } from './broker-profile/broker-profile.component'; +import { ClientLoanListComponent } from './client-loan-list/client-loan-list.component'; +import { ClientProfileComponent } from './client-profile/client-profile.component'; @@ -102,7 +107,12 @@ import { LenderUploadsComponent } from './lender-uploads/lender-uploads.componen RatingInputComponent, LoanEditPeopleComponent, PeopleCardComponent, - LenderUploadsComponent + LenderUploadsComponent, + BrokerLoanListComponent, + BrokerRewardComponent, + BrokerProfileComponent, + ClientLoanListComponent, + ClientProfileComponent ], imports: [ BrowserModule, diff --git a/src/app/broker-loan-list/broker-loan-list.component.html b/src/app/broker-loan-list/broker-loan-list.component.html new file mode 100644 index 0000000..3d301d1 --- /dev/null +++ b/src/app/broker-loan-list/broker-loan-list.component.html @@ -0,0 +1 @@ +

broker-loan-list works!

diff --git a/src/app/broker-loan-list/broker-loan-list.component.scss b/src/app/broker-loan-list/broker-loan-list.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/broker-loan-list/broker-loan-list.component.spec.ts b/src/app/broker-loan-list/broker-loan-list.component.spec.ts new file mode 100644 index 0000000..cfe33c2 --- /dev/null +++ b/src/app/broker-loan-list/broker-loan-list.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BrokerLoanListComponent } from './broker-loan-list.component'; + +describe('BrokerLoanListComponent', () => { + let component: BrokerLoanListComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BrokerLoanListComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BrokerLoanListComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/broker-loan-list/broker-loan-list.component.ts b/src/app/broker-loan-list/broker-loan-list.component.ts new file mode 100644 index 0000000..f7c4cc0 --- /dev/null +++ b/src/app/broker-loan-list/broker-loan-list.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-broker-loan-list', + templateUrl: './broker-loan-list.component.html', + styleUrls: ['./broker-loan-list.component.scss'] +}) +export class BrokerLoanListComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/broker-profile/broker-profile.component.html b/src/app/broker-profile/broker-profile.component.html new file mode 100644 index 0000000..777b41e --- /dev/null +++ b/src/app/broker-profile/broker-profile.component.html @@ -0,0 +1 @@ +

broker-profile works!

diff --git a/src/app/broker-profile/broker-profile.component.scss b/src/app/broker-profile/broker-profile.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/broker-profile/broker-profile.component.spec.ts b/src/app/broker-profile/broker-profile.component.spec.ts new file mode 100644 index 0000000..7fdf017 --- /dev/null +++ b/src/app/broker-profile/broker-profile.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BrokerProfileComponent } from './broker-profile.component'; + +describe('BrokerProfileComponent', () => { + let component: BrokerProfileComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BrokerProfileComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BrokerProfileComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/broker-profile/broker-profile.component.ts b/src/app/broker-profile/broker-profile.component.ts new file mode 100644 index 0000000..508e3ab --- /dev/null +++ b/src/app/broker-profile/broker-profile.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-broker-profile', + templateUrl: './broker-profile.component.html', + styleUrls: ['./broker-profile.component.scss'] +}) +export class BrokerProfileComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/broker-reward/broker-reward.component.html b/src/app/broker-reward/broker-reward.component.html new file mode 100644 index 0000000..9f6efb2 --- /dev/null +++ b/src/app/broker-reward/broker-reward.component.html @@ -0,0 +1 @@ +

broker-reward works!

diff --git a/src/app/broker-reward/broker-reward.component.scss b/src/app/broker-reward/broker-reward.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/broker-reward/broker-reward.component.spec.ts b/src/app/broker-reward/broker-reward.component.spec.ts new file mode 100644 index 0000000..26c3d82 --- /dev/null +++ b/src/app/broker-reward/broker-reward.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BrokerRewardComponent } from './broker-reward.component'; + +describe('BrokerRewardComponent', () => { + let component: BrokerRewardComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BrokerRewardComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BrokerRewardComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/broker-reward/broker-reward.component.ts b/src/app/broker-reward/broker-reward.component.ts new file mode 100644 index 0000000..6aeb664 --- /dev/null +++ b/src/app/broker-reward/broker-reward.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-broker-reward', + templateUrl: './broker-reward.component.html', + styleUrls: ['./broker-reward.component.scss'] +}) +export class BrokerRewardComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/canvas/canvas.component.html b/src/app/canvas/canvas.component.html index d474037..f408a4b 100644 --- a/src/app/canvas/canvas.component.html +++ b/src/app/canvas/canvas.component.html @@ -1,79 +1 @@ -

this is canvas

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - some text - -   Pending - Payments - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - -
- +

this is canvas

diff --git a/src/app/canvas/canvas.component.ts b/src/app/canvas/canvas.component.ts index d32b192..e8c2818 100644 --- a/src/app/canvas/canvas.component.ts +++ b/src/app/canvas/canvas.component.ts @@ -31,19 +31,4 @@ export class CanvasComponent implements OnInit, OnDestroy { this.menutItemSub.unsubscribe(); } - onButtonClick(){ - console.log("on button click default"); - this.anyhttp(); - } - - anyhttp(){ - this.http.get('https://svr2021.lawipac.com:8080/api/v1/').subscribe( - response => { - console.log(response); - } - ); - } - - - } diff --git a/src/app/client-loan-list/client-loan-list.component.html b/src/app/client-loan-list/client-loan-list.component.html new file mode 100644 index 0000000..e682603 --- /dev/null +++ b/src/app/client-loan-list/client-loan-list.component.html @@ -0,0 +1 @@ +

client-loan-list works!

diff --git a/src/app/client-loan-list/client-loan-list.component.scss b/src/app/client-loan-list/client-loan-list.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/client-loan-list/client-loan-list.component.spec.ts b/src/app/client-loan-list/client-loan-list.component.spec.ts new file mode 100644 index 0000000..43e3fb2 --- /dev/null +++ b/src/app/client-loan-list/client-loan-list.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ClientLoanListComponent } from './client-loan-list.component'; + +describe('ClientLoanListComponent', () => { + let component: ClientLoanListComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ClientLoanListComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ClientLoanListComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/client-loan-list/client-loan-list.component.ts b/src/app/client-loan-list/client-loan-list.component.ts new file mode 100644 index 0000000..ed7aee5 --- /dev/null +++ b/src/app/client-loan-list/client-loan-list.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-client-loan-list', + templateUrl: './client-loan-list.component.html', + styleUrls: ['./client-loan-list.component.scss'] +}) +export class ClientLoanListComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/client-profile/client-profile.component.html b/src/app/client-profile/client-profile.component.html new file mode 100644 index 0000000..a97295c --- /dev/null +++ b/src/app/client-profile/client-profile.component.html @@ -0,0 +1 @@ +

client-profile works!

diff --git a/src/app/client-profile/client-profile.component.scss b/src/app/client-profile/client-profile.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/client-profile/client-profile.component.spec.ts b/src/app/client-profile/client-profile.component.spec.ts new file mode 100644 index 0000000..ba46fed --- /dev/null +++ b/src/app/client-profile/client-profile.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ClientProfileComponent } from './client-profile.component'; + +describe('ClientProfileComponent', () => { + let component: ClientProfileComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ClientProfileComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ClientProfileComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/client-profile/client-profile.component.ts b/src/app/client-profile/client-profile.component.ts new file mode 100644 index 0000000..a322030 --- /dev/null +++ b/src/app/client-profile/client-profile.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-client-profile', + templateUrl: './client-profile.component.html', + styleUrls: ['./client-profile.component.scss'] +}) +export class ClientProfileComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/main-menu-items.ts b/src/app/main-menu-items.ts index 30aae20..0d1b6a1 100644 --- a/src/app/main-menu-items.ts +++ b/src/app/main-menu-items.ts @@ -1,4 +1,5 @@ -import { faChartArea, faIdCard, faIdCardAlt, faMoneyCheck, faUniversity, faUserCircle } from '@fortawesome/free-solid-svg-icons'; +import { faChartArea, faIdCard, faIdCardAlt, faMoneyCheck, + faUniversity, faUserCircle, faUserTie } from '@fortawesome/free-solid-svg-icons'; export const mainMenuItems: any[] = [ { @@ -64,17 +65,41 @@ export const mainMenuItems: any[] = [ export const brokerMenuItems: any[] = [ { - text: 'broker', - fa: faUniversity, - url: './#canvas' + text: '|', + fa: faUserTie, + }, + { + text: 'My Loans', + icon: 'categorize', + url: './#broker-loan-list' + }, + { + text: 'My Earnings', + icon: 'dollar', + url: './#broker-reward' + }, + { + text: 'Profile', + fa: faIdCard, + url: './#broker-profile' }, + ]; export const userMenuItems: any[] = [ { - text: 'user', - fa: faUniversity, - url: './#canvas' + text: '|', + fa: faUserCircle, + }, + { + text: 'My Loans', + icon: 'categorize', + url: './#client-loan-list' + }, + { + text: 'Profile', + fa: faIdCard, + url: './#client-profile' }, ];