highperfocused/public-pool-ui
1
0
Fork 0
mirror of https://github.com/benjamin-wilson/public-pool-ui.git synced 2025-04-03 17:38:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

data rework

Browse Source
This commit is contained in:
Ben Wilson 2023-08-01 22:38:24 -04:00
parent a6af5ff82e
commit 9db2938cf1
5 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/components/dashboard/dashboard.component.ts
View File

@ -35,12 +35,11 @@ export class DashboardComponent {
this.chartData$ = this.clientInfo$.pipe(
map((workerInfo: any) => {
this.chartData$ = this.clientService.getClientInfoChart(this.address).pipe(
map((chartData) => {
const GROUP_SIZE = 12; //6 = 1 hour
let chartData: any[] = workerInfo.chartData;
let hourlyData = [];
@ -54,10 +53,10 @@ export class DashboardComponent {
}
const data = workerInfo.chartData.map((d: any) => { return { y: d.data, x: d.label } });
const data = chartData.map((d: any) => { return { y: d.data, x: d.label } });
return {
labels: workerInfo.chartData.map((d: any) => d.label),
labels: chartData.map((d: any) => d.label),
datasets: [
{
type: 'line',

4
src/app/components/splash/splash.component.html
View File

@ -57,8 +57,8 @@
<div *ngIf="chartData$ | async as chartData">
<div class="card">
<h1>Chart Returning Soon</h1>
<!-- <p-chart type="line" [data]="chartData" [options]="chartOptions"></p-chart> -->
<p-chart type="line" [data]="chartData" [options]="chartOptions"></p-chart>
</div>
</div>

10
src/app/components/splash/splash.component.ts
View File

@ -24,16 +24,18 @@ export class SplashComponent {
constructor(private appService: AppService) {
const info$ = this.appService.getInfo().pipe(shareReplay({ refCount: true, bufferSize: 1 }));
this.blockData$ = info$.pipe(map(info => info.blockData));
this.userAgents$ = info$.pipe(map(info => info.userAgents));
this.chartData$ = info$.pipe(
map((info: any) => {
this.chartData$ = this.appService.getInfoChart().pipe(
map((chartData: any) => {
return {
labels: info.chartData.map((d: any) => d.label),
labels: chartData.map((d: any) => d.label),
datasets: [
{
label: 'Public-Pool Hashrate',
data: info.chartData.map((d: any) => d.data),
data: chartData.map((d: any) => d.data),
fill: false,
backgroundColor: documentStyle.getPropertyValue('--primary-color'),
borderColor: documentStyle.getPropertyValue('--primary-color'),

3
src/app/services/app.service.ts
View File

@ -16,4 +16,7 @@ export class AppService {
public getInfo() {
return this.httpClient.get(`${environment.API_URL}/api/info`) as Observable<any>;
}
public getInfoChart() {
return this.httpClient.get(`${environment.API_URL}/api/info/chart`) as Observable<any>;
}
}

4
src/app/services/client.service.ts
View File

@ -1,5 +1,6 @@
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { environment } from '../../environments/environment';
@ -15,4 +16,7 @@ export class ClientService {
public getClientInfo(address: string) {
return this.httpClient.get(`${environment.API_URL}/api/client/${address}`);
}
public getClientInfoChart(address: string) {
return this.httpClient.get(`${environment.API_URL}/api/client/${address}/chart`) as Observable<any[]>;
}
}