73 lines
3.0 KiB
HTML
73 lines
3.0 KiB
HTML
|
<div class="box preview-box" *ngIf="(channel$ | async) as channel">
|
||
|
|
<div class="row d-flex justify-content-between full-width-row">
|
||
|
|
<h1 class="title">
|
||
|
|
<span i18n="lightning.channel">Channel</span>
|
||
|
|
<a [routerLink]="['/lightning/channel' | relativeUrl, channel.id]"> {{ channel.short_id }}</a>
|
||
|
|
</h1>
|
||
|
|
<div class="badges mb-2">
|
||
|
|
<span class="badge rounded-pill badge-secondary" *ngIf="channel.status === 0">Inactive</span>
|
||
|
|
<span class="badge rounded-pill badge-success" *ngIf="channel.status === 1">Active</span>
|
||
|
|
<span class="badge rounded-pill badge-danger" *ngIf="channel.status === 2">Closed</span>
|
||
|
|
|
||
|
|
<app-closing-type [type]="channel.closing_reason" *ngIf="channel.status === 2"></app-closing-type>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row d-flex justify-content-between full-width-row nodes">
|
||
|
|
<span class="node left">
|
||
|
|
{{ channel.node_left.alias || '?' }}
|
||
|
|
</span>
|
||
|
|
<fa-icon class="between-arrow" [icon]="['fas', 'arrow-right-arrow-left']" [fixedWidth]="true" title="channel between"></fa-icon>
|
||
|
|
<span class="node right">
|
||
|
|
{{ channel.node_right.alias || '?' }}
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md">
|
||
|
|
<table class="table table-borderless table-striped">
|
||
|
|
<tbody>
|
||
|
|
<tr></tr>
|
||
|
|
<tr>
|
||
|
|
<td i18n="channel.created">Created</td>
|
||
|
|
<td>{{ channel.created | date:'yyyy-MM-dd HH:mm' }}</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td i18n="channel.capacity">Capacity</td>
|
||
|
|
<td><app-amount [satoshis]="channel.capacity" [noFiat]="true"></app-amount></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td i18n="channel.fee-rate">Fee rate</td>
|
||
|
|
<td>
|
||
|
|
<div class="dual-cell">
|
||
|
|
<span>{{ channel.node_left.fee_rate }} <span class="symbol">ppm</span></span>
|
||
|
|
<fa-icon class="between-arrow" [icon]="['fas', 'arrow-right-arrow-left']" [fixedWidth]="true"></fa-icon>
|
||
|
|
<span>{{ channel.node_right.fee_rate }} <span class="symbol">ppm</span></span>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td i18n="channel.base-fee">Base fee</td>
|
||
|
|
<td>
|
||
|
|
<div class="dual-cell">
|
||
|
|
<app-sats [satoshis]="channel.node_left.base_fee_mtokens / 1000" digitsInfo="1.0-2"></app-sats>
|
||
|
|
<fa-icon class="between-arrow" [icon]="['fas', 'arrow-right-arrow-left']" [fixedWidth]="true"></fa-icon>
|
||
|
|
<app-sats [satoshis]="channel.node_right.base_fee_mtokens / 1000" digitsInfo="1.0-2"></app-sats>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="col-md map-col">
|
||
|
|
<app-nodes-channels-map *ngIf="!error" [style]="'channelpage'" [channel]="channelGeo" [fitContainer]="true" (readyEvent)="onMapReady()"></app-nodes-channels-map>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ng-template [ngIf]="error">
|
||
|
|
<div class="text-center">
|
||
|
|
<span i18n="error.general-loading-data">Error loading data.</span>
|
||
|
|
<br><br>
|
||
|
|
<i>{{ error.status }}: {{ error.error }}</i>
|
||
|
|
</div>
|
||
|
|
</ng-template>
|