94 lines
3.8 KiB
HTML
94 lines
3.8 KiB
HTML
<app-indexing-progress></app-indexing-progress>
|
|
|
|
<div class="container-xl dashboard-container">
|
|
|
|
<div class="row row-cols-1 row-cols-md-2">
|
|
|
|
<!-- pending stats -->
|
|
<div class="col">
|
|
<div class="main-title">
|
|
<span [attr.data-cy]="'pending-accelerations'" i18n="accelerator.pending-accelerations">Active Accelerations</span>
|
|
</div>
|
|
<div class="card-wrapper">
|
|
<div class="card">
|
|
<div class="card-body more-padding">
|
|
<app-pending-stats [accelerations$]="pendingAccelerations$"></app-pending-stats>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 1m stats -->
|
|
<div class="col">
|
|
<div class="main-title">
|
|
<span [attr.data-cy]="'acceleration-stats'" i18n="accelerator.acceleration-stats">Acceleration stats</span>
|
|
<span style="font-size: xx-small" i18n="mining.144-blocks">(1 month)</span>
|
|
</div>
|
|
<div class="card-wrapper">
|
|
<div class="card">
|
|
<div class="card-body more-padding">
|
|
<app-acceleration-stats timespan="1m" [accelerations$]="minedAccelerations$"></app-acceleration-stats>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Next block visualization -->
|
|
<div class="col" style="margin-bottom: 1.47rem">
|
|
<div class="card">
|
|
<div class="card-body pl-lg-3 pr-lg-3 pl-2 pr-2">
|
|
<div class="mempool-block-wrapper">
|
|
<app-mempool-block-overview [index]="0" [overrideColors]="getAcceleratorColor"></app-mempool-block-overview>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- acceleration fees graph -->
|
|
<div class="col" style="margin-bottom: 1.47rem">
|
|
<div class="card graph-card">
|
|
<div class="card-body pl-2 pr-2">
|
|
<app-acceleration-fees-graph [attr.data-cy]="'acceleration-fees'" [widget]=true [accelerations$]="accelerations$"></app-acceleration-fees-graph>
|
|
<div class="mt-1"><a [attr.data-cy]="'acceleration-fees-view-more'" [routerLink]="['/graphs/acceleration/fees' | relativeUrl]" i18n="dashboard.view-more">View more »</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Avg block fees graph -->
|
|
<!-- <div class="col" style="margin-bottom: 1.47rem">
|
|
<div class="card">
|
|
<div class="card-body pl-lg-3 pr-lg-3 pl-2 pr-2">
|
|
<app-block-fee-rates-graph [attr.data-cy]="'hashrate-graph'" [widget]="true"></app-block-fee-rates-graph>
|
|
<div class="mt-1"><a [routerLink]="['/graphs/mining/block-fee-rates' | relativeUrl]" fragment="1m" i18n="dashboard.view-more">View more »</a></div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- Recent Accelerations List -->
|
|
<div class="col">
|
|
<div class="card list-card">
|
|
<div class="card-body">
|
|
<div class="title-link">
|
|
<h5 class="card-title d-inline" i18n="accelerator.pending-accelerations">Active Accelerations</h5>
|
|
</div>
|
|
<app-accelerations-list [attr.data-cy]="'pending-accelerations'" [widget]=true [pending]="true" [accelerations$]="pendingAccelerations$"></app-accelerations-list>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Confirmed List -->
|
|
<div class="col">
|
|
<div class="card list-card">
|
|
<div class="card-body">
|
|
<a class="title-link" href="" [routerLink]="['/acceleration/list' | relativeUrl]">
|
|
<h5 class="card-title d-inline" i18n="dashboard.recent-accelerations">Recent Accelerations</h5>
|
|
<span> </span>
|
|
<fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: 'text-top'; font-size: 13px; color: #4a68b9"></fa-icon>
|
|
</a>
|
|
<app-accelerations-list [attr.data-cy]="'recent-accelerations'" [widget]=true [accelerations$]="minedAccelerations$"></app-accelerations-list>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|