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-22 16:55:54 +02:00
< div style = "margin-top: 5px" > < 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-08-17 21:20:11 +02:00
<!-- Network history -->
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-08-22 16:55:54 +02:00
< div > < a [ routerLink ] = " [ ' / graphs / lightning / nodes-networks ' | 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-08-17 21:20:11 +02:00
<!-- Top nodes per capacity -->
2022-04-27 02:52:23 +04:00
< div class = "col" >
2022-08-22 16:55:54 +02:00
< div class = "card" style = "height: 409px" >
2022-04-27 02:52:23 +04:00
< div class = "card-body" >
2022-08-22 16:55:54 +02:00
< a class = "title-link" href = "" [ routerLink ] = " [ ' / lightning / nodes / rankings / liquidity ' | relativeUrl ] " >
< h5 class = "card-title d-inline" i18n = "lightning.liquidity-ranking" > Liquidity ranking< / h5 >
2022-08-17 12:53:26 +02:00
< 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-top-nodes-per-capacity [ nodes $ ] = " nodesRanking $ " [ widget ] = " true " > < / app-top-nodes-per-capacity >
2022-04-27 02:52:23 +04:00
< / div >
< / div >
< / div >
2022-08-17 21:20:11 +02:00
<!-- Top nodes per channels -->
2022-04-27 02:52:23 +04:00
< div class = "col" >
2022-08-22 16:55:54 +02:00
< div class = "card" style = "height: 409px" >
2022-04-27 02:52:23 +04:00
< div class = "card-body" >
2022-08-22 16:55:54 +02:00
< a class = "title-link" href = "" [ routerLink ] = " [ ' / lightning / nodes / rankings / connectivity ' | relativeUrl ] " >
< h5 class = "card-title d-inline" i18n = "lightning.connectivity-ranking" > Connectivity ranking< / h5 >
2022-08-17 12:53:26 +02:00
< 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-top-nodes-per-channels [ nodes $ ] = " nodesRanking $ " [ widget ] = " true " > < / app-top-nodes-per-channels >
2022-04-27 02:52:23 +04:00
< / div >
< / div >
< / div >
< / div >
< / div >