From 9849c3938af382012bfe6e8b6b4d6de4a38b8770 Mon Sep 17 00:00:00 2001
From: Patrick Sun <patrick@lawipac.com>
Date: Sat, 6 Mar 2021 12:13:39 +1100
Subject: [PATCH] summary page - dashboard is ready to go.

---
 src/app/app.component.html                         | 14 +++++++-------
 .../chart-recent-ten-loans.component.html          |  2 +-
 .../chart-top-brokers.component.html               | 12 ++++++++----
 .../chart-top-brokers.component.scss               |  4 ++++
 src/app/dashboard/dashboard.component.html         |  2 +-
 src/app/models/top-broker.model.ts                 |  4 ++++
 6 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index fb14536..e151fe9 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,6 +1,6 @@
 <kendo-appbar id='topBar' *ngIf='login' class='appbar' [position]="'top'" [positionMode]="'sticky'">
   <kendo-appbar-section>
-    <kendo-menu [items]="items" (select)="onSelect($event)"> 
+    <kendo-menu [items]="items" (select)="onSelect($event)">
       <ng-template kendoMenuItemTemplate let-item="item">
         <span class='main-menu-item'>
           <fa-icon  *ngIf="menuItemHasFontawesome(item)" [icon]="item.fa"></fa-icon> &nbsp;
@@ -28,9 +28,9 @@
 
 <router-outlet></router-outlet>
 
-<!-- <div class="vimeo-wrapper">
-  <iframe id=bgVideo src="https://player.vimeo.com/video/468031372?background=1&controls=0" frameborder="0"
-  allow="autoplay; fullscreen" allowfullscreen></iframe>
-  
-  <div class="overlay"></div>
-</div> -->
\ No newline at end of file
+<!--<div class="vimeo-wrapper">-->
+<!--  <iframe id=bgVideo src="https://player.vimeo.com/video/468031372?background=1&controls=0" frameborder="0"-->
+<!--  allow="autoplay; fullscreen" allowfullscreen></iframe>-->
+
+<!--  <div class="overlay"></div>-->
+<!--</div>-->
diff --git a/src/app/chart-recent-ten-loans/chart-recent-ten-loans.component.html b/src/app/chart-recent-ten-loans/chart-recent-ten-loans.component.html
index b590021..550b4c6 100644
--- a/src/app/chart-recent-ten-loans/chart-recent-ten-loans.component.html
+++ b/src/app/chart-recent-ten-loans/chart-recent-ten-loans.component.html
@@ -37,7 +37,7 @@
 
   <kendo-grid-column
     field="OffsetBalance"
-    title="Repayment Progress"
+    title="Offset Percentage"
     [width]="230"
     [resizable]="false"
     filter="numeric"
diff --git a/src/app/chart-top-brokers/chart-top-brokers.component.html b/src/app/chart-top-brokers/chart-top-brokers.component.html
index 0d01813..d9d83de 100644
--- a/src/app/chart-top-brokers/chart-top-brokers.component.html
+++ b/src/app/chart-top-brokers/chart-top-brokers.component.html
@@ -1,17 +1,21 @@
 <kendo-grid [data]="gridData | async "  [scrollable]="'none'">
   <kendo-grid-column field="Rank" title="ID" width="40">
   </kendo-grid-column>
-  <kendo-grid-column field="First" title="First" width="250">
+  <kendo-grid-column field="First" title="Broker Name" minResizableWidth="250" >
     <ng-template kendoGridCellTemplate let-dataItem>
       <div class="customer-photo" [ngStyle]="{'background-image' : photoURL(dataItem)}"></div>
       <div class="customer-name"> {{ dataItem.First }} , {{ dataItem.Last }} </div>
     </ng-template>
   </kendo-grid-column>
-  <kendo-grid-column field="NumOfLoans" title="NumOfLoans">
+  <kendo-grid-column field="License" title="License" width="80">
   </kendo-grid-column>
-  <kendo-grid-column field="NumOfSettledLoans" title="NumOfSettledLoans" width="80">
+  <kendo-grid-column field="Login" title="Login" width="80">
   </kendo-grid-column>
-  <kendo-grid-column field="NumOfUnSettledLoans" title="NumOfUnSettledLoans" width="80">
+  <kendo-grid-column field="Organization" title="Organization" width="80">
+  </kendo-grid-column>
+  <kendo-grid-column field="NumOfLoans" title="Num Of Loans" width="50" [style]="{'text-align':'center'}" >
+  </kendo-grid-column>
+  <kendo-grid-column field="NumOfUnSettledLoans" title="Non-Settled" width="80" [style]="{'text-align':'center'}">
   </kendo-grid-column>
   <kendo-grid-column field="TotalReward" title="TotalReward" width="120">
     <ng-template kendoGridCellTemplate let-dataItem>
diff --git a/src/app/chart-top-brokers/chart-top-brokers.component.scss b/src/app/chart-top-brokers/chart-top-brokers.component.scss
index 54cb6d6..e17ed24 100644
--- a/src/app/chart-top-brokers/chart-top-brokers.component.scss
+++ b/src/app/chart-top-brokers/chart-top-brokers.component.scss
@@ -29,3 +29,7 @@
 .fullheight_grid {
   height: calc(100vh - 48px) !important;
 }
+
+.fuck-center{
+  text-align: center;
+}
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 8c0d667..29548c4 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -35,7 +35,7 @@
     </div>
 
     <bkp-divider-shadow-bottom></bkp-divider-shadow-bottom>
-    <bkp-divider><kendo-icon [name]="'sum'"> </kendo-icon> &nbsp; Pending Payments</bkp-divider>
+    <bkp-divider><kendo-icon [name]="'sum'"> </kendo-icon> &nbsp; Top Brokers</bkp-divider>
 
     <div class="row">
       <div class="col-sm-12">
diff --git a/src/app/models/top-broker.model.ts b/src/app/models/top-broker.model.ts
index 5ca64f7..8d0f461 100644
--- a/src/app/models/top-broker.model.ts
+++ b/src/app/models/top-broker.model.ts
@@ -7,6 +7,10 @@ export class TopBrokerModel {
   First: string;
   Last: string;
 
+  Login:string;
+  Organizatin: string;
+  License:string;
+
   NumOfLoans: number;
   NumOfSettledLoans: number;
   NumOfUnSettledLoans: number;