37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
|
<div>
|
||
|
|
<table class="table table-borderless">
|
||
|
|
<thead>
|
||
|
|
<th class="rank"></th>
|
||
|
|
<th class="alias text-left" i18n="nodes.alias">Alias</th>
|
||
|
|
<th class="capacity text-right" i18n="node.capacity">Capacity</th>
|
||
|
|
</thead>
|
||
|
|
<tbody *ngIf="topNodesPerCapacity$ | 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.public_key]">{{ node.alias }}</a>
|
||
|
|
</td>
|
||
|
|
<td class="capacity text-right">
|
||
|
|
<app-amount [satoshis]="node.capacity" [digitsInfo]="'1.2-2'" [noFiat]="true"></app-amount>
|
||
|
|
</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="capacity text-right">
|
||
|
|
<span class="skeleton-loader"></span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</ng-template>
|
||
|
|
</table>
|
||
|
|
</div>
|