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

Merge pull request #4946 from mempool/mononaut/acc-dash-vbytes

Browse Source 
Switch success rate to total vsize
This commit is contained in:
softsimon 2024-04-10 18:12:48 +09:00 committed by GitHub
commit b6a9ad67d3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/components/acceleration/acceleration-stats/acceleration-stats.component.html
View File

@ -17,10 +17,10 @@
</div>
</div>
<div class="item">
<h5 class="card-title" i18n="accelerator.success-rate">Success Rate</h5>
<h5 class="card-title" i18n="accelerator.total-vsize">Total vSize</h5>
<div class="card-text">
<div>{{ stats.successRate.toFixed(2) }} %</div>
<div class="symbol" i18n="accelerator.mined-next-block">mined</div>
<div [innerHTML]="'&lrm;' + (stats.totalVsize | vbytes: 2)"></div>
<div class="symbol">{{ (stats.totalVsize / (1_000_000 * blocksInPeriod) * 100).toFixed(2) }}% <span i18n="accelerator.percent-of-blocks"> of blocks</span></div>
</div>
</div>
</div>
@ -43,7 +43,7 @@
</div>
</div>
<div class="item">
<h5 class="card-title" i18n="accelerator.success-rate">Success Rate</h5>
<h5 class="card-title" i18n="accelerator.total-vsize">Total vSize</h5>
<div class="card-text">
<div class="skeleton-loader"></div>
<div class="skeleton-loader"></div>

2
frontend/src/app/components/acceleration/acceleration-stats/acceleration-stats.component.scss
View File

@ -34,7 +34,7 @@
@media (min-width: 376px) {
margin: 0 auto 0px;
}
&:first-child{
&:last-child{
display: none;
@media (min-width: 485px) {
display: block;

19
frontend/src/app/components/acceleration/acceleration-stats/acceleration-stats.component.ts
View File

@ -6,6 +6,7 @@ export type AccelerationStats = {
totalRequested: number;
totalBidBoost: number;
successRate: number;
totalVsize: number;
}
@Component({
@ -17,16 +18,32 @@ export type AccelerationStats = {
export class AccelerationStatsComponent implements OnInit, OnChanges {
@Input() timespan: '3d' | '1w' | '1m' = '1w';
accelerationStats$: Observable<AccelerationStats>;
blocksInPeriod: number = 7 * 144;
constructor(
private servicesApiService: ServicesApiServices
) { }
ngOnInit(): void {
this.accelerationStats$ = this.servicesApiService.getAccelerationStats$({ timeframe: this.timespan });
this.updateStats();
}
ngOnChanges(): void {
this.updateStats();
}
updateStats(): void {
this.accelerationStats$ = this.servicesApiService.getAccelerationStats$({ timeframe: this.timespan });
switch (this.timespan) {
case '3d':
this.blocksInPeriod = 3 * 144;
break;
case '1w':
this.blocksInPeriod = 7 * 144;
break;
case '1m':
this.blocksInPeriod = 30 * 144;
break;
}
}
}

8
frontend/src/app/components/acceleration/pending-stats/pending-stats.component.html
View File

@ -17,10 +17,10 @@
</div>
</div>
<div class="item">
<h5 class="card-title" i18n="accelerator.total-vsize">Total Vsize</h5>
<h5 class="card-title" i18n="accelerator.total-vsize">Total vSize</h5>
<div class="card-text">
<div [innerHTML]="'&lrm;' + (stats.totalVsize * 4 | vbytes: 2)"></div>
<div class="symbol">{{ (stats.totalVsize / 1_000_000 * 100).toFixed(2) }}% <span i18n="accelerator.percent-of-next-block"> of next block</span></div>
<div [innerHTML]="'&lrm;' + (stats.totalVsize | vbytes: 2)"></div>
<div class="symbol">{{ (stats.totalVsize / 1_000_000 * 100).toFixed(2) }}% <span i18n="accelerator.percent-of-block"> of block</span></div>
</div>
</div>
</div>
@ -43,7 +43,7 @@
</div>
</div>
<div class="item">
<h5 class="card-title" i18n="accelerator.total-vsize">Total Vsize</h5>
<h5 class="card-title" i18n="accelerator.total-vsize">Total vSize</h5>
<div class="card-text">
<div class="skeleton-loader"></div>
<div class="skeleton-loader"></div>

2
frontend/src/app/components/acceleration/pending-stats/pending-stats.component.scss
View File

@ -34,7 +34,7 @@
@media (min-width: 376px) {
margin: 0 auto 0px;
}
&:first-child{
&:last-child{
display: none;
@media (min-width: 485px) {
display: block;