mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-12-27 08:44:26 +01:00
Code Issues Projects Releases Wiki Activity

Display "stack of X blocks" instead of "8th block" on the mempool block stack.

Browse Source
This commit is contained in:
softsimon 2020-07-21 13:20:17 +07:00
parent 942e1a7d68
commit a4c49d42af
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/mempool-block/mempool-block.component.html
View File

@ -1,7 +1,7 @@
<div class="container-xl" *ngIf="mempoolBlock$ | async as mempoolBlock">
<div class="title-block">
<h1 class="float-left">{{ getGetOrdinal() }}</h1>
<h1 class="float-left">{{ ordinal }}</h1>
<button [routerLink]="['/' | relativeUrl]" class="btn btn-sm float-right mr-2 mt-2">&#10005;</button>
</div>

21
frontend/src/app/components/mempool-block/mempool-block.component.ts
View File

@ -5,6 +5,7 @@ import { switchMap, map, tap, filter } from 'rxjs/operators';
import { MempoolBlock } from 'src/app/interfaces/websocket.interface';
import { Observable } from 'rxjs';
import { SeoService } from 'src/app/services/seo.service';
import { env } from 'src/app/app.constants';
@Component({
selector: 'app-mempool-block',
@ -15,6 +16,7 @@ export class MempoolBlockComponent implements OnInit, OnDestroy {
network = '';
mempoolBlockIndex: number;
mempoolBlock$: Observable<MempoolBlock>;
ordinal: string;
constructor(
private route: ActivatedRoute,
@ -34,7 +36,8 @@ export class MempoolBlockComponent implements OnInit, OnDestroy {
while (!mempoolBlocks[this.mempoolBlockIndex]) {
this.mempoolBlockIndex--;
}
this.seoService.setTitle(this.getGetOrdinal());
this.setOrdinal(mempoolBlocks[this.mempoolBlockIndex]);
this.seoService.setTitle(this.ordinal);
return mempoolBlocks[this.mempoolBlockIndex];
})
);
@ -52,14 +55,16 @@ export class MempoolBlockComponent implements OnInit, OnDestroy {
this.stateService.markBlock$.next({});
}
getGetOrdinal() {
setOrdinal(mempoolBlock: MempoolBlock) {
const blocksInBlock = Math.ceil(mempoolBlock.blockVSize / 1000000);
if (this.mempoolBlockIndex === 0) {
return 'Next block';
this.ordinal = 'Next block';
} else if (this.mempoolBlockIndex === env.KEEP_BLOCKS_AMOUNT - 1 && blocksInBlock > 1 ) {
this.ordinal = `Stack of ${blocksInBlock} blocks`;
} else {
const s = ['th', 'st', 'nd', 'rd'];
const v = this.mempoolBlockIndex + 1 % 100;
this.ordinal = this.mempoolBlockIndex + 1 + (s[(v - 20) % 10] || s[v] || s[0]) + ' next block';
}
const s = ['th', 'st', 'nd', 'rd'];
const v = this.mempoolBlockIndex + 1 % 100;
return this.mempoolBlockIndex + 1 + (s[(v - 20) % 10] || s[v] || s[0]) + ' next block';
}
}