diff --git a/frontend/src/app/lightning/channel/channel.component.html b/frontend/src/app/lightning/channel/channel.component.html index 50bb52eaa..195c35324 100644 --- a/frontend/src/app/lightning/channel/channel.component.html +++ b/frontend/src/app/lightning/channel/channel.component.html @@ -1,4 +1,4 @@ -
+
Lightning channel

{{ channel.short_id }}

@@ -86,4 +86,62 @@

{{ error.status }}: {{ error.error }}
+ + + +
+
Lightning channel
+
+

+ + + +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ + + + + + + + + + + +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
\ No newline at end of file diff --git a/frontend/src/app/lightning/channel/channel.component.scss b/frontend/src/app/lightning/channel/channel.component.scss index bf080b644..c23d8e28c 100644 --- a/frontend/src/app/lightning/channel/channel.component.scss +++ b/frontend/src/app/lightning/channel/channel.component.scss @@ -56,3 +56,15 @@ app-fiat { font-size: 1.4rem; } } + + +.loading-spinner { + position: absolute; + top: 400px; + z-index: 100; + width: 100%; + left: 0; + @media (max-width: 767.98px) { + top: 450px; + } +} \ No newline at end of file diff --git a/frontend/src/app/lightning/channel/channel.component.ts b/frontend/src/app/lightning/channel/channel.component.ts index 553173052..b1e39dda7 100644 --- a/frontend/src/app/lightning/channel/channel.component.ts +++ b/frontend/src/app/lightning/channel/channel.component.ts @@ -1,9 +1,8 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; import { ActivatedRoute, ParamMap } from '@angular/router'; -import { forkJoin, Observable, of, share, zip } from 'rxjs'; -import { catchError, map, shareReplay, switchMap, tap } from 'rxjs/operators'; +import { Observable, of, zip } from 'rxjs'; +import { catchError, map, shareReplay, switchMap } from 'rxjs/operators'; import { IChannel } from 'src/app/interfaces/node-api.interface'; -import { ApiService } from 'src/app/services/api.service'; import { ElectrsApiService } from 'src/app/services/electrs-api.service'; import { SeoService } from 'src/app/services/seo.service'; import { LightningApiService } from '../lightning-api.service'; diff --git a/frontend/src/app/lightning/channels-statistics/channels-statistics.component.html b/frontend/src/app/lightning/channels-statistics/channels-statistics.component.html index 31261a84b..60a43216c 100644 --- a/frontend/src/app/lightning/channels-statistics/channels-statistics.component.html +++ b/frontend/src/app/lightning/channels-statistics/channels-statistics.component.html @@ -104,21 +104,21 @@
-
Nodes
+
Avg Capacity
-
Channels
+
Avg Fee Rate
-
Average Channel
+
Avg Base Fee
diff --git a/frontend/src/app/lightning/node/node.component.html b/frontend/src/app/lightning/node/node.component.html index def6e28e6..526608363 100644 --- a/frontend/src/app/lightning/node/node.component.html +++ b/frontend/src/app/lightning/node/node.component.html @@ -1,10 +1,11 @@ -
+
Lightning node

{{ node.alias }}

- {{ node.public_key | shortenString : publicKeySize }} + {{ node.public_key | shortenString : 24 }} + {{ node.public_key }} @@ -153,4 +154,101 @@
+ +
+
Lightning node
+
+

+ + + +
+ +
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + +
+
+
+ +
+ +
+ + + + +
+ +
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+ +
+ +
diff --git a/frontend/src/app/lightning/node/node.component.scss b/frontend/src/app/lightning/node/node.component.scss index b2e6f573b..481f2a8c4 100644 --- a/frontend/src/app/lightning/node/node.component.scss +++ b/frontend/src/app/lightning/node/node.component.scss @@ -69,4 +69,11 @@ app-fiat { width: 1.5rem; height: 1.5rem; } -} \ No newline at end of file +} + +.loadingGraphs { + position: absolute; + top: 50%; + left: calc(50% - 15px); + z-index: 100; +} diff --git a/frontend/src/app/lightning/node/node.component.ts b/frontend/src/app/lightning/node/node.component.ts index bfee9252d..aad8e14d0 100644 --- a/frontend/src/app/lightning/node/node.component.ts +++ b/frontend/src/app/lightning/node/node.component.ts @@ -4,7 +4,6 @@ import { Observable } from 'rxjs'; import { catchError, map, switchMap } from 'rxjs/operators'; import { SeoService } from 'src/app/services/seo.service'; import { LightningApiService } from '../lightning-api.service'; -import { isMobile } from '../../shared/common.utils'; import { GeolocationData } from 'src/app/shared/components/geolocation/geolocation.component'; @Component({ @@ -23,17 +22,12 @@ export class NodeComponent implements OnInit { error: Error; publicKey: string; channelListLoading = false; - publicKeySize = 99; constructor( private lightningApiService: LightningApiService, private activatedRoute: ActivatedRoute, private seoService: SeoService, - ) { - if (isMobile()) { - this.publicKeySize = 12; - } - } + ) { } ngOnInit(): void { this.node$ = this.activatedRoute.paramMap