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
2022-04-27 02:52:23 +04:00
< div class = "container-xl dashboard-container" >
< div class = "row row-cols-1 row-cols-md-2" >
2022-08-11 10:19:13 +02:00
<!-- Network capacity/channels/nodes -->
2022-04-27 02:52:23 +04:00
< div class = "col" >
< div class = "main-title" >
2022-05-15 19:22:14 +04:00
< span i18n = "lightning.statistics-title" > Network Statistics< / span >
2022-04-27 02:52:23 +04:00
< / 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 >
2022-08-11 10:19:13 +02:00
<!-- Channels stats -->
2022-04-27 02:52:23 +04:00
< div class = "col" >
< div class = "main-title" >
< span i18n = "lightning.statistics-title" > Channels Statistics< / span >
< / div >
2022-07-06 14:56:10 +02:00
< 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-08-11 10:19:13 +02:00
<!-- ISP pie chart -->
< div class = "col" style = "margin-bottom: 1.47rem" >
< div class = "card graph-card" >
< div class = "card-body pl-2 pr-2" >
< app-nodes-per-isp-chart [ widget ] = " true " > < / app-nodes-per-isp-chart >
2022-08-12 15:35:00 +02:00
< div class = "mt-2" > < a [ attr . data-cy ] = " ' pool-distribution-view-more ' " [ routerLink ] = " [ ' / graphs / lightning / nodes-per-isp ' | relativeUrl ] " i18n = "dashboard.view-more" > View more » < / a > < / div >
2022-08-11 10:19:13 +02:00
< / div >
< / div >
< / div >
2022-07-01 16:50:53 +02:00
< div class = "col" >
2022-08-11 10:19:13 +02:00
< div class = "card graph-card" >
2022-08-12 15:35:00 +02:00
< div class = "card-body pl-2 pr-2 pt-1" >
< h5 class = "card-title mt-3" i18n = "lightning.network-history" > Lightning network history< / h5 >
2022-07-06 15:15:08 +02:00
< app-lightning-statistics-chart [ widget ] = true > < / app-lightning-statistics-chart >
2022-08-12 15:35:00 +02:00
< app-nodes-networks-chart [ widget ] = true > < / app-nodes-networks-chart >
2022-07-06 15:15:08 +02:00
< div class = "mt-1" > < a [ routerLink ] = " [ ' / graphs / lightning / capacity ' | relativeUrl ] " i18n = "dashboard.view-more" > View more » < / a > < / div >
2022-07-06 13:20:37 +02:00
< / div >
2022-07-01 16:50:53 +02:00
< / div >
< / div >
2022-04-27 02:52:23 +04:00
< div class = "col" >
< div class = "card" >
< div class = "card-body" >
< h5 class = "card-title" > Top Capacity Nodes< / h5 >
2022-08-11 10:19:13 +02:00
< app-nodes-list [ nodes $ ] = " nodesByCapacity $ " [ show ] = " ' mobile-capacity ' " > < / app-nodes-list >
2022-07-28 07:50:58 +02:00
<!-- <div><a [routerLink]="['/lightning/nodes' | relativeUrl]" i18n="dashboard.view - more">View more »</a></div> -->
2022-04-27 02:52:23 +04:00
< / div >
< / div >
< / div >
< div class = "col" >
< div class = "card" >
< div class = "card-body" >
< h5 class = "card-title" > Most Connected Nodes< / h5 >
2022-08-11 10:19:13 +02:00
< app-nodes-list [ nodes $ ] = " nodesByChannels $ " [ show ] = " ' mobile-channels ' " > < / app-nodes-list >
2022-07-28 07:50:58 +02:00
<!-- <div><a [routerLink]="['/lightning/nodes' | relativeUrl]" i18n="dashboard.view - more">View more »</a></div> -->
2022-04-27 02:52:23 +04:00
< / div >
< / div >
< / div >
< / div >
< / div >