mempool/frontend/src/app/lightning/lightning-dashboard/lightning-dashboard.component.html

73 lines
2.4 KiB
HTML
Raw Normal View History

2022-07-23 19:03:12 +02:00
<app-nodes-channels-map [style]="'widget'"></app-nodes-channels-map>
2022-07-23 14:23:47 +02:00
<div class="container-xl dashboard-container">
<div class="row row-cols-1 row-cols-md-2">
<div class="col">
<div class="main-title">
2022-05-15 19:22:14 +04:00
<span i18n="lightning.statistics-title">Network Statistics</span>&nbsp;
</div>
<div class="card-wrapper">
<div class="card" style="height: 123px">
<div class="card-body more-padding">
<app-node-statistics [statistics$]="statistics$"></app-node-statistics>
</div>
</div>
</div>
</div>
<div class="col">
<div class="main-title">
<span i18n="lightning.statistics-title">Channels Statistics</span>&nbsp;
</div>
<div class="card-wrapper">
<div class="card" style="height: 123px">
<div class="card-body more-padding">
<app-channels-statistics [statistics$]="statistics$"></app-channels-statistics>
</div>
</div>
</div>
</div>
2022-07-01 16:50:53 +02:00
<div class="col">
<div class="card">
<div class="card-body">
2022-07-06 15:15:08 +02:00
<app-nodes-networks-chart [widget]=true></app-nodes-networks-chart>
<div class="mt-1"><a [routerLink]="['/graphs/lightning/nodes-networks' | relativeUrl]" i18n="dashboard.view-more">View more &raquo;</a></div>
2022-07-01 16:50:53 +02:00
</div>
</div>
</div>
<div class="col">
2022-07-06 13:20:37 +02:00
<div class="card">
<div class="card-body">
2022-07-06 15:15:08 +02:00
<app-lightning-statistics-chart [widget]=true></app-lightning-statistics-chart>
<div class="mt-1"><a [routerLink]="['/graphs/lightning/capacity' | relativeUrl]" i18n="dashboard.view-more">View more &raquo;</a></div>
2022-07-06 13:20:37 +02:00
</div>
2022-07-01 16:50:53 +02:00
</div>
</div>
<div class="col">
<div class="card">
<div class="card-body">
<h5 class="card-title">Top Capacity Nodes</h5>
<app-nodes-list [nodes$]="nodesByCapacity$"></app-nodes-list>
<!-- <div><a [routerLink]="['/lightning/nodes' | relativeUrl]" i18n="dashboard.view-more">View more &raquo;</a></div> -->
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-body">
<h5 class="card-title">Most Connected Nodes</h5>
<app-nodes-list [nodes$]="nodesByChannels$"></app-nodes-list>
<!-- <div><a [routerLink]="['/lightning/nodes' | relativeUrl]" i18n="dashboard.view-more">View more &raquo;</a></div> -->
</div>
</div>
</div>
</div>
</div>