GlcoinCore/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2026-08-13 12:33:11 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Merge pull request #6565 from mempool/rodribp/remove-indexing-blocks-badge

Browse source 
fix: remove indexing block's badge from unnecesary graphs
This commit is contained in:
mononaut 2026-08-13 17:02:51 +08:00 • committed by GitHub
commit 69e2d83f07
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
19 changed files with 29 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/app/components/acceleration/acceleration-fees-graph/acceleration-fees-graph.component.html
View file

@ -1,4 +1,3 @@
<app-indexing-progress *ngIf="!widget"></app-indexing-progress>
<div [class.full-container]="!widget"> <div [class.full-container]="!widget">
<div *ngIf="!widget" class="card-header mb-0 mb-md-4"> <div *ngIf="!widget" class="card-header mb-0 mb-md-4">

1
frontend/src/app/components/address-graph/address-graph.component.html
View file

@ -1,4 +1,3 @@
<app-indexing-progress *ngIf="!widget"></app-indexing-progress>
<div [class.full-container]="!widget"> <div [class.full-container]="!widget">
<ng-container *ngIf="!error"> <ng-container *ngIf="!error">

2
frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.html
View file

@ -1,4 +1,4 @@
<app-indexing-progress *ngIf="!widget"></app-indexing-progress> <app-indexing-progress *ngIf="!widget" [showNetworkHashrate]="false" [showPoolsHashrate]="false"></app-indexing-progress>
<div [class.full-container]="!widget"> <div [class.full-container]="!widget">
<div *ngIf="!widget" class="card-header mb-0 mb-md-4"> <div *ngIf="!widget" class="card-header mb-0 mb-md-4">

2
frontend/src/app/components/block-fees-graph/block-fees-graph.component.html
View file

@ -1,4 +1,4 @@
<app-indexing-progress></app-indexing-progress> <app-indexing-progress [showNetworkHashrate]="false" [showPoolsHashrate]="false"></app-indexing-progress>
<div class="full-container"> <div class="full-container">
<div class="card-header mb-0 mb-md-4"> <div class="card-header mb-0 mb-md-4">

2
frontend/src/app/components/block-fees-subsidy-graph/block-fees-subsidy-graph.component.html
View file

@ -1,4 +1,4 @@
<app-indexing-progress></app-indexing-progress> <app-indexing-progress [showNetworkHashrate]="false" [showPoolsHashrate]="false"></app-indexing-progress>
<div class="full-container"> <div class="full-container">
<div class="card-header mb-0 mb-md-4"> <div class="card-header mb-0 mb-md-4">

2
frontend/src/app/components/block-health-graph/block-health-graph.component.html
View file

@ -1,4 +1,4 @@
<app-indexing-progress></app-indexing-progress> <app-indexing-progress [showNetworkHashrate]="false" [showPoolsHashrate]="false"></app-indexing-progress>
<div class="full-container"> <div class="full-container">
<div class="card-header mb-0 mb-md-4"> <div class="card-header mb-0 mb-md-4">

2
frontend/src/app/components/block-rewards-graph/block-rewards-graph.component.html
View file

@ -1,4 +1,4 @@
<app-indexing-progress></app-indexing-progress> <app-indexing-progress [showNetworkHashrate]="false" [showPoolsHashrate]="false"></app-indexing-progress>
<div class="full-container"> <div class="full-container">

2
frontend/src/app/components/block-sizes-weights-graph/block-sizes-weights-graph.component.html
View file

@ -1,3 +1,5 @@
<app-indexing-progress [showNetworkHashrate]="false" [showPoolsHashrate]="false"></app-indexing-progress>
<div class="full-container"> <div class="full-container">
<div class="card-header mb-0 mb-md-4"> <div class="card-header mb-0 mb-md-4">

2
frontend/src/app/components/blocks-list/blocks-list.component.html
View file

@ -1,4 +1,4 @@
<app-indexing-progress *ngIf="!widget"></app-indexing-progress> <app-indexing-progress *ngIf="!widget" [showNetworkHashrate]="false" [showPoolsHashrate]="false"></app-indexing-progress>
<div class="container-xl" style="min-height: 335px" [ngClass]="{'widget': widget, 'full-height': !widget, 'legacy': !isMempoolModule}"> <div class="container-xl" style="min-height: 335px" [ngClass]="{'widget': widget, 'full-height': !widget, 'legacy': !isMempoolModule}">
<div *ngIf="!widget" class="float-start" style="display: flex; width: 100%; align-items: center;"> <div *ngIf="!widget" class="float-start" style="display: flex; width: 100%; align-items: center;">

6
frontend/src/app/components/indexing-progress/indexing-progress.component.html
View file

