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

Merge pull request #5293 from mempool/simon/block-mining-pool-logos

Browse Source 
Block pool logos [Test]
This commit is contained in:
wiz 2024-07-09 00:10:06 +09:00 committed by GitHub
commit 7735da96f2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 36 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/block/block.component.html
View File

@ -181,8 +181,8 @@
<tr *ngIf="network !== 'liquid' && network !== 'liquidtestnet'"> <tr *ngIf="network !== 'liquid' && network !== 'liquidtestnet'">
<td i18n="block.miner">Miner</td> <td i18n="block.miner">Miner</td>
<td *ngIf="stateService.env.MINING_DASHBOARD"> <td *ngIf="stateService.env.MINING_DASHBOARD">
<a placement="bottom" [routerLink]="['/mining/pool' | relativeUrl, block.extras.pool.slug]" class="badge" <a placement="bottom" [routerLink]="['/mining/pool' | relativeUrl, block.extras.pool.slug]" class="badge" style="color: #FFF;padding:0;">
[class]="block.extras.pool.slug === 'unknown' ? 'badge-secondary' : 'badge-primary'"> <img class="pool-logo" [src]="'/resources/mining-pools/' + block.extras.pool.slug + '.svg'" onError="this.src = '/resources/mining-pools/default.svg'" [alt]="'Logo of ' + block.extras.pool.name + ' mining pool'">
{{ block.extras.pool.name }} {{ block.extras.pool.name }}
</a> </a>
</td> </td>

8
frontend/src/app/components/block/block.component.scss
View File

@ -272,3 +272,11 @@ h1 {
} }
} }
} }
.pool-logo {
width: 15px;
height: 15px;
position: relative;
top: -1px;
margin-right: 2px;
}

7
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
View File

@ -60,9 +60,10 @@
</ng-container> </ng-container>
</div> </div>
<div class="animated" [class]="markHeight === block.height ? 'hide' : 'show'" *ngIf="block.extras?.pool != undefined && showPools"> <div class="animated" [class]="markHeight === block.height ? 'hide' : 'show'" *ngIf="block.extras?.pool != undefined && showPools">
<a [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-pool'" class="badge badge-primary" <a [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-pool'" class="badge" [routerLink]="[('/mining/pool/' + block.extras.pool.slug) | relativeUrl]">
[routerLink]="[('/mining/pool/' + block.extras.pool.slug) | relativeUrl]"> <img class="pool-logo" [src]="'/resources/mining-pools/' + block.extras.pool.slug + '.svg'" onError="this.src = '/resources/mining-pools/default.svg'" [alt]="'Logo of ' + block.extras.pool.name + ' mining pool'">
{{ block.extras.pool.name}}</a> {{ block.extras.pool.name}}
</a>
</div> </div>
</div> </div>
</ng-container> </ng-container>

10
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
View File

@ -157,6 +157,15 @@
position: relative; position: relative;
top: 15px; top: 15px;
z-index: 101; z-index: 101;
color: #FFF;
}
.pool-logo {
width: 15px;
height: 15px;
position: relative;
top: -1px;
margin-right: 2px;
} }
.animated { .animated {
@ -164,6 +173,7 @@
} }
.show { .show {
opacity: 1; opacity: 1;
white-space: nowrap;
} }
.hide { .hide {
opacity: 0.4; opacity: 0.4;

6
frontend/src/app/components/transaction/transaction.component.html
View File

@ -676,9 +676,9 @@
<td class="td-width" i18n="block.miner">Miner</td> <td class="td-width" i18n="block.miner">Miner</td>
@if (pool) { @if (pool) {
<td class="wrap-cell"> <td class="wrap-cell">
<a placement="bottom" [routerLink]="['/mining/pool' | relativeUrl, pool.slug]" class="badge mr-1" <a placement="bottom" [routerLink]="['/mining/pool' | relativeUrl, pool.slug]" class="badge" style="color: #FFF;padding:0;">
[class]="pool.slug === 'unknown' ? 'badge-secondary' : 'badge-primary'"> <img class="pool-logo" [src]="'/resources/mining-pools/' + pool.slug + '.svg'" onError="this.src = '/resources/mining-pools/default.svg'" [alt]="'Logo of ' + pool.name + ' mining pool'">
{{ pool.name }} {{ pool.name }}
</a> </a>
</td> </td>
} @else { } @else {

10
frontend/src/app/components/transaction/transaction.component.scss
View File

@ -324,4 +324,12 @@
.goggles-icon { .goggles-icon {
display: block; display: block;
width: 2.7em; width: 2.7em;
} }
.pool-logo {
width: 15px;
height: 15px;
position: relative;
top: -1px;
margin-right: 2px;
}