machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added indexing progress indicator for hashrates, update logging

Browse Source
This commit is contained in:
nymkappa
2022-05-10 14:52:37 +02:00
parent 3d29ce93d2
commit 3db04d887b
18 changed files with 78 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/loading-indicator/loading-indicator.component.html
View File

@@ -1,3 +1,3 @@
<div *ngIf="this.indexingProgress$ | async as progress" class="sticky-loading">
<span *ngIf="progress >= 0" class="mr-auto badge badge-pill badge-warning">Indexing blocks ({{ progress }}%)</span>
<span *ngIf="progress >= 0" class="mr-auto badge badge-pill badge-warning">{{ this.label }} ({{ progress }}%)</span>
</div>

16
frontend/src/app/components/loading-indicator/loading-indicator.component.scss
View File

@@ -1,14 +1,18 @@
.sticky-loading {
position: fixed;
position: absolute;
right: 10px;
z-index: 100;
@media (width > 991px) {
bottom: 15px;
font-size: 14px;
@media (width >= 992px) {
left: 32px;
top: 55px;
}
@media (576px <= width <= 991px) {
bottom: 60px;
@media (576px <= width < 992px ) {
left: 18px;
top: 55px;
}
@media (width <= 575px) {
top: 17px;
left: 18px;
top: 100px;
}
}

1
frontend/src/app/components/loading-indicator/loading-indicator.component.ts
View File

@@ -12,6 +12,7 @@ import { WebsocketService } from 'src/app/services/websocket.service';
})
export class LoadingIndicatorComponent implements OnInit {
@Input() name: string;
@Input() label: string;
public indexingProgress$: Observable<number>;