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

highscores

Browse Source
This commit is contained in:
Ben Wilson 2024-02-16 17:22:15 -05:00
parent 913ff61c83
commit 06be5d3299
2 changed files with 57 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -130,6 +130,61 @@
</div>
</div>
<div class="col-12" *ngIf="highScores$ | async as highScores">
<div class="card">
<h4 style="text-align: center;">High Scores</h4>
<ng-container>
<p-table [value]="highScores">
<ng-template pTemplate="header">
<tr>
<th>Difficulty</th>
<th>Device</th>
<th>When</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-highScore>
<tr></tr>
<tr>
<td>{{ highScore.bestDifficulty | numberSuffix }}</td>
<td>{{ highScore.bestDifficultyUserAgent }}</td>
<td>{{ highScore.updatedAt | dateAgo}}</td>
</tr>
</ng-template>
</p-table>
<div class="text-right mt-2">
<i class="pi pi-star-fill"></i> = Open Source Software & Hardware
</div>
</ng-container>
<ng-template #loadingTable>
<p-table [value]="[{},{},{}]">
<ng-template pTemplate="header">
<tr>
<th>Device</th>
<th>Currently Working</th>
<th>Total Hash Rate</th>
<th>Best Difficulty <i class="pi pi-question-circle ml-2"
pTooltip="If you find a solution with a difficulty higher than the network difficulty, you've found a block."></i>
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-row>
<tr></tr>
<tr>
<td><p-skeleton></p-skeleton></td>
<td><p-skeleton></p-skeleton></td>
<td><p-skeleton></p-skeleton></td>
<td><p-skeleton></p-skeleton></td>
</tr>
</ng-template>
</p-table>
</ng-template>
</div>
</div>
<div class="col-12" *ngIf="blockData$ | async as blockData">
<div class="card">
<h4 style="text-align: center;"> Found Blocks</h4>

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

@ -19,6 +19,7 @@ export class SplashComponent {
public chartData$: Observable<any>;
public blockData$: Observable<any>;
public userAgents$: Observable<any>;
public highScores$: Observable<any>;
public uptime$: Observable<string>;
public chartOptions: any;
@ -38,6 +39,7 @@ export class SplashComponent {
this.blockData$ = info$.pipe(map(info => info.blockData));
this.userAgents$ = info$.pipe(map(info => info.userAgents));
this.highScores$ = info$.pipe(map(info => info.highScores));
this.uptime$ = info$.pipe(map(info => info.uptime))
this.chartData$ = this.appService.getInfoChart().pipe(