@ -1,3 +1,3 @@
<app-loading-indicator [name]="'block-indexing'" i18n-label label="Indexing blocks"></app-loading-indicator> <app-loading-indicator *ngIf="showBlocks" [name]="'block-indexing'" i18n-label label="Indexing blocks"></app-loading-indicator>
<app-loading-indicator [name]="'daily-hashrate-indexing'" i18n-label label="Indexing network hashrate"></app-loading-indicator> <app-loading-indicator *ngIf="showNetworkHashrate" [name]="'daily-hashrate-indexing'" i18n-label label="Indexing network hashrate"></app-loading-indicator>
<app-loading-indicator [name]="'weekly-hashrate-indexing'" i18n-label label="Indexing pools hashrate"></app-loading-indicator> <app-loading-indicator *ngIf="showPoolsHashrate" [name]="'weekly-hashrate-indexing'" i18n-label label="Indexing pools hashrate"></app-loading-indicator>

11
frontend/src/app/components/loading-indicator/loading-indicator.component.scss → frontend/src/app/components/indexing-progress/indexing-progress.component.scss
View file

@ -1,16 +1,23 @@
.sticky-loading { :host {
position: absolute; position: fixed;
right: 10px; right: 10px;
z-index: 1000; z-index: 1000;
font-size: 14px; font-size: 14px;
display: flex;
flex-wrap: wrap;
gap: 4px;
@media (width >= 992px) { @media (width >= 992px) {
left: 32px; left: 32px;
top: 55px; top: 55px;
} }
@media (576px <= width < 992px ) { @media (576px <= width < 992px ) {
left: 18px; left: 18px;
top: 55px; top: 55px;
} }
@media (width <= 575px) { @media (width <= 575px) {
left: 18px; left: 18px;
top: 100px; top: 100px;

7
frontend/src/app/components/indexing-progress/indexing-progress.component.ts
View file

@ -1,12 +1,17 @@
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
@Component({ @Component({
selector: 'app-indexing-progress', selector: 'app-indexing-progress',
templateUrl: './indexing-progress.component.html', templateUrl: './indexing-progress.component.html',
styleUrl: 'indexing-progress.component.scss',
changeDetection: ChangeDetectionStrategy.OnPush, changeDetection: ChangeDetectionStrategy.OnPush,
standalone: false, standalone: false,
}) })
export class IndexingProgressComponent implements OnInit { export class IndexingProgressComponent implements OnInit {
@Input() showBlocks: boolean = true;
@Input() showNetworkHashrate: boolean = true;
@Input() showPoolsHashrate: boolean = true;
constructor( constructor(
) {} ) {}

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"> <div *ngIf="this.indexingProgress$ | async as progress">
<span *ngIf="progress >= 0" class="me-auto badge rounded-pill bg-warning">{{ this.label }} ({{ progress }}%)</span> <span *ngIf="progress >= 0" class="me-auto badge rounded-pill bg-warning">{{ this.label }} ({{ progress }}%)</span>
</div> </div>

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

@ -7,7 +7,6 @@ import { WebsocketService } from '@app/services/websocket.service';
@Component({ @Component({
selector: 'app-loading-indicator', selector: 'app-loading-indicator',
templateUrl: './loading-indicator.component.html', templateUrl: './loading-indicator.component.html',
styleUrls: ['./loading-indicator.component.scss'],
standalone: false, standalone: false,
changeDetection: ChangeDetectionStrategy.OnPush changeDetection: ChangeDetectionStrategy.OnPush
}) })

2
frontend/src/app/components/pool-ranking/pool-ranking.component.html
View file

@ -1,4 +1,4 @@
<app-indexing-progress *ngIf="!widget"></app-indexing-progress> <app-indexing-progress *ngIf="!widget" [showNetworkHashrate]="false" [showPoolsHashrate]="false"></app-indexing-progress>
<div [class]="widget === false ? 'full-container' : ''"> <div [class]="widget === false ? 'full-container' : ''">

2
frontend/src/app/components/pool/pool.component.html
View file

@ -1,4 +1,4 @@
<app-indexing-progress></app-indexing-progress> <app-indexing-progress [showNetworkHashrate]="false"></app-indexing-progress>
<div class="container-xl" *ngIf="!error; else errorTemplate"> <div class="container-xl" *ngIf="!error; else errorTemplate">

1
frontend/src/app/components/price-chart/price-chart.component.html
View file

@ -1,4 +1,3 @@
<app-indexing-progress *ngIf="!widget"></app-indexing-progress>
<div [class]="widget === false ? 'full-container' : ''"> <div [class]="widget === false ? 'full-container' : ''">

1
frontend/src/app/components/treasuries/treasuries-graph/treasuries-graph.component.html
View file

@ -1,4 +1,3 @@
<app-indexing-progress *ngIf="!widget"></app-indexing-progress>
<div [class.full-container]="!widget"> <div [class.full-container]="!widget">
<ng-container *ngIf="!error"> <ng-container *ngIf="!error">

1
frontend/src/app/components/utxo-graph/utxo-graph.component.html
View file

@ -1,4 +1,3 @@
<app-indexing-progress *ngIf="!widget"></app-indexing-progress>
<div [class.full-container]="!widget"> <div [class.full-container]="!widget">
<ng-container *ngIf="!error"> <ng-container *ngIf="!error">