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

TV view button. Updated stats bar. Removed tx/second graph. CSS fixes.

Browse Source
This commit is contained in:
Simon Lindh
2019-08-15 14:50:05 +03:00
parent 85f1d4d7aa
commit bd19b88f11
10 changed files with 36 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/footer/footer.component.html
View File

@@ -2,9 +2,9 @@
<div class="container">
<div class="my-2 my-md-0 mr-md-3">
<div *ngIf="memPoolInfo" class="info-block">
<span class="unconfirmedTx">Unconfirmed transactions:</span>&nbsp;<b>{{ memPoolInfo?.memPoolInfo?.size | number }} ({{ mempoolBlocks }} block<span [hidden]="mempoolBlocks <= 1">s</span>)</b>
<span class="unconfirmedTx">Unconfirmed transactions:</span>&nbsp;<b>{{ memPoolInfo?.memPoolInfo?.size | number }}</b>
<br />
<span class="mempoolSize">Tx per second:</span>&nbsp;<b>{{ memPoolInfo?.txPerSecond | number : '1.2-2' }} tx/s</b>
<span class="mempoolSize">Mempool size:</span>&nbsp;<b>{{ mempoolSize | bytes }} ({{ mempoolBlocks }} block<span [hidden]="mempoolBlocks <= 1">s</span>)</b>
<br />
<span class="txPerSecond">Tx weight per second:</span>&nbsp;

6
frontend/src/app/footer/footer.component.scss
View File

@@ -23,12 +23,14 @@
}
.info-block {
float:left;
float: left;
width: 350px;
line-height: 25px;
}
.progress {
display: inline-flex;
width: 150px;
width: 160px;
background-color: #2d3348;
height: 1.1rem;
}

12
frontend/src/app/footer/footer.component.ts
View File

@@ -11,6 +11,7 @@ export class FooterComponent implements OnInit {
mempoolBlocks = 0;
progressWidth = '';
progressClass: string;
mempoolSize = 0;
constructor(
private memPoolService: MemPoolService
@@ -22,9 +23,14 @@ export class FooterComponent implements OnInit {
this.memPoolInfo = mempoolState;
this.updateProgress();
});
this.memPoolService.mempoolWeight$
.subscribe((mempoolWeight) => {
this.mempoolBlocks = Math.ceil(mempoolWeight / 4000000);
this.memPoolService.projectedBlocks$
.subscribe((projectedblocks) => {
if (!projectedblocks.length) { return; }
const size = projectedblocks.map((m) => m.blockSize).reduce((a, b) => a + b);
const weight = projectedblocks.map((m) => m.blockWeight).reduce((a, b) => a + b);
this.mempoolSize = size;
this.mempoolBlocks = Math.ceil(weight / 4000000);
});
}