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

Add more acceleration stats

Browse Source
This commit is contained in:
Mononaut 2023-07-21 14:13:36 +09:00
parent f86645b50c
commit 14ad0c8ecb
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
4 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,21 +27,21 @@
<ng-template #loading> <ng-template #loading>
<div class="stats-container loading-container"> <div class="stats-container loading-container">
<div class="item"> <div class="item">
<h5 class="card-title" i18n="mining.rewards">Miners Reward</h5> <h5 class="card-title" i18n="address.transactions">Transactions</h5>
<div class="card-text"> <div class="card-text">
<div class="skeleton-loader"></div> <div class="skeleton-loader"></div>
<div class="skeleton-loader"></div> <div class="skeleton-loader"></div>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<h5 class="card-title" i18n="mining.fees-per-block">Avg Block Fees</h5> <h5 class="card-title" i18n="accelerator.fee-delta">Fee delta</h5>
<div class="card-text"> <div class="card-text">
<div class="skeleton-loader"></div> <div class="skeleton-loader"></div>
<div class="skeleton-loader"></div> <div class="skeleton-loader"></div>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<h5 class="card-title" i18n="mining.average-fee">Avg Tx Fee</h5> <h5 class="card-title" i18n="accelerator.success-rate">Success rate</h5>
<div class="card-text"> <div class="card-text">
<div class="skeleton-loader"></div> <div class="skeleton-loader"></div>
<div class="skeleton-loader"></div> <div class="skeleton-loader"></div>

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

@ -1,4 +1,4 @@
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
import { Observable, of } from 'rxjs'; import { Observable, of } from 'rxjs';
import { switchMap } from 'rxjs/operators'; import { switchMap } from 'rxjs/operators';
import { ApiService } from '../../services/api.service'; import { ApiService } from '../../services/api.service';
@ -11,13 +11,14 @@ import { StateService } from '../../services/state.service';
changeDetection: ChangeDetectionStrategy.OnPush, changeDetection: ChangeDetectionStrategy.OnPush,
}) })
export class AccelerationStatsComponent implements OnInit { export class AccelerationStatsComponent implements OnInit {
@Input() timespan: '24h' | '1w' = '24h';
public accelerationStats$: Observable<any>; public accelerationStats$: Observable<any>;
private lastBlockHeight: number; private lastBlockHeight: number;
constructor(private apiService: ApiService, private stateService: StateService) { } constructor(private apiService: ApiService, private stateService: StateService) { }
ngOnInit(): void { ngOnInit(): void {
this.accelerationStats$ = this.apiService.getAccelerations$().pipe( this.accelerationStats$ = this.apiService.getAccelerations$(this.timespan).pipe(
switchMap(accelerations => { switchMap(accelerations => {
let totalFeeDelta = 0; let totalFeeDelta = 0;
let totalMined = 0; let totalMined = 0;

18
frontend/src/app/components/accelerator-dashboard/accelerator-dashboard.component.html
View File

@ -4,6 +4,7 @@
<div class="row row-cols-1 row-cols-md-2"> <div class="row row-cols-1 row-cols-md-2">
<!-- 24h stats -->
<div class="col"> <div class="col">
<div class="main-title"> <div class="main-title">
<span [attr.data-cy]="'acceleration-stats'" i18n="accelerator.acceleration-stats">Acceleration stats</span>&nbsp; <span [attr.data-cy]="'acceleration-stats'" i18n="accelerator.acceleration-stats">Acceleration stats</span>&nbsp;
@ -12,16 +13,25 @@
<div class="card-wrapper"> <div class="card-wrapper">
<div class="card"> <div class="card">
<div class="card-body more-padding"> <div class="card-body more-padding">
<app-acceleration-stats></app-acceleration-stats> <app-acceleration-stats timespan="24h"></app-acceleration-stats>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- difficulty adjustment --> <!-- 1w stats -->
<div class="col"> <div class="col">
<div class="main-title" i18n="dashboard.difficulty-adjustment">Difficulty Adjustment</div> <div class="main-title">
<app-difficulty-mining [attr.data-cy]="'difficulty-adjustment'" [showTitle]="false" [showProgress]="false" [showHalving]="true"></app-difficulty-mining> <span [attr.data-cy]="'acceleration-stats'" i18n="accelerator.acceleration-stats">Acceleration stats</span>&nbsp;
<span style="font-size: xx-small" i18n="mining.144-blocks">(1008 blocks)</span>
</div>
<div class="card-wrapper">
<div class="card">
<div class="card-body more-padding">
<app-acceleration-stats timespan="1w"></app-acceleration-stats>
</div>
</div>
</div>
</div> </div>
<!-- acceleration fees graph --> <!-- acceleration fees graph -->

2
frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.ts
View File

@ -210,7 +210,7 @@ export class BlockFeeRatesGraphComponent implements OnInit {
top: this.widget ? 20 : (this.isMobile() ? 10 : 50), top: this.widget ? 20 : (this.isMobile() ? 10 : 50),
}, },
tooltip: { tooltip: {
show: !this.isMobile() && !this.widget, show: !this.isMobile(),
trigger: 'axis', trigger: 'axis',
axisPointer: { axisPointer: {
type: 'line' type: 'line'