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

When a new blocks is mined, refresh the mining stats

Browse Source
This commit is contained in:
nymkappa 2022-01-17 12:54:56 +09:00
parent 0a267affaf
commit 091027cc79
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
1 changed files with 34 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/app/components/pool-ranking/pool-ranking.component.ts
View File

@ -1,9 +1,9 @@
import { Component, OnInit, ChangeDetectionStrategy, OnChanges } from '@angular/core'; import { Component, OnDestroy, OnInit } from '@angular/core';
import { FormBuilder, FormControl, FormGroup } from '@angular/forms'; import { FormBuilder, FormGroup } from '@angular/forms';
import { EChartsOption } from 'echarts'; import { EChartsOption } from 'echarts';
import { BehaviorSubject, merge, of } from 'rxjs'; import { BehaviorSubject, Subscription } from 'rxjs';
import { skip } from 'rxjs/operators';
import { MiningStats } from 'src/app/interfaces/node-api.interface'; import { MiningStats } from 'src/app/interfaces/node-api.interface';
import { StateService } from 'src/app/services/state.service';
import { StorageService } from 'src/app/services/storage.service'; import { StorageService } from 'src/app/services/storage.service';
import { MiningService } from '../../services/mining.service'; import { MiningService } from '../../services/mining.service';
@ -18,14 +18,15 @@ import { MiningService } from '../../services/mining.service';
z-index: 100; z-index: 100;
} }
`], `],
changeDetection: ChangeDetectionStrategy.OnPush,
}) })
export class PoolRankingComponent implements OnInit, OnChanges { export class PoolRankingComponent implements OnInit, OnDestroy {
poolsWindowPreference: string; poolsWindowPreference: string;
radioGroupForm: FormGroup; radioGroupForm: FormGroup;
miningStats!: MiningStats; miningStats!: MiningStats;
miningStatsEmitter$ = new BehaviorSubject<MiningStats>(this.miningStats); miningStatsEmitter$ = new BehaviorSubject<MiningStats>(this.miningStats);
blocksSubscription: Subscription;
miningSubscription: Subscription;
isLoading = true; isLoading = true;
chartOptions: EChartsOption = {}; chartOptions: EChartsOption = {};
@ -34,6 +35,7 @@ export class PoolRankingComponent implements OnInit, OnChanges {
}; };
constructor( constructor(
private stateService: StateService,
private storageService: StorageService, private storageService: StorageService,
private formBuilder: FormBuilder, private formBuilder: FormBuilder,
private miningService: MiningService, private miningService: MiningService,
@ -42,26 +44,38 @@ export class PoolRankingComponent implements OnInit, OnChanges {
this.radioGroupForm = this.formBuilder.group({ dateSpan: this.poolsWindowPreference }); this.radioGroupForm = this.formBuilder.group({ dateSpan: this.poolsWindowPreference });
this.radioGroupForm.controls.dateSpan.setValue(this.poolsWindowPreference); this.radioGroupForm.controls.dateSpan.setValue(this.poolsWindowPreference);
this.refreshMiningStats();
}
ngOnInit() {
} }
sleep = (ms: number) => new Promise(res => setTimeout(res, ms)); ngOnInit(): void {
this.refreshMiningStats();
this.watchBlocks();
}
ngOnDestroy(): void {
this.blocksSubscription.unsubscribe();
this.miningSubscription.unsubscribe();
}
refreshMiningStats() { refreshMiningStats() {
return this.miningService.getMiningStats(this.getSQLInterval(this.poolsWindowPreference)) this.miningSubscription = this.miningService.getMiningStats(this.getSQLInterval(this.poolsWindowPreference))
.subscribe(async data => { .subscribe(async data => {
this.miningStats = data; this.miningStats = data;
this.miningStatsEmitter$.next(this.miningStats); this.miningStatsEmitter$.next(this.miningStats);
this.prepareChartOptions(); this.prepareChartOptions();
this.isLoading = false; this.isLoading = false;
}); });
return this.miningSubscription;
} }
ngOnChanges() { watchBlocks() {
this.blocksSubscription = this.stateService.blocks$
.subscribe(([block]) => {
if (!this.miningStats) {
return;
}
this.refreshMiningStats();
});
} }
onChangeWindowPreference(e) { onChangeWindowPreference(e) {