machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Load 1000 more inputs/outputs per click. Fix label i18n.

Browse Source
This commit is contained in:
Mononaut 2022-11-22 14:47:31 +09:00
parent 330ab9682b
commit d107286344
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/app/components/transactions-list/transactions-list.component.html
View File

@ -148,7 +148,13 @@
</ng-template> </ng-template>
<tr *ngIf="tx.vin.length > getVinLimit(tx)"> <tr *ngIf="tx.vin.length > getVinLimit(tx)">
<td colspan="3" class="text-center"> <td colspan="3" class="text-center">
<button class="btn btn-sm btn-primary mt-2" (click)="showMoreInputs(tx)"><span i18n="show-more">Show more</span> ({{ getVinLimit(tx, true) }} / {{ tx.vin.length }})</button> <button class="btn btn-sm btn-primary mt-2" (click)="showMoreInputs(tx)">
<span *ngIf="getVinLimit(tx, true) >= tx.vin.length; else showMoreInputsLabel" i18n="show-all">Show all</span>
<ng-template #showMoreInputsLabel>
<span i18n="show-more">Show more</span>
</ng-template>
({{ tx.vin.length - getVinLimit(tx) }} <span i18n="inputs-remaining">remaining</span> )
</button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -259,7 +265,13 @@
</ng-template> </ng-template>
<tr *ngIf="tx.vout.length > getVoutLimit(tx)"> <tr *ngIf="tx.vout.length > getVoutLimit(tx)">
<td colspan="3" class="text-center"> <td colspan="3" class="text-center">
<button class="btn btn-sm btn-primary mt-2" (click)="showMoreOutputs(tx)"><span i18n="show-more">Show more</span> ({{ getVoutLimit(tx, true) }} / {{ tx.vout.length }})</button> <button class="btn btn-sm btn-primary mt-2" (click)="showMoreOutputs(tx)">
<span *ngIf="getVoutLimit(tx, true) >= tx.vout.length; else showMoreOutputsLabel" i18n="show-all">Show all</span>
<ng-template #showMoreOutputsLabel>
<span i18n="show-more">Show more</span>
</ng-template>
({{ tx.vout.length - getVoutLimit(tx) }} <span i18n="outputs-remaining">remaining</span> )
</button>
</td> </td>
</tr> </tr>
</tbody> </tbody>

2
frontend/src/app/components/transactions-list/transactions-list.component.ts
View File

@ -18,7 +18,7 @@ import { ApiService } from '../../services/api.service';
export class TransactionsListComponent implements OnInit, OnChanges { export class TransactionsListComponent implements OnInit, OnChanges {
network = ''; network = '';
nativeAssetId = this.stateService.network === 'liquidtestnet' ? environment.nativeTestAssetId : environment.nativeAssetId; nativeAssetId = this.stateService.network === 'liquidtestnet' ? environment.nativeTestAssetId : environment.nativeAssetId;
showMoreIncrement = 40; showMoreIncrement = 1000;
@Input() transactions: Transaction[]; @Input() transactions: Transaction[];
@Input() showConfirmations = false; @Input() showConfirmations = false;