Fix pagination

Fix items on pages after the 1st resetting index to 1
This commit is contained in:
ksyasuda 2024-08-09 02:15:24 -07:00
parent 7462ccd612
commit 99558fec44
No known key found for this signature in database

View File

@ -169,30 +169,30 @@
<mat-card-content>
<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">
<li class="py-1">
<a
class="d-flex"
[queryParams]="{
dataSource: holding.dataSource,
holdingDetailDialog: true,
symbol: holding.symbol
}"
[routerLink]="[]"
>
<div class="flex-grow-1 mr-2">{{ holding.name }}</div>
<div class="d-flex justify-content-end">
<gf-value
class="justify-content-end"
position="end"
[colorizeSign]="true"
[isPercent]="true"
[locale]="user?.settings?.locale"
[value]="holding.netPerformancePercentWithCurrencyEffect"
/>
</div>
</a>
<li class="py-1" value="{{pageSize * pageIndexTop + i + 1}}">
<a
class="d-flex"
[queryParams]="{
dataSource: holding.dataSource,
holdingDetailDialog: true,
symbol: holding.symbol
}"
[routerLink]="[]"
>
<div class="flex-grow-1 mr-2">{{ holding.name }}</div>
<div class="d-flex justify-content-end">
<gf-value
class="justify-content-end"
position="end"
[colorizeSign]="true"
[isPercent]="true"
[locale]="user?.settings?.locale"
[value]="holding.netPerformancePercentWithCurrencyEffect"
/>
</div>
</a>
</li>
</div>
</div>
</ol>
<div>
@if (!topx) {
@ -232,33 +232,33 @@
>
</mat-card-header>
<mat-card-content>
<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">
<li class="py-1">
<a
class="d-flex"
[queryParams]="{
dataSource: holding.dataSource,
holdingDetailDialog: true,
symbol: holding.symbol
}"
[routerLink]="[]"
>
<div class="flex-grow-1 mr-2">{{ holding.name }}</div>
<div class="d-flex justify-content-end">
<gf-value
class="justify-content-end"
position="end"
[colorizeSign]="true"
[isPercent]="true"
[locale]="user?.settings?.locale"
[value]="holding.netPerformancePercentWithCurrencyEffect"
/>
</div>
</a>
</li>
</div>
</ol>
<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); index as i">
<li class="py-1" value="{{pageSize * pageIndexBottom + i + 1}}">
<a
class="d-flex"
[queryParams]="{
dataSource: holding.dataSource,
holdingDetailDialog: true,
symbol: holding.symbol
}"
[routerLink]="[]"
>
<div class="flex-grow-1 mr-2">{{ holding.name }}</div>
<div class="d-flex justify-content-end">
<gf-value
class="justify-content-end"
position="end"
[colorizeSign]="true"
[isPercent]="true"
[locale]="user?.settings?.locale"
[value]="holding.netPerformancePercentWithCurrencyEffect"
/>
</div>
</a>
</li>
</div>
</ol>
<div>
@if (!bottomx) {
<ngx-skeleton-loader