gravatite/public-pool-ui
1
0
Fork 0
Code Issues Pull Requests Actions 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
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/splash/splash.component.html
+55
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>