Fix pagination #2

Merged
sudacode merged 1 commits from fix-pagination into main 2024-08-09 02:16:55 -07:00

View File

@ -169,30 +169,30 @@
<mat-card-content> <mat-card-content>
<ol class="mb-0 ml-1 pl-3"> <ol class="mb-0 ml-1 pl-3">
<div *ngFor="let holding of (showAllTop ? positions.slice(pageIndexTop * pageSize, (pageIndexTop + 1) * pageSize) : positions | slice:0:5); track holding"> <div *ngFor="let holding of (showAllTop ? positions.slice(pageIndexTop * pageSize, (pageIndexTop + 1) * pageSize) : positions | slice:0:5); track holding">
<li class="py-1"> <li class="py-1" value="{{pageSize * pageIndexTop + i + 1}}">
<a <a
class="d-flex" class="d-flex"
[queryParams]="{ [queryParams]="{
dataSource: holding.dataSource, dataSource: holding.dataSource,
holdingDetailDialog: true, holdingDetailDialog: true,
symbol: holding.symbol symbol: holding.symbol
}" }"
[routerLink]="[]" [routerLink]="[]"
> >
<div class="flex-grow-1 mr-2">{{ holding.name }}</div> <div class="flex-grow-1 mr-2">{{ holding.name }}</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]="holding.netPerformancePercentWithCurrencyEffect" [value]="holding.netPerformancePercentWithCurrencyEffect"
/> />
</div> </div>
</a> </a>
</li> </li>
</div> </div>
</ol> </ol>
<div> <div>
@if (!topx) { @if (!topx) {
@ -232,33 +232,33 @@
> >
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<ol class="mb-0 ml-1 pl-3"> <ol class="mb-0 ml-1 pl-3">
<div *ngFor="let holding of (showAllBottom ? positionsReversed.slice(pageIndexBottom * pageSize, (pageIndexBottom + 1) * pageSize) : positionsReversed | slice:0:5); track holding"> <div *ngFor="let holding of (showAllBottom ? positionsReversed.slice(pageIndexBottom * pageSize, (pageIndexBottom + 1) * pageSize) : positionsReversed | slice:0:5); index as i">
<li class="py-1"> <li class="py-1" value="{{pageSize * pageIndexBottom + i + 1}}">
<a <a
class="d-flex" class="d-flex"
[queryParams]="{ [queryParams]="{
dataSource: holding.dataSource, dataSource: holding.dataSource,
holdingDetailDialog: true, holdingDetailDialog: true,
symbol: holding.symbol symbol: holding.symbol
}" }"
[routerLink]="[]" [routerLink]="[]"
> >
<div class="flex-grow-1 mr-2">{{ holding.name }}</div> <div class="flex-grow-1 mr-2">{{ holding.name }}</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]="holding.netPerformancePercentWithCurrencyEffect" [value]="holding.netPerformancePercentWithCurrencyEffect"
/> />
</div> </div>
</a> </a>
</li> </li>
</div> </div>
</ol> </ol>
<div> <div>
@if (!bottomx) { @if (!bottomx) {
<ngx-skeleton-loader <ngx-skeleton-loader