Fix pagination
Fix items on pages after the 1st resetting index to 1
This commit is contained in:
parent
7462ccd612
commit
99558fec44
@ -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
|
||||||
|
Loading…
x
Reference in New Issue
Block a user