Biukop
/
SFM-Broker
Watch 1
Star 0
Fork 0
Code Issues 1 Pull Requests 0 Releases 2 Wiki Activity
Broker System for Supercredit
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 Commits
1 Branch
15MB
Tree: 4cbb5b4c71
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '4cbb5b4c71'
${ noResults }
SFM-Broker/src/app/chart-recent-ten-loans/chart-recent-ten-loans.comp...

61 lines
2.4KB
Raw Blame History 

  1. <kendo-grid [data]="gridData | async " [scrollable]="'none'">

  2.   <kendo-grid-column field="Rank" title="ID" width="40">

  3.   </kendo-grid-column>

  4.   <kendo-grid-column field="Amount" title="Amount ($)" width="130">

  5.     <ng-template kendoGridCellTemplate let-dataItem>

  6.       <span [ngClass]="{'green text-bold': dataItem.Amount > 50000000}">{{ dataItem.Amount | currency }}</span>

  7.     </ng-template>

  8.   </kendo-grid-column>

  9.   <kendo-grid-column field="Item" title="Loan Property Description">

  10.   </kendo-grid-column>

  11.   <kendo-grid-column field="Settlement" title="Settlement &nbsp; ↓" width="120">

  12.     <ng-template kendoGridCellTemplate let-dataItem>

  13.       {{dataItem.Settlement | date: 'yyyy-MM-dd'}}

  14.     </ng-template>

  15.   </kendo-grid-column>

  16.   <kendo-grid-column field="Rating" title="Rating" width="110" [resizable]="false" filter="numeric">

  17.     <ng-template kendoGridCellTemplate let-dataItem>

  18.       <app-biukop-rating

  19.         [value]="dataItem.Rating"

  20.         [max]="5"

  21.       ></app-biukop-rating>

  22.     </ng-template>

  23.   </kendo-grid-column>

  24. 

  25.   <kendo-grid-column field="Balance" title="Balance($)" width="130">

  26.     <ng-template kendoGridCellTemplate let-dataItem>

  27.       <span [ngClass]="{'green text-bold': dataItem.Balance < 500000}">{{ dataItem.Balance | currency }}</span>

  28.     </ng-template>

  29.   </kendo-grid-column>

  30.   <kendo-grid-column field="OffsetBalance" title="Offset Balance" width="130">

  31.     <ng-template kendoGridCellTemplate let-dataItem>

  32.       <span [ngClass]="{'red text-bold': dataItem.Percentage > 60}">

  33.         {{ dataItem.OffsetBalance | currency }}

  34.       </span>

  35.     </ng-template>

  36.   </kendo-grid-column>

  37. 

  38.   <kendo-grid-column

  39.     field="OffsetBalance"

  40.     title="Offset Percentage"

  41.     [width]="230"

  42.     [resizable]="false"

  43.     filter="numeric"

  44.   >

  45.     <ng-template kendoGridCellTemplate let-dataItem>

  46.       <kendo-sparkline type="bar"

  47.                        [data]="dataItem.Percentage"

  48.                        [tooltip]="{visible: false}"

  49.                        [transitions]="true"

  50.                        [seriesDefaults]="{labels: {background: 'none', visible: true, format: '{0}%'}}"

  51.       >

  52.         <kendo-chart-area opacity="0" [width]="200"></kendo-chart-area>

  53.         <kendo-chart-value-axis>

  54.           <kendo-chart-value-axis-item [min]="0" [max]="130">

  55.           </kendo-chart-value-axis-item>

  56.         </kendo-chart-value-axis>

  57.       </kendo-sparkline>

  58.     </ng-template>

  59.   </kendo-grid-column>

  60. </kendo-grid>