You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
RTL/src/app/lnd/lookups/channel-lookup/channel-lookup.component.html

102 lines
6.0 KiB
HTML

<div fxLayout="column" *ngIf="lookupResult" class="mt-1">
<mat-divider></mat-divider>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Channel Id</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.channel_id}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Channel Point</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.chan_point}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="row">
<div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Last Update</h4>
<span class="foreground-secondary-text">{{lookupResult.last_update_str}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Capacity (Sats)</h4>
<span class="foreground-secondary-text">{{lookupResult.capacity | number}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
</div>
<div fxLayout="column" fxLayoutAlign="space-between start" fxLayout.gt-sm="row wrap" class="w-100">
<div fxLayout="column" fxFlex="48" fxLayoutAlign="start start" class="mt-1 w-100">
<div fxLayout="row" fxFlex="100" fxLayoutAlign="start end">
<h3 class="page-title font-bold-500" *ngIf="!node1_match">Node 1</h3>
<h3 class="page-title font-bold-500" *ngIf="node1_match">Node 1 (Your Node)</h3>
<mat-divider></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1 w-100">
<h4 fxLayoutAlign="start" class="font-bold-500">Pubkey</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node1_pub}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Time Lock Delta</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node1_policy.time_lock_delta}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Min HTLC</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node1_policy.min_htlc}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Fee Base Msat</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node1_policy.fee_base_msat}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Fee Rate Milli Msat</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node1_policy.fee_rate_milli_msat}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Disabled</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node1_policy.disabled}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
</div>
<div fxLayout="column" fxFlex="48" fxLayoutAlign="start start" class="mt-1 w-100">
<div fxLayout="row" fxFlex="100" fxLayoutAlign="start end">
<h3 class="page-title font-bold-500" *ngIf="!node2_match">Node 2</h3>
<h3 class="page-title font-bold-500" *ngIf="node2_match">Node 2 (Your Node)</h3>
<mat-divider></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1 w-100">
<h4 fxLayoutAlign="start" class="font-bold-500">Pubkey</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node2_pub}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Time Lock Delta</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node2_policy.time_lock_delta}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Min HTLC</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node2_policy.min_htlc}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Fee Base Msat</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node2_policy.fee_base_msat}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Fee Rate Milli Msat</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node2_policy.fee_rate_milli_msat}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Disabled</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node2_policy.disabled}}</span>
<mat-divider class="my-1"></mat-divider>
</div>
</div>
</div>
</div>