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

Changed to toggle buttons. Changed filters.

Browse Source
This commit is contained in:
softsimon 2024-02-08 14:52:31 +08:00
parent 3ceb583127
commit 510dd91328
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
3 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,13 +24,11 @@
<fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: text-top; font-size: 13px; color: #4a68b9"></fa-icon> <fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: text-top; font-size: 13px; color: #4a68b9"></fa-icon>
</a> </a>
<div class="quick-filter"> <div class="quick-filter">
<ng-container *ngFor="let filter of goggleCycle"> <div class="btn-group btn-group-toggle">
<div <label class="btn btn-primary btn-xs" [class.active]="filter.index === goggleIndex" *ngFor="let filter of goggleCycle">
class="goggle-badge badge badge-primary" <input type="radio" [value]="'3m'" fragment="3m" (click)="goggleIndex = filter.index" [attr.data-cy]="'3m'"> {{ filter.name }}
[class.active]="filter.index === goggleIndex" </label>
(click)="goggleIndex = filter.index" </div>
>{{ filter.name }}</div>
</ng-container>
</div> </div>
<div class="mempool-block-wrapper"> <div class="mempool-block-wrapper">
<app-mempool-block-overview <app-mempool-block-overview

12
frontend/src/app/dashboard/dashboard.component.scss
View File

@ -398,4 +398,14 @@
&.active { &.active {
background: #105fb0; background: #105fb0;
} }
} }
.btn-xs {
padding: 0.35rem 0.5rem;
font-size: 12px;
}
.quick-filter {
margin-top: 5px;
margin-bottom: 6px;
}

4
frontend/src/app/dashboard/dashboard.component.ts
View File

@ -65,8 +65,8 @@ export class DashboardComponent implements OnInit, OnDestroy, AfterViewInit {
goggleResolution = 82; goggleResolution = 82;
goggleCycle = [ goggleCycle = [
{ index: 0, name: 'All' }, { index: 0, name: 'All' },
{ index: 1, name: 'CPFP', flag: 0b00000010_00000000_00000000n }, { index: 1, name: 'Consolidations', flag: 0b00000010_00000000_00000000_00000000_00000000n },
{ index: 2, name: 'RBF', flag: 0b00000100_00000000_00000000n }, { index: 2, name: 'Coinjoin', flag: 0b00000001_00000000_00000000_00000000_00000000n },
{ index: 3, name: '💩', flag: 0b00000100_00000000_00000000_00000000n | 0b00000010_00000000_00000000_00000000n | 0b00000001_00000000_00000000_00000000n }, { index: 3, name: '💩', flag: 0b00000100_00000000_00000000_00000000n | 0b00000010_00000000_00000000_00000000n | 0b00000001_00000000_00000000_00000000n },
]; ];
goggleIndex = 0; // Math.floor(Math.random() * this.goggleCycle.length); goggleIndex = 0; // Math.floor(Math.random() * this.goggleCycle.length);