Simple Goggle Toggles

This commit is contained in:
Mononaut
2024-02-08 03:57:11 +00:00
parent 3039481686
commit d7be5a4737
7 changed files with 56 additions and 13 deletions

View File

@@ -18,13 +18,27 @@
<div class="card graph-card">
<div class="card-body pl-lg-3 pr-lg-3 pl-2 pr-2">
<ng-template [ngIf]="(network$ | async) !== 'liquid'" [ngIfElse]="liquidPegs">
<a class="title-link" href="" [routerLink]="['/mempool-block/0' | relativeUrl]">
<h5 class="card-title d-inline" i18n="dashboard.mempool-goggles-next-block">Mempool Goggles: Next Block</h5>
<a class="title-link mb-0" href="" [routerLink]="['/mempool-block/0' | relativeUrl]">
<h5 class="card-title d-inline" i18n="dashboard.mempool-goggles-next-block">Mempool Goggles: {{ goggleCycle[goggleIndex].name }}</h5>
<span>&nbsp;</span>
<fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: text-top; font-size: 13px; color: #4a68b9"></fa-icon>
</a>
<div class="quick-filter">
<ng-container *ngFor="let filter of goggleCycle">
<div
class="badge badge-primary"
[class.active]="filter.index === goggleIndex"
(click)="goggleIndex = filter.index"
>{{ filter.name }}</div>
</ng-container>
</div>
<div class="mempool-block-wrapper">
<app-mempool-block-overview [index]="0"></app-mempool-block-overview>
<app-mempool-block-overview
[index]="0"
[resolution]="goggleResolution"
[filterFlags]="goggleCycle[goggleIndex].flag"
filterMode="or"
></app-mempool-block-overview>
</div>
</ng-template>
<ng-template #liquidPegs>