highperfocused/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-04-07 19:38:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

Preload latest blocks until it fills the screen on inital load.

Browse Source 
closes #42
This commit is contained in:
softsimon 2020-03-11 18:04:57 +07:00
parent f94007979b
commit 82ac10af93
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/app/components/latest-blocks/latest-blocks.component.ts
View File

@ -15,6 +15,9 @@ export class LatestBlocksComponent implements OnInit, OnDestroy {
isLoading = true;
interval: any;
heightOfPageUntilBlocks = 430;
heightOfBlocksTableChunk = 470;
constructor(
private electrsApiService: ElectrsApiService,
private stateService: StateService,
@ -58,10 +61,16 @@ export class LatestBlocksComponent implements OnInit, OnDestroy {
.subscribe((blocks) => {
this.blocks = blocks;
this.isLoading = false;
const spaceForBlocks = window.innerHeight - this.heightOfPageUntilBlocks;
const chunks = Math.ceil(spaceForBlocks / this.heightOfBlocksTableChunk) - 1;
if (chunks > 0) {
this.loadMore(chunks);
}
});
}
loadMore() {
loadMore(chunks = 0) {
if (this.isLoading) {
return;
}
@ -70,6 +79,11 @@ export class LatestBlocksComponent implements OnInit, OnDestroy {
.subscribe((blocks) => {
this.blocks = this.blocks.concat(blocks);
this.isLoading = false;
const chunksLeft = chunks - 1;
if (chunksLeft > 0) {
this.loadMore(chunksLeft);
}
});
}