mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-12-29 09:44:26 +01:00
Code Issues Projects Releases Wiki Activity

Minor ux updates to dashboard.

Browse Source
This commit is contained in:
softsimon 2020-09-27 02:24:50 +07:00
parent dbc2f9e2dd
commit 5536e5e77d
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
1 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/app/dashboard/dashboard.component.html
View File

@ -9,7 +9,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col mb-4" *ngIf="(network$ | async) !== 'liquid'; else emptyBlock"> <div class="col mb-4" *ngIf="(network$ | async) !== 'liquid'; else emptyBlock">
<div class="card text-center"> <div class="card text-center">
<div class="card-body more-padding"> <div class="card-body more-padding">
@ -22,7 +21,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col mb-4"> <div class="col mb-4">
<div class="card text-center"> <div class="card text-center">
<div class="card-body pl-0"> <div class="card-body pl-0">
@ -43,17 +41,14 @@
</td> </td>
</tr> </tr>
</table> </table>
<hr>
</div> </div>
<br>
<div style="height: 250px;" *ngIf="(mempoolStats$ | async) as mempoolStats"> <div style="height: 250px;" *ngIf="(mempoolStats$ | async) as mempoolStats">
<app-mempool-graph [data]="mempoolStats.mempool" [showLegend]="false" [offsetX]="10"></app-mempool-graph> <app-mempool-graph [data]="mempoolStats.mempool" [showLegend]="false" [offsetX]="10"></app-mempool-graph>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col mb-4"> <div class="col mb-4">
<div class="card text-center"> <div class="card text-center">
<div class="card-body more-padding"> <div class="card-body more-padding">
@ -63,14 +58,13 @@
&nbsp;<span class="badge badge-pill badge-warning">Backend is synchronizing</span> &nbsp;<span class="badge badge-pill badge-warning">Backend is synchronizing</span>
</span> </span>
<ng-template #inSync> <ng-template #inSync>
<div class="progress sub-text"> <div class="progress sub-text" style="max-width: 250px;">
<div class="progress-bar {{ mempoolInfoData.value.progressClass }}" style="padding: 4px;" role="progressbar" [ngStyle]="{'width': mempoolInfoData.value.progressWidth}">{{ mempoolInfoData.value.vBytesPerSecond | ceil | number }} vB/s</div> <div class="progress-bar {{ mempoolInfoData.value.progressClass }}" style="padding: 4px;" role="progressbar" [ngStyle]="{'width': mempoolInfoData.value.progressWidth}">{{ mempoolInfoData.value.vBytesPerSecond | ceil | number }} vB/s</div>
</div> </div>
</ng-template> </ng-template>
</ng-template> </ng-template>
<br>
<br><br> <hr>
<div style="height: 250px;" *ngIf="(mempoolStats$ | async) as mempoolStats"> <div style="height: 250px;" *ngIf="(mempoolStats$ | async) as mempoolStats">
<app-chartist <app-chartist
[data]="mempoolStats.weightPerSecond" [data]="mempoolStats.weightPerSecond"
@ -81,7 +75,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col mb-4"> <div class="col mb-4">
<div class="card text-center"> <div class="card text-center">
<div class="card-body"> <div class="card-body">