mempool/frontend/src/app/lightning/node/node.component.html

71 lines
2.4 KiB
HTML
Raw Normal View History

2022-05-01 03:01:27 +04:00
<div class="container-xl" *ngIf="(node$ | async) as node">
<div class="title-container mb-2">
<h1 i18n="shared.address" class="mb-0">{{ node.alias }}</h1>
<span class="tx-link">
<a [routerLink]="['/lightning/node' | relativeUrl, node.public_key]" >
<span class="d-inline">{{ node.public_key | shortenString : 18 }}</span>
</a>
<app-clipboard [text]="node.public_key"></app-clipboard>
</span>
</div>
<div class="clearfix"></div>
<div class="box">
<div class="row">
<div class="col-md">
<table class="table table-borderless table-striped">
<tbody>
<tr>
2022-05-05 23:19:24 +04:00
<td i18n="address.total-received">First seen</td>
<td>
<app-time-since [dateString]="node.first_seen"></app-time-since>
</td>
2022-05-01 03:01:27 +04:00
</tr>
<tr>
2022-05-05 23:19:24 +04:00
<td i18n="address.total-sent">Last update</td>
<td>
<app-time-since [dateString]="node.updated_at"></app-time-since>
</td>
2022-05-01 03:01:27 +04:00
</tr>
<tr>
<td i18n="address.balance">Color</td>
<td><div [ngStyle]="{'color': node.color}">{{ node.color }}</div></td>
</tr>
</tbody>
</table>
</div>
<div class="w-100 d-block d-md-none"></div>
<div class="col-md qrcode-col">
<div class="qr-wrapper">
<app-qrcode [data]="node.public_key"></app-qrcode>
</div>
</div>
</div>
</div>
<br>
<h2>Channels</h2>
<app-channels-list [publicKey]="node.public_key"></app-channels-list>
<!--
<br>
<div class="title-tx">
<h2 class="text-left">
<ng-template [ngIf]="!transactions?.length">&nbsp;</ng-template>
<ng-template i18n="X of X Address Transaction" [ngIf]="transactions?.length === 1">{{ (transactions?.length | number) || '?' }} of {{ txCount | number }} transaction</ng-template>
<ng-template i18n="X of X Address Transactions (Plural)" [ngIf]="transactions?.length > 1">{{ (transactions?.length | number) || '?' }} of {{ txCount | number }} transactions</ng-template>
</h2>
</div>
<app-transactions-list [transactions]="transactions" [showConfirmations]="true" [address]="address.address" (loadMore)="loadMore()"></app-transactions-list>
-->
</div>
<br>