@@ -7,7 +7,7 @@
|
||||
<app-clipboard [text]="channel.public_key"></app-clipboard>
|
||||
</div>
|
||||
<div class="box-right">
|
||||
<div class="second-line">{{ channel.channels }} channels</div>
|
||||
<div class="second-line"><ng-container *ngTemplateOutlet="xChannels; context: {$implicit: channel.channels }"></ng-container></div>
|
||||
<div class="second-line"><app-amount [satoshis]="channel.capacity" digitsInfo="1.2-2"></app-amount></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -16,7 +16,7 @@
|
||||
<table class="table table-borderless table-striped">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td i18n="lightning.fee-rate">Fee rate</td>
|
||||
<td i18n="transaction.fee-rate|Transaction fee rate">Fee rate</td>
|
||||
<td>
|
||||
<span class="d-inline-block d-md-none">
|
||||
{{ channel.fee_rate !== null ? (channel.fee_rate | amountShortener : 2 : undefined : true) : '-' }} <span class="symbol">ppm {{ channel.fee_rate !== null ? '(' + (channel.fee_rate / 10000 | amountShortener : 2 : undefined : true) + '%)' : '' }}</span>
|
||||
@@ -33,19 +33,24 @@
|
||||
<span>
|
||||
<span *ngIf="channel.base_fee_mtokens !== null">
|
||||
{{ channel.base_fee_mtokens | amountShortener : 0 }}
|
||||
<span class="symbol">msats</span>
|
||||
<span class="symbol" i18n="shared.m-sats">mSats</span>
|
||||
</span>
|
||||
<span *ngIf="channel.base_fee_mtokens === null">
|
||||
-
|
||||
</span>
|
||||
</span>
|
||||
<span *ngIf="channel.base_fee_mtokens !== null" class="badge" [class]="channel.base_fee_mtokens === 0 ? 'badge-success' : 'badge-danger'"
|
||||
i18n-ngbTooltip="lightning.zero-base-fee"
|
||||
[ngbTooltip]="channel.base_fee_mtokens === 0 ? 'This channel supports zero base fee routing' :
|
||||
'This channel does not support zero base fee routing'"
|
||||
placement="bottom" i18n="lightning.zerobasefee">
|
||||
{{ channel.base_fee_mtokens === 0 ? 'Zero base fee' : 'Non-zero base fee' }}
|
||||
</span>
|
||||
<ng-template [ngIf]="channel.base_fee_mtokens !== null">
|
||||
<span class="badge badge-success" *ngIf="channel.base_fee_mtokens === 0; else nonZeroBaseFee"
|
||||
i18n-ngbTooltip="lightning.zero-base-fee-tooltip"
|
||||
ngbTooltip="This channel supports zero base fee routing"
|
||||
placement="bottom" i18n="lightning.zero-base-fee">Zero base fee</span>
|
||||
</ng-template>
|
||||
<ng-template #nonZeroBaseFee>
|
||||
<span class="badge badge-danger"
|
||||
i18n-ngbTooltip="lightning.non-zero-base-fee-tooltip"
|
||||
ngbTooltip="This channel does not support zero base fee routing"
|
||||
placement="bottom" i18n="lightning.non-zero-base-fee">Non-zero base fee</span>
|
||||
</ng-template>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -62,7 +67,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td i18n="lightning.timelock-detla">Timelock delta</td>
|
||||
<td i18n="lightning.timelock-delta">Timelock delta</td>
|
||||
<td>
|
||||
<ng-container *ngTemplateOutlet="blocksPlural; context: {$implicit: channel.cltv_delta ?? '-' }"></ng-container>
|
||||
</td>
|
||||
@@ -72,3 +77,4 @@
|
||||
</div>
|
||||
|
||||
<ng-template #blocksPlural let-i i18n="shared.blocks">{{ i }} <span class="shared-block">blocks</span></ng-template>
|
||||
<ng-template #xChannels let-i i18n="lightning.x-channels">{{ i }} channels</ng-template>
|
||||
|
||||
@@ -7,9 +7,9 @@
|
||||
<h1 class="title">{{ channel.short_id }}</h1>
|
||||
</div>
|
||||
<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>
|
||||
<span class="badge rounded-pill badge-secondary" *ngIf="channel.status === 0" i18n="status.inactive">Inactive</span>
|
||||
<span class="badge rounded-pill badge-success" *ngIf="channel.status === 1" i18n="status.active">Active</span>
|
||||
<span class="badge rounded-pill badge-danger" *ngIf="channel.status === 2" i18n="status.closed">Closed</span>
|
||||
|
||||
<app-closing-type [type]="channel.closing_reason" *ngIf="channel.status === 2"></app-closing-type>
|
||||
</div>
|
||||
@@ -20,20 +20,20 @@
|
||||
<table class="table table-borderless table-striped">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td i18n="channel.created">Created</td>
|
||||
<td i18n="lightning.created">Created</td>
|
||||
<td>{{ channel.created | date:'yyyy-MM-dd HH:mm' }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td i18n="channel.capacity">Capacity</td>
|
||||
<td i18n="lightning.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 i18n="transaction.fee-rate|Transaction fee rate">Fee rate</td>
|
||||
<td>
|
||||
<div class="dual-cell">
|
||||
<span>{{ channel.node_left.fee_rate }} <span class="symbol">ppm</span></span>
|
||||
<span>{{ channel.node_left.fee_rate }} <span class="symbol" i18n="lightning.ppm">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>
|
||||
<span>{{ channel.node_right.fee_rate }} <span class="symbol" i18n="lightning.ppm">ppm</span></span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -8,9 +8,9 @@
|
||||
</span>
|
||||
</div>
|
||||
<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>
|
||||
<span class="badge rounded-pill badge-secondary" *ngIf="channel.status === 0" i18n="status.inactive">Inactive</span>
|
||||
<span class="badge rounded-pill badge-success" *ngIf="channel.status === 1" i18n="status.active">Active</span>
|
||||
<span class="badge rounded-pill badge-danger" *ngIf="channel.status === 2" i18n="status.closed">Closed</span>
|
||||
<app-closing-type *ngIf="channel.closing_reason" [type]="channel.closing_reason"></app-closing-type>
|
||||
</div>
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
<table class="table table-borderless table-striped">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td i18n="address.total-received">Capacity</td>
|
||||
<td i18n="lightning.capacity">Capacity</td>
|
||||
<td><app-sats [satoshis]="channel.capacity"></app-sats><app-fiat [value]="channel.capacity" digitsInfo="1.0-0"></app-fiat></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -70,7 +70,7 @@
|
||||
<ng-container *ngIf="transactions$ | async as transactions">
|
||||
<ng-template [ngIf]="transactions[0]">
|
||||
<div class="d-flex">
|
||||
<h3>Opening transaction</h3>
|
||||
<h3 i18n="lightning.opening-transaction">Opening transaction</h3>
|
||||
<button type="button" class="btn btn-outline-info details-button btn-sm" (click)="txList1.toggleDetails()"
|
||||
i18n="transaction.details|Transaction Details">Details</button>
|
||||
</div>
|
||||
@@ -79,7 +79,7 @@
|
||||
</ng-template>
|
||||
<ng-template [ngIf]="transactions[1]">
|
||||
<div class="closing-header d-flex">
|
||||
<h3 style="margin: 0;">Closing transaction</h3> <app-closing-type [type]="channel.closing_reason">
|
||||
<h3 style="margin: 0;" i18n="lightning.closing-transaction">Closing transaction</h3> <app-closing-type [type]="channel.closing_reason">
|
||||
</app-closing-type>
|
||||
<button type="button" class="btn btn-outline-info details-button btn-sm" (click)="txList2.toggleDetails()"
|
||||
i18n="transaction.details|Transaction Details">Details</button>
|
||||
|
||||
@@ -34,7 +34,7 @@ export class ChannelComponent implements OnInit {
|
||||
return this.lightningApiService.getChannel$(params.get('short_id'))
|
||||
.pipe(
|
||||
tap((value) => {
|
||||
this.seoService.setTitle(`Channel: ${value.short_id}`);
|
||||
this.seoService.setTitle($localize`Channel: ${value.short_id}`);
|
||||
}),
|
||||
catchError((err) => {
|
||||
this.error = err;
|
||||
|
||||
Reference in New Issue
Block a user