topaLE
/
ghostfolio
mirror of https://github.com/ghostfolio/ghostfolio
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Refactor to ordered list

pull/2807/head
Thomas Kaul 2 years ago
parent
265d4d0450
commit
d9fd4c4f70
1 changed files with 46 additions and 42 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 88
      apps/client/src/app/pages/portfolio/analysis/analysis-page.html

88
apps/client/src/app/pages/portfolio/analysis/analysis-page.html
View File

@ -41,31 +41,33 @@
> >
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<div *ngFor="let position of top3; let i = index" class="py-1"> <ol class="mb-0 ml-1 pl-3">
<a <li *ngFor="let position of top3" class="py-1">
class="d-flex" <a
[queryParams]="{ class="d-flex"
[queryParams]="{
dataSource: position.dataSource, dataSource: position.dataSource,
positionDetailDialog: true, positionDetailDialog: true,
symbol: position.symbol symbol: position.symbol
}" }"
[routerLink]="[]" [routerLink]="[]"
> >
<div class="flex-grow-1 mr-2 text-truncate"> <div class="flex-grow-1 mr-2 text-truncate">
{{ i + 1 }}. {{ position.name }} {{ position.name }}
</div> </div>
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[colorizeSign]="true" [colorizeSign]="true"
[isPercent]="true" [isPercent]="true"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[value]="position.netPerformancePercentage" [value]="position.netPerformancePercentage"
></gf-value> ></gf-value>
</div> </div>
</a> </a>
</div> </li>
</ol>
<div> <div>
<ngx-skeleton-loader <ngx-skeleton-loader
*ngIf="!top3" *ngIf="!top3"
@ -87,31 +89,33 @@
> >
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<div *ngFor="let position of bottom3; let i = index" class="py-1"> <ol class="mb-0 ml-1 pl-3">
<a <li *ngFor="let position of bottom3" class="py-1">
class="d-flex" <a
[queryParams]="{ class="d-flex"
[queryParams]="{
dataSource: position.dataSource, dataSource: position.dataSource,
positionDetailDialog: true, positionDetailDialog: true,
symbol: position.symbol symbol: position.symbol
}" }"
[routerLink]="[]" [routerLink]="[]"
> >
<div class="flex-grow-1 mr-2 text-truncate"> <div class="flex-grow-1 mr-2 text-truncate">
{{ i + 1 }}. {{ position.name }} {{ position.name }}
</div> </div>
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[colorizeSign]="true" [colorizeSign]="true"
[isPercent]="true" [isPercent]="true"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[value]="position.netPerformancePercentage" [value]="position.netPerformancePercentage"
></gf-value> ></gf-value>
</div> </div>
</a> </a>
</div> </li>
</ol>
<div> <div>
<ngx-skeleton-loader <ngx-skeleton-loader
*ngIf="!bottom3" *ngIf="!bottom3"

Write Preview
Loading…
Cancel
Save