71 lines
3.2 KiB
HTML
71 lines
3.2 KiB
HTML
<div [class]="!widget ? 'container-xl full-height' : ''">
|
|
<h1 *ngIf="!widget" class="float-left">
|
|
<span i18n="lightning.top-100-connectivity">Top 100 nodes connectivity ranking</span>
|
|
</h1>
|
|
|
|
<div [class]="widget ? 'widget' : 'full'">
|
|
<table class="table table-borderless">
|
|
<thead>
|
|
<th class="rank"></th>
|
|
<th class="alias text-left" i18n="nodes.alias">Alias</th>
|
|
<th class="channels text-right" i18n="node.channels">Channels</th>
|
|
<th *ngIf="!widget" class="capacity text-right" i18n="lightning.liquidity">Liquidity</th>
|
|
<th *ngIf="!widget" class="timestamp-first text-left" i18n="transaction.first-seen|Transaction first seen">First seen</th>
|
|
<th *ngIf="!widget" class="timestamp-update text-left" i18n="lightning.last_update">Last update</th>
|
|
<th *ngIf="!widget" class="location text-right" i18n="lightning.location">Location</th>
|
|
</thead>
|
|
<tbody *ngIf="topNodesPerChannels$ | async as nodes; else skeleton">
|
|
<tr *ngFor="let node of nodes; let i = index;">
|
|
<td class="rank text-left">
|
|
{{ i + 1 }}
|
|
</td>
|
|
<td class="alias text-left">
|
|
<a [routerLink]="['/lightning/node' | relativeUrl, node.publicKey]">{{ node.alias }}</a>
|
|
</td>
|
|
<td class="channels text-right">
|
|
{{ node.channels | number }}
|
|
</td>
|
|
<td *ngIf="!widget" class="capacity text-right">
|
|
<app-amount [satoshis]="node.capacity" [digitsInfo]="'1.2-2'" [noFiat]="true"></app-amount>
|
|
</td>
|
|
<td *ngIf="!widget" class="timestamp-first text-left">
|
|
<app-timestamp [customFormat]="'yyyy-MM-dd'" [unixTime]="node.firstSeen" [hideTimeSince]="true"></app-timestamp>
|
|
</td>
|
|
<td *ngIf="!widget" class="timestamp-update text-left">
|
|
<app-timestamp [customFormat]="'yyyy-MM-dd'" [unixTime]="node.updatedAt" [hideTimeSince]="true"></app-timestamp>
|
|
</td>
|
|
<td *ngIf="!widget" class="location text-right text-truncate">
|
|
<app-geolocation [data]="node.geolocation" [type]="'list-isp'"></app-geolocation>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<ng-template #skeleton>
|
|
<tbody>
|
|
<tr *ngFor="let item of skeletonRows">
|
|
<td class="rank text-left">
|
|
<span class="skeleton-loader"></span>
|
|
</td>
|
|
<td class="alias text-left">
|
|
<span class="skeleton-loader"></span>
|
|
</td>
|
|
<td class="channels text-right">
|
|
<span class="skeleton-loader"></span>
|
|
</td>
|
|
<td *ngIf="!widget" class="capacity text-right">
|
|
<span class="skeleton-loader"></span>
|
|
</td>
|
|
<td *ngIf="!widget" class="timestamp-first text-left">
|
|
<span class="skeleton-loader"></span>
|
|
</td>
|
|
<td *ngIf="!widget" class="timestamp-update text-left">
|
|
<span class="skeleton-loader"></span>
|
|
</td>
|
|
<td *ngIf="!widget" class="location text-right text-truncate">
|
|
<span class="skeleton-loader"></span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</ng-template>
|
|
</table>
|
|
</div>
|
|
</div> |