highperfocused/public-pool-ui
1
0
Fork 0
mirror of https://github.com/benjamin-wilson/public-pool-ui.git synced 2025-07-12 16:02:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

user agents

Browse Source
This commit is contained in:
Ben Wilson
2023-07-25 18:53:59 -04:00
parent a57741de61
commit 405b5d3cca
2 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -62,6 +62,28 @@
</div>
<div class="col-12" *ngIf="userAgents$ | async as userAgents">
<div class="card">
<h4 style="text-align: center;">Devices</h4>
<p-table [value]="userAgents">
<ng-template pTemplate="header">
<tr>
<th>Device</th>
<th>Currently Working</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-userAgent>
<tr>
<td>{{ userAgent.userAgent }}</td>
<td>{{ userAgent.count }}</td>
</tr>
</ng-template>
</p-table>
</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

@ -17,6 +17,7 @@ export class SplashComponent {
public chartData$: Observable<any>;
public blockData$: Observable<any>;
public userAgents$: Observable<any>;
public chartOptions: any;
@ -24,6 +25,7 @@ export class SplashComponent {
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) => {
return {