mirror of
https://github.com/Ride-The-Lightning/RTL.git
synced 2024-11-19 01:40:29 +01:00
Removing Spaces
This commit is contained in:
parent
40b1b80503
commit
44321d62e5
@ -17,7 +17,7 @@
|
||||
<button class="mr-1" mat-stroked-button color="primary" tabindex="3" type="button" (click)="resetData()">Clear</button>
|
||||
<button mat-flat-button color="primary" tabindex="4" type="submit" (click)="onLookup()">Lookup</button>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
<div fxFlex="100" fxLayout="column" fxLayout.gt-sm="row wrap" fxLayoutAlign.gt-sm="space-between center" fxLayoutAlign="start stretch" *ngIf="flgSetLookupValue" class="w-100 mt-2">
|
||||
<div fxLayout="row" fxFlex="100" fxLayoutAlign="start center">
|
||||
<span class="page-title font-bold-500">{{lookupFields[selectedFieldId].name}} Details</span>
|
||||
@ -27,7 +27,7 @@
|
||||
<span fxFlex="100" *ngSwitchCase="1"><div *ngIf="channelLookupValue.length>0; else errorBlock"><rtl-cln-channel-lookup [lookupResult]="channelLookupValue"></rtl-cln-channel-lookup></div></span>
|
||||
<span fxFlex="100" *ngSwitchDefault><h3>Error! Unable to find details!</h3></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,5 +1,5 @@
|
||||
<div fxLayout="column" *ngIf="lookupResult" class="mt-1">
|
||||
<mat-divider [inset]="true" class="mb-1"></mat-divider>
|
||||
<mat-divider [inset]="true" class="mb-1"></mat-divider>
|
||||
<div fxLayout="row">
|
||||
<div fxFlex="30">
|
||||
<h4 fxLayoutAlign="start" class="font-bold-500">Alias</h4>
|
||||
@ -28,20 +28,20 @@
|
||||
<table mat-table #table [dataSource]="addresses" matSort class="overflow-auto">
|
||||
<ng-container matColumnDef="type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>
|
||||
<td mat-cell *matCellDef="let address"> {{address?.type}} </td>
|
||||
<td mat-cell *matCellDef="let address">{{address?.type}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="address">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Address</th>
|
||||
<td mat-cell *matCellDef="let address"> {{address?.address}} </td>
|
||||
<td mat-cell *matCellDef="let address">{{address?.address}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="port">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Port</th>
|
||||
<td mat-cell *matCellDef="let address"> {{address?.port}} </td>
|
||||
<td mat-cell *matCellDef="let address">{{address?.port}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select btn-action" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let address">
|
||||
<span fxLayoutAlign="end center">
|
||||
<button mat-stroked-button class="btn-action-copy" color="primary" type="button" tabindex="1" rtlClipboard [payload]="lookupResult?.nodeid + '@' + address.address + ':' + address.port" (copied)="onCopyNodeURI($event)">Copy Node URI</button>
|
||||
|
@ -27,7 +27,7 @@
|
||||
<mat-progress-bar *ngIf="flgLoading[0]===true" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table [dataSource]="qrHops" matSort [ngClass]="{'overflow-auto error-border': flgLoading[0]==='error','overflow-auto': true}">
|
||||
<ng-container matColumnDef="id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>ID</th>
|
||||
<td mat-cell *matCellDef="let hop">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{hop?.id}}</span>
|
||||
@ -35,7 +35,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Alias</th>
|
||||
<td mat-cell *matCellDef="let hop">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{hop?.alias}}</span>
|
||||
@ -43,25 +43,25 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel </th>
|
||||
<td mat-cell *matCellDef="let hop"> {{hop?.channel}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel</th>
|
||||
<td mat-cell *matCellDef="let hop">{{hop?.channel}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="direction">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Direction </th>
|
||||
<td mat-cell *matCellDef="let hop"> {{hop?.direction}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Direction</th>
|
||||
<td mat-cell *matCellDef="let hop">{{hop?.direction}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="delay">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Delay </th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center"> {{hop?.delay | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Delay</th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center">{{hop?.delay | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="msatoshi">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount (Sats) </th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center"> {{hop?.msatoshi/1000 | number}}</span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center">{{hop?.msatoshi/1000 | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let hop" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onHopClick(hop, $event)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -61,7 +61,7 @@
|
||||
<mat-progress-bar *ngIf="apiCallStatus.status === apiCallStatusEnum.INITIATED" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table [dataSource]="liquidityNodes" matSort [ngClass]="{'overflow-auto error-border': errorMessage !== '','overflow-auto': true}">
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Alias</th>
|
||||
<td mat-cell *matCellDef="let lqNode">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span fxLayout="row" fxLayoutAlign="start center" class="ellipsis-child">
|
||||
@ -76,7 +76,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="nodeid">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Node ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Node ID</th>
|
||||
<td mat-cell *matCellDef="let lqNode">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{lqNode?.nodeid}}</span>
|
||||
@ -84,33 +84,33 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="last_timestamp">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Last Announcement At </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Last Announcement At</th>
|
||||
<td mat-cell *matCellDef="let lqNode">{{((lqNode?.last_timestamp * 1000) | date:'dd/MMM/y HH:mm') || '-'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="compact_lease">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Compact Lease </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Compact Lease</th>
|
||||
<td mat-cell *matCellDef="let lqNode">{{ lqNode?.option_will_fund?.compact_lease }}</td>
|
||||
</ng-container>
|
||||
<!-- <ng-container matColumnDef="capacity_channels">
|
||||
<th mat-header-cell *matHeaderCellDef> Capacity/Channels </th>
|
||||
<th mat-header-cell *matHeaderCellDef> Capacity/Channels</th>
|
||||
<td mat-cell *matCellDef="let lqNode">
|
||||
{{lqNode?.node_capacity/100000000 | number:'1.0-2'}} BTC / {{lqNode?.channel_count | number:'1.0-0'}}
|
||||
</td>
|
||||
</ng-container> -->
|
||||
<ng-container matColumnDef="lease_fee">
|
||||
<th mat-header-cell *matHeaderCellDef> Lease Fee </th>
|
||||
<th mat-header-cell *matHeaderCellDef> Lease Fee</th>
|
||||
<td mat-cell *matCellDef="let lqNode">
|
||||
{{lqNode?.option_will_fund?.lease_fee_base_msat/1000 | number:'1.0-0'}} Sats + {{(lqNode?.option_will_fund?.lease_fee_basis/100) | number:'1.2-2'}}%
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="routing_fee">
|
||||
<th mat-header-cell *matHeaderCellDef> Routing Fee </th>
|
||||
<th mat-header-cell *matHeaderCellDef> Routing Fee</th>
|
||||
<td mat-cell *matCellDef="let lqNode">
|
||||
{{lqNode?.option_will_fund?.channel_fee_max_base_msat/1000 | number:'1.0-0'}} Sats + {{lqNode?.option_will_fund?.channel_fee_max_proportional_thousandths * 1000 | number:'1.0-0'}} ppm
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel_opening_fee">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Channel Opening Fee (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Channel Opening Fee (Sats)</th>
|
||||
<td mat-cell *matCellDef="let lqNode">
|
||||
<span fxLayoutAlign="end center">
|
||||
{{lqNode.channel_opening_fee | number:'1.0-0'}}
|
||||
@ -118,7 +118,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="funding_weight">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Funding Weight </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Funding Weight</th>
|
||||
<td mat-cell *matCellDef="let lqNode">
|
||||
<span fxLayoutAlign="end center">
|
||||
{{lqNode?.option_will_fund?.funding_weight | number:'1.0-0'}}
|
||||
@ -133,7 +133,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let lqNode" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="1" class="mr-0">
|
||||
|
@ -73,15 +73,15 @@
|
||||
<table mat-table #table [dataSource]="node.addresses" matSort class="overflow-auto">
|
||||
<ng-container matColumnDef="type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>
|
||||
<td mat-cell *matCellDef="let address"> {{address?.type}} </td>
|
||||
<td mat-cell *matCellDef="let address">{{address?.type}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="address">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Address</th>
|
||||
<td mat-cell *matCellDef="let address"> {{address?.address }} </td>
|
||||
<td mat-cell *matCellDef="let address">{{address?.address }}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="port">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Port</th>
|
||||
<td mat-cell *matCellDef="let address"> {{address?.port}} </td>
|
||||
<td mat-cell *matCellDef="let address">{{address?.port}}</td>
|
||||
</ng-container>
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns;"></tr>
|
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
||||
|
@ -15,7 +15,7 @@
|
||||
<mat-form-field fxFlex="30">
|
||||
<input matInput [(ngModel)]="transaction.satoshis" placeholder="Amount" name="amount" [type]="flgUseAllBalance ? 'text' : 'number'" [step]="100" [min]="0" tabindex="2" required #amount="ngModel" [disabled]="flgUseAllBalance">
|
||||
<mat-hint *ngIf="flgUseAllBalance">Amount replaced by UTXO balance</mat-hint>
|
||||
<span matSuffix> {{selAmountUnit}} </span>
|
||||
<span matSuffix>{{selAmountUnit}} </span>
|
||||
<mat-error *ngIf="!transaction.satoshis">{{amountError}}</mat-error>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="10" fxLayoutAlign="start end">
|
||||
|
@ -24,7 +24,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="txid">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Transaction ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Transaction ID</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{utxo.txid}}</span>
|
||||
@ -32,7 +32,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="address">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Address </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Address</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{utxo.address}}</span>
|
||||
@ -40,7 +40,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="scriptpubkey">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Script Pubkey </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Script Pubkey</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{utxo.scriptpubkey}}</span>
|
||||
@ -48,24 +48,24 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="output">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Output </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Output</th>
|
||||
<td mat-cell *matCellDef="let utxo"><span fxLayoutAlign="end center">
|
||||
{{utxo?.output | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="value">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Value (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Value (Sats)</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<span fxLayoutAlign="end center" *ngIf="utxo.value > 0 || utxo.value === 0">{{utxo.value | number}}</span>
|
||||
<span fxLayoutAlign="end center" class="red" *ngIf="utxo.value < 0">({{utxo.value * -1 | number}})</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="blockheight">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Blockheight </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Blockheight</th>
|
||||
<td mat-cell *matCellDef="let utxo"><span fxLayoutAlign="end center">
|
||||
{{utxo?.blockheight | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="reserved">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Reserved </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Reserved</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<span>{{utxo.reserved ? 'Yes' : 'No'}}</span>
|
||||
</td>
|
||||
@ -78,7 +78,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let utxo" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onUTXOClick(utxo, $event)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -16,7 +16,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="short_channel_id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Short Channel ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Short Channel ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.short_channel_id}}</span>
|
||||
@ -24,7 +24,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Alias</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.alias}}</span>
|
||||
@ -32,7 +32,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.id}}</span>
|
||||
@ -40,7 +40,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel_id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.channel_id}}</span>
|
||||
@ -48,7 +48,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="funding_txid">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Funding Transaction ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Funding Transaction ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.funding_txid}}</span>
|
||||
@ -56,41 +56,41 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="connected">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Connected </th>
|
||||
<td mat-cell *matCellDef="let channel"> {{(channel?.connected) ? 'Connected' : 'Disconnected'}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Connected</th>
|
||||
<td mat-cell *matCellDef="let channel">{{(channel?.connected) ? 'Connected' : 'Disconnected'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="our_channel_reserve_satoshis">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Local Reserve (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Local Reserve (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.our_channel_reserve_satoshis | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="their_channel_reserve_satoshis">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Remote Reserve (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Remote Reserve (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.their_channel_reserve_satoshis | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="msatoshi_total">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Total (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Total (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.msatoshi_total/1000 | number:channel?.msatoshi_to_us < 1000 ? '1.0-4' : '1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="spendable_msatoshi">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Spendable (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Spendable (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.spendable_msatoshi/1000 | number:channel?.msatoshi_to_us < 1000 ? '1.0-4' : '1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="msatoshi_to_us">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Local Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Local Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.msatoshi_to_us/1000 | number:channel?.msatoshi_to_us < 1000 ? '1.0-4' : '1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="msatoshi_to_them">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Remote Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Remote Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.msatoshi_to_them/1000 | number:channel?.msatoshi_to_them < 1000 ? '1.0-4' : '1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="balancedness">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Balance Score </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Balance Score</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div fxLayout="row">
|
||||
<mat-hint fxFlex="100" fxLayoutAlign="center center" class="font-size-80">{{channel.balancedness || 0 | number}}</mat-hint>
|
||||
@ -107,7 +107,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="2" class="mr-0">
|
||||
|
@ -16,7 +16,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Alias</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.alias}}</span>
|
||||
@ -24,7 +24,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.id}}</span>
|
||||
@ -32,7 +32,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel_id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.channel_id}}</span>
|
||||
@ -40,7 +40,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="funding_txid">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Funding Transaction ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Funding Transaction ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.funding_txid}}</span>
|
||||
@ -48,40 +48,40 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="connected">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Connected </th>
|
||||
<td mat-cell *matCellDef="let channel"> {{(channel?.connected) ? 'Connected' : 'Disconnected'}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Connected</th>
|
||||
<td mat-cell *matCellDef="let channel">{{(channel?.connected) ? 'Connected' : 'Disconnected'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="state">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> State </th>
|
||||
<td mat-cell *matCellDef="let channel" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}"> {{CLNChannelPendingState[channel?.state]}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>State</th>
|
||||
<td mat-cell *matCellDef="let channel" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">{{CLNChannelPendingState[channel?.state]}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="our_channel_reserve_satoshis">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Local Reserve (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Local Reserve (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.our_channel_reserve_satoshis | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="their_channel_reserve_satoshis">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Remote Reserve (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Remote Reserve (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.their_channel_reserve_satoshis | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="msatoshi_total">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Total (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Total (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.msatoshi_total/1000 | number:channel?.msatoshi_to_us < 1000 ? '1.0-4' : '1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="spendable_msatoshi">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Spendable (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Spendable (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.spendable_msatoshi/1000 | number:channel?.msatoshi_to_us < 1000 ? '1.0-4' : '1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="msatoshi_to_us">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Local Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Local Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.msatoshi_to_us/1000 | number:channel?.msatoshi_to_us < 1000 ? '1.0-4' : '1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="msatoshi_to_them">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Remote Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Remote Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.msatoshi_to_them/1000 | number:channel?.msatoshi_to_them < 1000 ? '1.0-4' : '1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
@ -93,7 +93,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="4" class="mr-0">
|
||||
|
@ -25,7 +25,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Alias</th>
|
||||
<td mat-cell *matCellDef="let peer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{peer?.alias}}</span>
|
||||
@ -33,7 +33,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>ID</th>
|
||||
<td mat-cell *matCellDef="let peer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{peer?.id}}</span>
|
||||
@ -41,7 +41,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="netaddr">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Network Address </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Network Address</th>
|
||||
<td mat-cell *matCellDef="let peer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child" *ngFor="let addr of peer?.netaddr; last as isLast">{{addr}}<span *ngIf="!isLast">,<br></span></span>
|
||||
@ -56,7 +56,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let peer" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="1" class="mr-0">
|
||||
|
@ -67,7 +67,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let fhEvent" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onFailedEventClick(fhEvent)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -69,7 +69,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let fhEvent" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onForwardingEventClick(fhEvent,$event)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -63,7 +63,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let fhEvent" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onFailedLocalEventClick(fhEvent)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -19,7 +19,7 @@
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="30">
|
||||
<input matInput [(ngModel)]="expiry" name="expiry" placeholder="Expiry" type="number" [step]="selTimeUnit === timeUnitEnum.SECS ? 300 : selTimeUnit === timeUnitEnum.MINS ? 10 : selTimeUnit === timeUnitEnum.HOURS ? 2 : 1" [min]="1" tabindex="4">
|
||||
<span matSuffix> {{selTimeUnit | titlecase}} </span>
|
||||
<span matSuffix>{{selTimeUnit | titlecase}} </span>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="26">
|
||||
<mat-select [value]="selTimeUnit" tabindex="5" name="timeUnit" (selectionChange)="onTimeUnitChange($event)">
|
||||
|
@ -39,21 +39,21 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="expires_at">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Expiry Date </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Expiry Date</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
{{(invoice?.expires_at * 1000) | date:'dd/MMM/y HH:mm'}}
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="paid_at">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Date Settled </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Date Settled</th>
|
||||
<td mat-cell *matCellDef="let invoice">{{((invoice?.paid_at * 1000) | date:'dd/MMM/y HH:mm') || '-'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Type </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>
|
||||
<td mat-cell *matCellDef="let invoice">{{ invoice?.bolt12 ? 'Bolt12' : (invoice?.bolt11 && !invoice.label.includes('keysend-')) ? 'Bolt11' : 'Keysend' }}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="description">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Description </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Description</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.description}}</span>
|
||||
@ -61,7 +61,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="label">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Label </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Label</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.label}}</span>
|
||||
@ -69,7 +69,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="payment_hash">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Payment Hash </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Payment Hash</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.payment_hash}}</span>
|
||||
@ -77,7 +77,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="bolt11">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Invoice </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Invoice</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.bolt11}}</span>
|
||||
@ -85,12 +85,12 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="msatoshi">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount (Sats) </th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center"> {{invoice?.msatoshi/1000 | number:invoice?.msatoshi < 1000 ? '1.0-4' : '1.0-0'}}</span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center">{{invoice?.msatoshi/1000 | number:invoice?.msatoshi < 1000 ? '1.0-4' : '1.0-0'}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="msatoshi_received">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount Settled (Sats) </th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center"> {{invoice?.msatoshi_received/1000 | number:invoice?.msatoshi_received < 1000 ? '1.0-4' : '1.0-0'}}</span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount Settled (Sats)</th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center">{{invoice?.msatoshi_received/1000 | number:invoice?.msatoshi_received < 1000 ? '1.0-4' : '1.0-0'}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
@ -100,7 +100,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let invoice" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="4" class="mr-0">
|
||||
|
@ -14,11 +14,11 @@
|
||||
<mat-progress-bar *ngIf="apiCallStatus?.status === apiCallStatusEnum.INITIATED" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table fxFlex="100" [dataSource]="offersBookmarks" matSort [ngClass]="{'overflow-auto error-border': errorMessage !== '','overflow-auto': true}">
|
||||
<ng-container matColumnDef="lastUpdatedAt">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Updated At </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Updated At</th>
|
||||
<td mat-cell *matCellDef="let offersbookmark">{{offersbookmark.lastUpdatedAt | date:'dd/MMM/y HH:mm'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="title">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Title </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Title</th>
|
||||
<td mat-cell *matCellDef="let offersbookmark">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{offersbookmark.title}}</span>
|
||||
@ -26,7 +26,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="description">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Description </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Description</th>
|
||||
<td mat-cell *matCellDef="let offersbookmark">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{offersbookmark.description}}</span>
|
||||
@ -34,11 +34,11 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="vendor">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Vendor </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Vendor</th>
|
||||
<td mat-cell *matCellDef="let offersbookmark">{{offersbookmark.vendor}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="bolt12">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Invoice </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Invoice</th>
|
||||
<td mat-cell *matCellDef="let offersbookmark">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{offersbookmark.bolt12}}</span>
|
||||
@ -46,7 +46,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="amountMSat">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let offersbookmark"><span fxLayoutAlign="end center">{{(offersbookmark.amountMSat === 0) ? 'Open' : (offersbookmark.amountMSat / 1000) | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
@ -57,7 +57,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let offer" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="4" class="mr-0">
|
||||
|
@ -23,7 +23,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="offer_id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Offer ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Offer ID</th>
|
||||
<td mat-cell *matCellDef="let offer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">
|
||||
@ -33,17 +33,17 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="single_use">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Single Use </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Single Use</th>
|
||||
<td mat-cell *matCellDef="let offer">{{offer.single_use ? 'Yes' : 'No'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="used">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Used </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Used</th>
|
||||
<td mat-cell *matCellDef="let offer">
|
||||
{{offer.used ? 'Yes' : 'No'}}
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="bolt12">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Invoice </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Invoice</th>
|
||||
<td mat-cell *matCellDef="let offer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">
|
||||
@ -60,7 +60,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let offer" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="4" class="mr-0">
|
||||
|
@ -41,7 +41,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Type </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>
|
||||
<td mat-cell *matCellDef="let payment">{{ payment?.bolt12 ? 'Bolt12' : payment?.bolt11 ? 'Bolt11' : 'Keysend' }}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="payment_hash">
|
||||
@ -100,7 +100,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let payment" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onPaymentClick(payment)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -35,12 +35,12 @@
|
||||
<table mat-table #table [dataSource]="addresses" matSort class="overflow-auto">
|
||||
<ng-container matColumnDef="address">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Address</th>
|
||||
<td mat-cell *matCellDef="let address"> {{address}} </td>
|
||||
<td mat-cell *matCellDef="let address">{{address}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select btn-action" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let address">
|
||||
<span fxLayoutAlign="end center">
|
||||
<button mat-stroked-button class="btn-action-copy" color="primary" type="button" tabindex="1" rtlClipboard [payload]="lookupResult?.nodeId + '@' + address" (copied)="onCopyNodeURI($event)">Copy Node URI</button>
|
||||
|
@ -38,7 +38,7 @@
|
||||
<div [perfectScrollbar] class="table-container mb-2" fxLayout="row" fxFlex="100" fxLayoutAlign="space-between stretch">
|
||||
<table mat-table #table[i] [dataSource]="qrHops[i]" [ngClass]="{'overflow-auto error-border': flgLoading[0]==='error','overflow-auto': true}">
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef> Alias</th>
|
||||
<td mat-cell *matCellDef="let hop">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
||||
<span class="ellipsis-child">{{hop?.alias}}</span>
|
||||
@ -46,7 +46,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="nodeId">
|
||||
<th mat-header-cell *matHeaderCellDef> ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef> ID</th>
|
||||
<td mat-cell *matCellDef="let hop">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
||||
<span class="ellipsis-child">{{hop?.nodeId}}</span>
|
||||
@ -56,7 +56,7 @@
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let hop" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onHopClick(hop)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -14,7 +14,7 @@
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="30">
|
||||
<input matInput [(ngModel)]="transaction.amount" placeholder="Amount" name="amt" type="number" [step]="100" [min]="0" tabindex="2" required #amnt="ngModel">
|
||||
<span matSuffix> {{selAmountUnit}} </span>
|
||||
<span matSuffix>{{selAmountUnit}} </span>
|
||||
<mat-error *ngIf="!transaction.amount">{{amountError}}</mat-error>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="10" fxLayoutAlign="start end">
|
||||
|
@ -14,11 +14,11 @@
|
||||
<table mat-table #table fxFlex="100" [dataSource]="listTransactions" matSort
|
||||
[ngClass]="{'overflow-auto error-border': errorMessage !== '','overflow-auto': true}">
|
||||
<ng-container matColumnDef="timestamp">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Date/Time </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Date/Time</th>
|
||||
<td mat-cell *matCellDef="let transaction">{{(transaction?.timestamp * 1000) | date:'dd/MMM/y HH:mm'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="address">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Address </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Address</th>
|
||||
<td mat-cell *matCellDef="let transaction">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{transaction?.address}}</span>
|
||||
@ -26,7 +26,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="blockHash">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Blockhash </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Blockhash</th>
|
||||
<td mat-cell *matCellDef="let transaction">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{transaction?.blockHash}}</span>
|
||||
@ -34,7 +34,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="txid">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Transaction ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Transaction ID</th>
|
||||
<td mat-cell *matCellDef="let transaction">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{transaction?.txid}}</span>
|
||||
@ -42,18 +42,18 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="amount">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let transaction">
|
||||
<span fxLayoutAlign="end center" *ngIf="transaction?.amount > 0 || transaction?.amount === 0">{{transaction?.amount | number}}</span>
|
||||
<span fxLayoutAlign="end center" class="red" *ngIf="transaction?.amount < 0">({{transaction?.amount * -1 | number}})</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="fees">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Fees (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Fees (Sats)</th>
|
||||
<td mat-cell *matCellDef="let transaction"><span fxLayoutAlign="end center">{{transaction?.fees | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="confirmations">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Confirmations </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Confirmations</th>
|
||||
<td mat-cell *matCellDef="let transaction"><span fxLayoutAlign="end center">
|
||||
{{transaction?.confirmations | number}} </span></td>
|
||||
</ng-container>
|
||||
@ -65,7 +65,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let transaction" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onTransactionClick(transaction, $event)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -16,15 +16,15 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="state">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> State </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>State</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.state | titlecase}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="shortChannelId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Short Channel ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Short Channel ID</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.shortChannelId}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channelId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.channelId}}</span>
|
||||
@ -32,7 +32,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Alias</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.alias}}</span>
|
||||
@ -40,7 +40,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="nodeId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Node ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Node ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.nodeId}}</span>
|
||||
@ -48,30 +48,30 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="isFunder">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Funder </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Funder</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.isFunder ? 'Yes' : 'No'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="buried">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Buried </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Buried</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.buried ? 'Yes' : 'No'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="toLocal">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Local Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Local Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.toLocal | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="toRemote">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Remote Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Remote Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.toRemote | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="feeRatePerKw">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Local Fee/KW</th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Local Fee/KW</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.feeRatePerKw | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="balancedness">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Balance Score </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Balance Score</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div fxLayout="row">
|
||||
<mat-hint fxFlex="100" fxLayoutAlign="center center" class="font-size-80">{{channel?.balancedness || 0 | number}}</mat-hint>
|
||||
@ -87,7 +87,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="2" class="mr-0">
|
||||
|
@ -16,11 +16,11 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="shortChannelId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Short Channel ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Short Channel ID</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.shortChannelId}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channelId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.channelId}}</span>
|
||||
@ -28,7 +28,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Alias</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.alias}}</span>
|
||||
@ -36,7 +36,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="nodeId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Node ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Node ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.nodeId}}</span>
|
||||
@ -44,30 +44,30 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="isFunder">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Funder </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Funder</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.isFunder ? 'Yes' : 'No'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="buried">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Buried </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Buried</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.buried ? 'Yes' : 'No'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="feeBaseMsat">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Base Fee (mSats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Base Fee (mSats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.feeBaseMsat | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="feeProportionalMillionths">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Fee Rate (mili mSats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Fee Rate (mili mSats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.feeProportionalMillionths | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="toLocal">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Local Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Local Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.toLocal | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="toRemote">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Remote Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Remote Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.toRemote | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
@ -77,7 +77,7 @@
|
||||
{{channel?.feeRatePerKw | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="balancedness">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Balance Score </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Balance Score</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div fxLayout="row">
|
||||
<mat-hint fxFlex="100" fxLayoutAlign="center center" class="font-size-80">{{channel?.balancedness || 0 | number}}</mat-hint>
|
||||
@ -94,7 +94,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="2" class="mr-0">
|
||||
|
@ -16,11 +16,11 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="state">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> State </th>
|
||||
<td mat-cell *matCellDef="let channel"> {{channel?.state | titlecase}}</td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>State</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.state | titlecase}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channelId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.channelId}}</span>
|
||||
@ -28,11 +28,11 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Alias</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.alias}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="nodeId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Node ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Node ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.nodeId}}</span>
|
||||
@ -40,20 +40,20 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="isFunder">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Funder </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Funder</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.isFunder ? 'Yes' : 'No'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="buried">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Buried </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Buried</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel?.buried ? 'Yes' : 'No'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="toLocal">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Local Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Local Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.toLocal | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="toRemote">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Remote Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Remote Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">
|
||||
{{channel?.toRemote | number:'1.0-0'}} </span></td>
|
||||
</ng-container>
|
||||
@ -70,7 +70,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onChannelClick(channel, $event)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -25,7 +25,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Alias</th>
|
||||
<td mat-cell *matCellDef="let peer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{peer?.alias}}</span>
|
||||
@ -33,7 +33,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="nodeId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Node ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Node ID</th>
|
||||
<td mat-cell *matCellDef="let peer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{peer?.nodeId}}</span>
|
||||
@ -41,14 +41,14 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="address">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Network Address </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Network Address</th>
|
||||
<td mat-cell *matCellDef="let peer">
|
||||
{{peer?.address}}
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channels">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channels </th>
|
||||
<td mat-cell *matCellDef="let peer"> {{peer?.channels}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channels</th>
|
||||
<td mat-cell *matCellDef="let peer">{{peer?.channels}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
@ -58,7 +58,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let peer" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="1" class="mr-0">
|
||||
|
@ -89,7 +89,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let fhEvent" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onForwardingEventClick(fhEvent,$event)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -20,7 +20,7 @@
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="30">
|
||||
<input matInput [(ngModel)]="expiry" placeholder="Expiry" type="number" [step]="selTimeUnit === timeUnitEnum.SECS ? 300 : selTimeUnit === timeUnitEnum.MINS ? 10 : selTimeUnit === timeUnitEnum.HOURS ? 2 : 1" [min]="1" name="exp" tabindex="4">
|
||||
<span matSuffix> {{selTimeUnit | titlecase}} </span>
|
||||
<span matSuffix>{{selTimeUnit | titlecase}} </span>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="26">
|
||||
<mat-select [value]="selTimeUnit" tabindex="5" name="timeUnit" (selectionChange)="onTimeUnitChange($event)">
|
||||
|
@ -39,19 +39,19 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="timestamp">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Date Created </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Date Created</th>
|
||||
<td mat-cell *matCellDef="let invoice">{{(invoice?.timestamp * 1000) | date:'dd/MMM/y HH:mm'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="expiresAt">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Date Expiry </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Date Expiry</th>
|
||||
<td mat-cell *matCellDef="let invoice">{{((invoice?.expiresAt * 1000) | date:'dd/MMM/y HH:mm') || '-'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="receivedAt">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Date Settled </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Date Settled</th>
|
||||
<td mat-cell *matCellDef="let invoice">{{((invoice?.receivedAt * 1000) | date:'dd/MMM/y HH:mm') || '-'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="nodeId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Node ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Node ID</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.nodeId}}</span>
|
||||
@ -59,7 +59,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="description">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Description </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Description</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.description}}</span>
|
||||
@ -67,7 +67,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="paymentHash">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Payment Hash </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Payment Hash</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.paymentHash}}</span>
|
||||
@ -75,15 +75,15 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="amount">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<span fxLayoutAlign="end center"> {{invoice?.amount ? (invoice?.amount | number:'1.0-0') : '-'}}</span>
|
||||
<span fxLayoutAlign="end center">{{invoice?.amount ? (invoice?.amount | number:'1.0-0') : '-'}}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="amountSettled">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before" class="p1-3"> Amount Settled (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before" class="p1-3"> Amount Settled (Sats)</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<span fxLayoutAlign="end center"> {{invoice?.amountSettled ? (invoice?.amountSettled | number:'1.0-0') : '-'}}</span>
|
||||
<span fxLayoutAlign="end center">{{invoice?.amountSettled ? (invoice?.amountSettled | number:'1.0-0') : '-'}}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
@ -94,7 +94,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let invoice" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="4" class="mr-0">
|
||||
|
@ -91,7 +91,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let payment" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onPaymentClick(payment)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -27,7 +27,7 @@
|
||||
<mat-progress-bar *ngIf="apiCallStatus.status === apiCallStatusEnum.INITIATED" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table fxFlex="100" [dataSource]="channels" matSort [ngClass]="{'overflow-auto error-border': errorMessage !== '','overflow-auto': true}">
|
||||
<ng-container matColumnDef="channel_point">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Point </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel Point</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '25rem' : '60rem'}">
|
||||
<span class="ellipsis-child">{{channel?.channel_point}}</span>
|
||||
@ -37,7 +37,7 @@
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="1" class="mr-0">
|
||||
|
@ -22,7 +22,7 @@
|
||||
<mat-progress-bar *ngIf="flgLoading[0]===true" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table [dataSource]="channels" matSort [ngClass]="{'overflow-auto error-border': flgLoading[0]==='error','overflow-auto': true}">
|
||||
<ng-container matColumnDef="channel_point">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Point </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel Point</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '25rem' : '60rem'}">
|
||||
<span class="ellipsis-child">{{channel?.channel_point}}</span>
|
||||
@ -32,7 +32,7 @@
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<span fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="1" (click)="onRestoreChannels(channel)">Restore</button>
|
||||
|
@ -39,16 +39,16 @@
|
||||
<table mat-table #table [dataSource]="lookupResult.node.addresses" matSort>
|
||||
<ng-container matColumnDef="network">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Network</th>
|
||||
<td mat-cell *matCellDef="let address"> {{address?.network}} </td>
|
||||
<td mat-cell *matCellDef="let address">{{address?.network}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="addr">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Address</th>
|
||||
<td mat-cell *matCellDef="let address"> {{address?.addr}} </td>
|
||||
<td mat-cell *matCellDef="let address">{{address?.addr}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select btn-action" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let address">
|
||||
<span fxLayoutAlign="end center">
|
||||
<button mat-stroked-button class="btn-action-copy" color="primary" type="button" tabindex="1" rtlClipboard [payload]="lookupResult.node.pub_key + '@' + address.addr" (copied)="onCopyNodeURI($event)">Copy Node URI</button>
|
||||
|
@ -27,11 +27,11 @@
|
||||
<mat-progress-bar *ngIf="flgLoading[0]===true" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table [dataSource]="qrHops" matSort [ngClass]="{'overflow-auto error-border': flgLoading[0]==='error','overflow-auto': true}">
|
||||
<ng-container matColumnDef="hop_sequence">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Hop </th>
|
||||
<td mat-cell *matCellDef="let hop"> {{hop?.hop_sequence}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Hop</th>
|
||||
<td mat-cell *matCellDef="let hop">{{hop?.hop_sequence}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="pubkey_alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Peer </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Peer</th>
|
||||
<td mat-cell *matCellDef="let hop">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{hop?.pubkey_alias}}</span>
|
||||
@ -39,7 +39,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="pub_key">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Peer Pubkey </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Peer Pubkey</th>
|
||||
<td mat-cell *matCellDef="let hop">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{hop?.pub_key}}</span>
|
||||
@ -47,7 +47,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="chan_id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel ID</th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel ID</th>
|
||||
<td mat-cell *matCellDef="let hop">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{hop?.chan_id}}</span>
|
||||
@ -55,31 +55,31 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="tlv_payload">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> TLV Payload </th>
|
||||
<td mat-cell *matCellDef="let hop"> {{hop?.tlv_payload ? 'Yes' : 'No'}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>TLV Payload</th>
|
||||
<td mat-cell *matCellDef="let hop">{{hop?.tlv_payload ? 'Yes' : 'No'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="expiry">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Expiry </th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center"> {{hop?.expiry | number}}</span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Expiry</th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center">{{hop?.expiry | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="chan_capacity">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Capacity (Sats) </th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center"> {{hop?.chan_capacity | number}}</span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Capacity (Sats)</th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center">{{hop?.chan_capacity | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="amt_to_forward_msat">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount To Fwd (Sats) </th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center"> {{hop?.amt_to_forward | number}}
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount To Fwd (Sats)</th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center">{{hop?.amt_to_forward | number}}
|
||||
</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="fee_msat">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Fee (mSats) </th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center"> {{hop?.fee_msat | number}} </span>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Fee (mSats)</th>
|
||||
<td mat-cell *matCellDef="let hop"><span fxLayoutAlign="end center">{{hop?.fee_msat | number}} </span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let hop" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onHopClick(hop, $event)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -14,7 +14,7 @@
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex.gt-sm="30">
|
||||
<input matInput [(ngModel)]="transactionAmount" placeholder="Amount" name="amt" type="number" [step]="100" [min]="0" tabindex="2" required #amnt="ngModel">
|
||||
<span matSuffix> {{selAmountUnit}} </span>
|
||||
<span matSuffix>{{selAmountUnit}} </span>
|
||||
<mat-error *ngIf="!transactionAmount">{{amountError}}</mat-error>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex.gt-sm="10" fxLayoutAlign="start end">
|
||||
|
@ -9,11 +9,11 @@
|
||||
<mat-progress-bar *ngIf="apiCallStatus.status === apiCallStatusEnum.INITIATED" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table fxFlex="100" [dataSource]="listTransactions" matSort [ngClass]="{'overflow-auto error-border': errorMessage !== '','overflow-auto': true}">
|
||||
<ng-container matColumnDef="time_stamp">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Date/Time </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Date/Time</th>
|
||||
<td mat-cell *matCellDef="let transaction">{{(transaction.time_stamp * 1000) | date:'dd/MMM/y HH:mm'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="label">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Label </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Label</th>
|
||||
<td mat-cell *matCellDef="let transaction">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{transaction?.label}}</span>
|
||||
@ -21,7 +21,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="block_hash">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Block Hash </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Block Hash</th>
|
||||
<td mat-cell *matCellDef="let transaction">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{transaction?.block_hash}}</span>
|
||||
@ -29,7 +29,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="tx_hash">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Transaction Hash </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Transaction Hash</th>
|
||||
<td mat-cell *matCellDef="let transaction">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{transaction?.tx_hash}}</span>
|
||||
@ -37,22 +37,22 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="amount">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let transaction">
|
||||
<span fxLayoutAlign="end center" *ngIf="transaction.amount > 0 || transaction.amount === 0">{{transaction.amount | number}}</span>
|
||||
<span fxLayoutAlign="end center" class="red" *ngIf="transaction.amount < 0">({{transaction.amount * -1 | number}})</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="total_fees">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Fees (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Fees (Sats)</th>
|
||||
<td mat-cell *matCellDef="let transaction"><span fxLayoutAlign="end center">{{transaction.total_fees | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="block_height">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Block Height </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Block Height</th>
|
||||
<td mat-cell *matCellDef="let transaction"><span fxLayoutAlign="end center">{{transaction.block_height | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="num_confirmations">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Confirmations </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Confirmations</th>
|
||||
<td mat-cell *matCellDef="let transaction"><span fxLayoutAlign="end center">
|
||||
{{transaction?.num_confirmations | number}} </span></td>
|
||||
</ng-container>
|
||||
@ -64,7 +64,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let transaction" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onTransactionClick(transaction)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -7,8 +7,7 @@
|
||||
<div fxLayout="row" fxLayoutAlign="start start">
|
||||
<div [perfectScrollbar] fxLayout="column" fxLayoutAlign="start end" fxFlex="100" class="table-container">
|
||||
<mat-progress-bar *ngIf="apiCallStatus.status === apiCallStatusEnum.INITIATED" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table fxFlex="100" [dataSource]="listUTXOs" matSort
|
||||
[ngClass]="{'overflow-auto error-border': errorMessage !== '','overflow-auto': true}">
|
||||
<table mat-table #table fxFlex="100" [dataSource]="listUTXOs" matSort [ngClass]="{'overflow-auto error-border': errorMessage !== '','overflow-auto': true}">
|
||||
<ng-container matColumnDef="is_dust">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header></th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
@ -18,7 +17,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="tx_id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Transaction ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Transaction ID</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{utxo.outpoint.txid_str}}</span>
|
||||
@ -26,13 +25,13 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="output">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Output </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Output</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<span fxLayoutAlign="end center">{{utxo.outpoint.output_index}}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="label">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Label </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Label</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{utxo.label}}</span>
|
||||
@ -40,7 +39,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="address_type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Address Type </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Address Type</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<div fxLayout="row" fxLayoutAlign="start center">
|
||||
{{addressType[utxo.address_type].name}}
|
||||
@ -48,7 +47,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="address">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Address </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Address</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{utxo?.address}}</span>
|
||||
@ -56,13 +55,13 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="amount_sat">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let utxo">
|
||||
<span fxLayoutAlign="end center">{{(utxo.amount_sat || 0) | number}}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="confirmations">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Confirmations </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Confirmations</th>
|
||||
<td mat-cell *matCellDef="let utxo"><span fxLayoutAlign="end center">{{(utxo.confirmations || 0) | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
@ -73,7 +72,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let utxo" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="2" class="mr-0">
|
||||
|
@ -61,8 +61,6 @@ export class OnChainUTXOsComponent implements OnInit, OnChanges, OnDestroy {
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
// this.router.routeReuseStrategy.shouldReuseRoute = () => false;
|
||||
// this.router.onSameUrlNavigation = 'reload';
|
||||
this.tableSetting.tableId = this.isDustUTXO ? 'dust_utxos' : 'utxos';
|
||||
this.store.select(lndPageSettings).pipe(takeUntil(this.unSubs[0])).
|
||||
subscribe((settings: { pageSettings: PageSettings[], apiCallStatus: ApiCallStatusPayload }) => {
|
||||
@ -150,8 +148,8 @@ export class OnChainUTXOsComponent implements OnInit, OnChanges, OnDestroy {
|
||||
this.listUTXOs.sort?.sort({ id: this.tableSetting.sortBy, start: this.tableSetting.sortOrder, disableClear: true });
|
||||
this.listUTXOs.filterPredicate = (utxo: UTXO, fltr: string) => {
|
||||
const newUTXO = ((utxo.label ? utxo.label.toLowerCase() : '') + (utxo.outpoint?.txid_str ? utxo.outpoint.txid_str.toLowerCase() : '') + (utxo.outpoint?.output_index ? utxo.outpoint?.output_index : '') +
|
||||
(utxo.outpoint?.txid_bytes ? utxo.outpoint?.txid_bytes.toLowerCase() : '') + (utxo.address ? utxo.address.toLowerCase() : '') + (utxo.address_type ? utxo.address_type.toLowerCase() : '') +
|
||||
(utxo.amount_sat ? utxo.amount_sat : '') + (utxo.confirmations ? utxo.confirmations : '') + (utxo.pk_script ? utxo.pk_script.toLowerCase() : ''));
|
||||
(utxo.outpoint?.txid_bytes ? utxo.outpoint?.txid_bytes.toLowerCase() : '') + (utxo.address ? utxo.address.toLowerCase() : '') + (utxo.address_type ? this.addressType[utxo.address_type].name.toLowerCase() : '') +
|
||||
(utxo.amount_sat ? utxo.amount_sat : '') + (utxo.confirmations ? utxo.confirmations : ''));
|
||||
return newUTXO.includes(fltr);
|
||||
};
|
||||
this.listUTXOs.paginator = this.paginator;
|
||||
|
@ -47,7 +47,7 @@
|
||||
<ng-container matColumnDef="htlc_index">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">
|
||||
<span fxLayoutAlign="end center" class="htlc-row-span">HTLC Index</span>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<span fxLayoutAlign="end center" class="htlc-row-span">{{' '}}</span>
|
||||
<span *ngIf="channel.is_expanded">
|
||||
@ -60,7 +60,7 @@
|
||||
<ng-container matColumnDef="forwarding_htlc_index">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">
|
||||
<span fxLayoutAlign="end center" class="htlc-row-span">Forwarding HTLC Index</span>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<span fxLayoutAlign="end center" class="htlc-row-span">{{' '}}</span>
|
||||
<span *ngIf="channel.is_expanded">
|
||||
@ -73,7 +73,7 @@
|
||||
<ng-container matColumnDef="expiration_height">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">
|
||||
<span fxLayoutAlign="end center" class="htlc-row-span">Expiration Height</span>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<span fxLayoutAlign="end center" class="htlc-row-span">{{' '}}</span>
|
||||
<span *ngIf="channel.is_expanded">
|
||||
@ -86,7 +86,7 @@
|
||||
<ng-container matColumnDef="hash_lock">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before" class="pl-3 htlc-row-span">
|
||||
<span fxLayoutAlign="end center" class="htlc-row-span">Hash Lock</span>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel" class="pl-3">
|
||||
<span fxLayoutAlign="end center" class="htlc-row-span">{{' '}}</span>
|
||||
<span *ngIf="channel.is_expanded">
|
||||
@ -104,7 +104,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel" class="px-2">
|
||||
<span fxLayoutAlign="end center">
|
||||
<button mat-flat-button class="btn-htlc-expand" color="primary" type="button" tabindex="5" (click)="channel.is_expanded = !channel.is_expanded">{{channel.is_expanded ? 'Hide' : 'Show'}}</button>
|
||||
|
@ -9,7 +9,7 @@
|
||||
<mat-progress-bar *ngIf="apiCallStatus.status === apiCallStatusEnum.INITIATED" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table fxFlex="100" [dataSource]="closedChannels" matSort [ngClass]="{'error-border': errorMessage !== '', 'overflow-auto': true}">
|
||||
<ng-container matColumnDef="close_type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Close Type </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Close Type</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div fxLayout="row" fxLayoutAlign="start center">
|
||||
<mat-icon [matTooltip]="channelClosureType[channel.close_type].tooltip" class="info-icon info-icon-text">info_outline</mat-icon>
|
||||
@ -18,7 +18,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Peer </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Peer</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.remote_alias}}</span>
|
||||
@ -26,7 +26,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_pubkey">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Pubkey </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Pubkey</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.remote_pubkey}}</span>
|
||||
@ -34,7 +34,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel_point">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Point </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel Point</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.channel_point}}</span>
|
||||
@ -42,7 +42,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="chan_id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.chan_id}}</span>
|
||||
@ -50,7 +50,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="closing_tx_hash">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Closing Tx Hash </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Closing Tx Hash</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.closing_tx_hash}}</span>
|
||||
@ -58,7 +58,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="chain_hash">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Chain Hash </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Chain Hash</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel?.chain_hash}}</span>
|
||||
@ -66,31 +66,31 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="open_initiator">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Open Initiator </th>
|
||||
<td mat-cell *matCellDef="let channel"> {{channel.open_initiator | camelcaseWithReplace:'initiator_'}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Open Initiator</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel.open_initiator | camelcaseWithReplace:'initiator_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="close_initiator">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Close Initiator </th>
|
||||
<td mat-cell *matCellDef="let channel"> {{channel.close_initiator | camelcaseWithReplace:'initiator_'}} </td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Close Initiator</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel.close_initiator | camelcaseWithReplace:'initiator_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="time_locked_balance">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Timelocked Balance (Sats) </th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center"> {{channel.time_locked_balance | number}} </span>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Timelocked Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.time_locked_balance | number}} </span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="capacity">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Capacity (Sats) </th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center"> {{channel.capacity | number}} </span>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Capacity (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.capacity | number}} </span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="close_height">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Close Height </th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center"> {{channel.close_height | number}}
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Close Height</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.close_height | number}}
|
||||
</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="settled_balance">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Settled Balance (Sats) </th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center"> {{channel.settled_balance | number}}
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Settled Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.settled_balance | number}}
|
||||
</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
@ -101,7 +101,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<span fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onClosedChannelClick(channel,$event)" class="table-actions-button">View Info</button>
|
||||
|
@ -23,7 +23,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Peer </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Peer</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.remote_alias || channel.remote_pubkey}}</span>
|
||||
@ -31,7 +31,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_pubkey">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Pubkey </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Pubkey</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.remote_pubkey}}</span>
|
||||
@ -39,7 +39,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel_point">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Point </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel Point</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel_point}}</span>
|
||||
@ -103,23 +103,23 @@
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.remote_chan_reserve_sat | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="total_satoshis_sent">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Sats Sent </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Sats Sent</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.total_satoshis_sent | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="total_satoshis_received">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Sats Received </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Sats Received</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.total_satoshis_received | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="local_balance">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Local Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Local Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.local_balance | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_balance">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Remote Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Remote Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.remote_balance | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="balancedness">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Balance Score </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Balance Score</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div fxLayout="row">
|
||||
<mat-hint fxFlex="100" fxLayoutAlign="center center" class="font-size-80">{{channel.balancedness || 0 | number}}</mat-hint>
|
||||
@ -136,7 +136,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let channel" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="2" class="mr-0">
|
||||
|
@ -10,7 +10,7 @@
|
||||
<mat-progress-bar *ngIf="apiCallStatus.status === apiCallStatusEnum.INITIATED" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table fxFlex="100" [dataSource]="pendingOpenChannels" matSort [ngClass]="{'error-border bordered-box': errorMessage !== '','bordered-box': true}">
|
||||
<ng-container matColumnDef="remote_alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Peer </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Peer</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.remote_alias}}</span>
|
||||
@ -18,7 +18,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_node_pub">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Pubkey </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Pubkey</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.remote_node_pub}}</span>
|
||||
@ -26,7 +26,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel_point">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Point</th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel Point</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.channel_point}}</span>
|
||||
@ -34,23 +34,23 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="initiator">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Initiator </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Initiator</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel.channel.initiator | camelcaseWithReplace:'initiator_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="commitment_type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Commitment Type </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Commitment Type</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel.channel.commitment_type | camelcaseWithReplace:'commitment_type':'_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="confirmation_height">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Confirmation Height</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center"> {{channel.confirmation_height | number}}</span></td>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.confirmation_height | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="commit_fee">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Commit Fee (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Commit Fee (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.commit_fee | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="commit_weight">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Commit Weight </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Commit Weight</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.commit_weight | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="fee_per_kw">
|
||||
@ -72,7 +72,7 @@
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell fxLayoutAlign="end center" *matCellDef="let channel">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="1" class="mr-0">
|
||||
@ -104,7 +104,7 @@
|
||||
<div [perfectScrollbar] fxLayout="column" fxLayoutAlign="start center" fxFlex="100" class="table-container">
|
||||
<table mat-table #table [dataSource]="pendingForceClosingChannels" matSort [ngClass]="{'error-border bordered-box': errorMessage !== '','bordered-box': true}">
|
||||
<ng-container matColumnDef="closing_txid">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Closing Tx ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Closing Tx ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.closing_txid}}</span>
|
||||
@ -112,7 +112,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Peer </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Peer</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.remote_alias}}</span>
|
||||
@ -120,7 +120,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_node_pub">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Pubkey </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Pubkey</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.remote_node_pub}}</span>
|
||||
@ -128,7 +128,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel_point">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Point </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel Point</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.channel_point}}</span>
|
||||
@ -136,15 +136,15 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="initiator">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Initiator </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Initiator</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel.channel.initiator | camelcaseWithReplace:'initiator_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="commitment_type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Commitment Type </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Commitment Type</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel.channel.commitment_type | camelcaseWithReplace:'commitment_type':'_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="limbo_balance">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Limbo Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Limbo Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.limbo_balance | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="maturity_height">
|
||||
@ -156,11 +156,11 @@
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.blocks_til_maturity | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="recovered_balance">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Recovered Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Recovered Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.recovered_balance | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="capacity">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Capacity (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Capacity (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.channel.capacity | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="local_balance">
|
||||
@ -174,7 +174,7 @@
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell fxLayoutAlign="end center" *matCellDef="let channel">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="2" (click)="onForceClosingClick(channel)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
@ -200,7 +200,7 @@
|
||||
<div [perfectScrollbar] fxLayout="column" fxLayoutAlign="start center" fxFlex="100" class="table-container">
|
||||
<table mat-table #table [dataSource]="pendingClosingChannels" matSort [ngClass]="{'error-border bordered-box': errorMessage !== '','bordered-box': true}">
|
||||
<ng-container matColumnDef="closing_txid">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Closing Tx ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Closing Tx ID</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.closing_txid}}</span>
|
||||
@ -208,7 +208,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Peer </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Peer</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.remote_alias}}</span>
|
||||
@ -216,7 +216,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_node_pub">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Pubkey </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Pubkey</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.remote_node_pub}}</span>
|
||||
@ -224,7 +224,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel_point">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Point</th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel Point</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.channel_point}}</span>
|
||||
@ -232,15 +232,15 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="initiator">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Initiator </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Initiator</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel.channel.initiator | camelcaseWithReplace:'initiator_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="commitment_type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Commitment Type </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Commitment Type</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel.channel.commitment_type | camelcaseWithReplace:'commitment_type':'_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="capacity">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Capacity (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Capacity (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.channel.capacity | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="local_balance">
|
||||
@ -254,7 +254,7 @@
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell fxLayoutAlign="end center" *matCellDef="let channel">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="3" (click)="onClosingClick(channel)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
@ -280,7 +280,7 @@
|
||||
<div [perfectScrollbar] fxLayout="column" fxLayoutAlign="start center" fxFlex="100" class="table-container">
|
||||
<table mat-table #table [dataSource]="pendingWaitClosingChannels" matSort [ngClass]="{'error-border bordered-box': errorMessage !== '','bordered-box': true}">
|
||||
<ng-container matColumnDef="remote_alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Peer </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Peer</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.remote_alias}}</span>
|
||||
@ -288,7 +288,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="remote_node_pub">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Pubkey </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Pubkey</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.remote_node_pub}}</span>
|
||||
@ -296,7 +296,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel_point">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Point</th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel Point</th>
|
||||
<td mat-cell *matCellDef="let channel">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{channel.channel.channel_point}}</span>
|
||||
@ -304,19 +304,19 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="initiator">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Initiator </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Initiator</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel.channel.initiator | camelcaseWithReplace:'initiator_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="commitment_type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Commitment Type </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Commitment Type</th>
|
||||
<td mat-cell *matCellDef="let channel">{{channel.channel.commitment_type | camelcaseWithReplace:'commitment_type':'_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="limbo_balance">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Limbo Balance (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Limbo Balance (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.limbo_balance | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="capacity">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Capacity (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Capacity (Sats)</th>
|
||||
<td mat-cell *matCellDef="let channel"><span fxLayoutAlign="end center">{{channel.channel.capacity | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="local_balance">
|
||||
@ -330,7 +330,7 @@
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell fxLayoutAlign="end center" *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell fxLayoutAlign="end center" *matCellDef="let channel">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onWaitClosingClick(channel)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -16,7 +16,7 @@
|
||||
<mat-progress-bar *ngIf="apiCallStatus.status === apiCallStatusEnum.INITIATED" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table [dataSource]="peers" matSort [ngClass]="{'overflow-auto error-border': errorMessage !== '','overflow-auto': true}">
|
||||
<ng-container matColumnDef="alias">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Alias </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Alias</th>
|
||||
<td mat-cell *matCellDef="let peer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{peer?.alias}}</span>
|
||||
@ -24,7 +24,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="pub_key">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Public Key </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Public Key</th>
|
||||
<td mat-cell *matCellDef="let peer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{peer?.pub_key}}</span>
|
||||
@ -32,7 +32,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="address">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Address </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Address</th>
|
||||
<td mat-cell *matCellDef="let peer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{peer?.address}}</span>
|
||||
@ -40,32 +40,32 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="sync_type">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Sync Type </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Sync Type</th>
|
||||
<td mat-cell *matCellDef="let peer">{{peer?.sync_type | camelcaseWithReplace:'sync':'_'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="inbound">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Inbound </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Inbound</th>
|
||||
<td mat-cell *matCellDef="let peer">{{peer?.inbound ? 'Yes' : 'No'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="bytes_sent">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Bytes Sent </th>
|
||||
<td mat-cell *matCellDef="let peer"><span fxLayoutAlign="end center"> {{peer?.bytes_sent | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Bytes Sent</th>
|
||||
<td mat-cell *matCellDef="let peer"><span fxLayoutAlign="end center">{{peer?.bytes_sent | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="bytes_recv">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Bytes Received </th>
|
||||
<td mat-cell *matCellDef="let peer"><span fxLayoutAlign="end center"> {{peer?.bytes_recv | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Bytes Received</th>
|
||||
<td mat-cell *matCellDef="let peer"><span fxLayoutAlign="end center">{{peer?.bytes_recv | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="sat_sent">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Sats Sent </th>
|
||||
<td mat-cell *matCellDef="let peer"><span fxLayoutAlign="end center"> {{peer?.sat_sent | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Sats Sent</th>
|
||||
<td mat-cell *matCellDef="let peer"><span fxLayoutAlign="end center">{{peer?.sat_sent | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="sat_recv">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Sats Received </th>
|
||||
<td mat-cell *matCellDef="let peer"><span fxLayoutAlign="end center"> {{peer?.sat_recv | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Sats Received</th>
|
||||
<td mat-cell *matCellDef="let peer"><span fxLayoutAlign="end center">{{peer?.sat_recv | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="ping_time">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Ping Time (<span>µ</span>s) </th>
|
||||
<td mat-cell *matCellDef="let peer"><span fxLayoutAlign="end center"> {{peer?.ping_time | number}} </span>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Ping Time (<span>µ</span>s)</th>
|
||||
<td mat-cell *matCellDef="let peer"><span fxLayoutAlign="end center">{{peer?.ping_time | number}} </span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
@ -76,7 +76,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let peer" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="1" class="mr-0">
|
||||
|
@ -65,7 +65,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let fhEvent" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onForwardingEventClick(fhEvent,$event)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -35,7 +35,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="channel_point">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Point </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Channel Point</th>
|
||||
<td mat-cell *matCellDef="let nonRPeer">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{nonRPeer?.channel_point}}</span>
|
||||
@ -103,7 +103,7 @@
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let nonRPeer" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onManagePeer(nonRPeer)">Manage</button>
|
||||
</td>
|
||||
|
@ -39,7 +39,7 @@
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">Actions</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let rPeer" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onRoutingPeerClick(rPeer, $event, 'in')" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -18,7 +18,7 @@
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="24" fxLayoutAlign="start end">
|
||||
<input matInput [(ngModel)]="expiry" placeholder="Expiry" type="number" [step]="selTimeUnit === timeUnitEnum.SECS ? 300 : selTimeUnit === timeUnitEnum.MINS ? 10 : selTimeUnit === timeUnitEnum.HOURS ? 2 : 1" [min]="1" tabindex="3" name="expiry">
|
||||
<span matSuffix> {{selTimeUnit | titlecase}} </span>
|
||||
<span matSuffix>{{selTimeUnit | titlecase}} </span>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="24" fxLayoutAlign="start end">
|
||||
<mat-select [value]="selTimeUnit" tabindex="4" name="timeUnit" (selectionChange)="onTimeUnitChange($event)">
|
||||
|
@ -59,16 +59,16 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="creation_date">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Date Created </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Date Created</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
{{(invoice?.creation_date * 1000) | date:'dd/MMM/y HH:mm'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="settle_date">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Date Settled </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Date Settled</th>
|
||||
<td mat-cell *matCellDef="let invoice">{{(+invoice?.settle_date !== 0 ? ((+invoice?.settle_date * 1000) | date:'dd/MMM/y HH:mm') : '-')}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="memo">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Memo </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Memo</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.memo}}</span>
|
||||
@ -76,7 +76,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="r_preimage">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Preimage </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Preimage</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.r_preimage}}</span>
|
||||
@ -84,7 +84,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="r_hash">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Preimage Hash </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Preimage Hash</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.r_hash}}</span>
|
||||
@ -92,7 +92,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="payment_addr">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Payment Address </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Payment Address</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.payment_addr}}</span>
|
||||
@ -100,7 +100,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="payment_request">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Payment Request </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Payment Request</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.payment_request}}</span>
|
||||
@ -108,7 +108,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="description_hash">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Description Hash </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Description Hash</th>
|
||||
<td mat-cell *matCellDef="let invoice">
|
||||
<div class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{invoice?.description_hash}}</span>
|
||||
@ -116,28 +116,28 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="expiry">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Expiry </th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center"> {{invoice?.expiry | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Expiry</th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center">{{invoice?.expiry | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="cltv_expiry">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> CLTV Expiry </th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center"> {{invoice?.cltv_expiry | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">CLTV Expiry</th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center">{{invoice?.cltv_expiry | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="add_index">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Add Index </th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center"> {{invoice?.add_index | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Add Index</th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center">{{invoice?.add_index | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="settle_index">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Settle Index </th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center"> {{invoice?.settle_index | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Settle Index</th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center">{{invoice?.settle_index | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="value">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount (Sats) </th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center"> {{invoice?.value | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center">{{invoice?.value | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="amt_paid_sat">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount Settled (Sats) </th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center"> {{invoice?.amt_paid_sat | number}} </span></td>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount Settled (Sats)</th>
|
||||
<td mat-cell *matCellDef="let invoice"><span fxLayoutAlign="end center">{{invoice?.amt_paid_sat | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef>
|
||||
@ -147,7 +147,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let invoice" fxLayoutAlign="end center">
|
||||
<div class="bordered-box table-actions-select" fxLayoutAlign="center center">
|
||||
<mat-select placeholder="Actions" tabindex="4" class="mr-0">
|
||||
|
@ -110,7 +110,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let payment" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onPaymentClick(payment)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
@ -13,15 +13,15 @@
|
||||
<mat-progress-bar *ngIf="flgLoading[0]===true" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table [dataSource]="listSwaps" matSort [ngClass]="{'overflow-auto error-border': flgLoading[0]==='error','overflow-auto': true}">
|
||||
<ng-container matColumnDef="status">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Status </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Status</th>
|
||||
<td mat-cell *matCellDef="let swap">{{swapStateEnum[swap?.status]}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Swap ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Swap ID</th>
|
||||
<td mat-cell *matCellDef="let swap">{{swap?.id}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="claimAddress">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Claim Address </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Claim Address</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{swap?.claimAddress}}</span>
|
||||
@ -29,7 +29,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="lockupAddress">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Lockup Address </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Lockup Address</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{swap?.lockupAddress}}</span>
|
||||
@ -37,19 +37,19 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="onchainAmount">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Onchain Amount (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Onchain Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayoutAlign="end center">{{swap?.onchainAmount | number}}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="expectedAmount">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Expected Amount (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Expected Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayoutAlign="end center">{{swap?.expectedAmount | number}}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="error">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Error </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Error</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{swap?.error}}</span>
|
||||
@ -57,7 +57,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="privateKey">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Private Key </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Private Key</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{swap?.privateKey}}</span>
|
||||
@ -65,7 +65,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="preimage">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Preimage </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Preimage</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{swap?.preimage}}</span>
|
||||
@ -73,7 +73,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="redeemScript">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Redeem Script </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Redeem Script</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{swap?.redeemScript}}</span>
|
||||
@ -81,7 +81,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="invoice">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Invoice </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Invoice</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{swap?.invoice}}</span>
|
||||
@ -89,21 +89,21 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="timeoutBlockHeight">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Timeout Block Height </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Timeout Block Height</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayoutAlign="end center">{{swap?.timeoutBlockHeight | number}}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="lockupTransactionId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Lockup Tx ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Lockup Tx ID</th>
|
||||
<td mat-cell *matCellDef="let swap">{{swap?.lockupTransactionId}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="claimTransactionId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Claim Tx ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Claim Tx ID</th>
|
||||
<td mat-cell *matCellDef="let swap">{{swap?.claimTransactionId}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="refundTransactionId">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Refund Tx ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Refund Tx ID</th>
|
||||
<td mat-cell *matCellDef="let swap">{{swap?.refundTransactionId}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
@ -114,7 +114,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let swap" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4"
|
||||
(click)="onSwapClick(swap, $event)" class="table-actions-button">View Info</button>
|
||||
|
@ -13,38 +13,38 @@
|
||||
<mat-progress-bar *ngIf="flgLoading[0]===true" mode="indeterminate"></mat-progress-bar>
|
||||
<table mat-table #table [dataSource]="listSwaps" matSort [ngClass]="{'overflow-auto error-border': flgLoading[0]==='error','overflow-auto': true}">
|
||||
<ng-container matColumnDef="state">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> State </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>State</th>
|
||||
<td mat-cell *matCellDef="let swap">{{LoopStateEnum[swap?.state]}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="initiation_time">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Initiation Time </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Initiation Time</th>
|
||||
<td mat-cell *matCellDef="let swap">{{(swap?.initiation_time/1000000) | date:'dd/MMM/y HH:mm'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="last_update_time">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> Last Update Time </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>Last Update Time</th>
|
||||
<td mat-cell *matCellDef="let swap">{{(swap?.last_update_time/1000000) | date:'dd/MMM/y HH:mm'}}</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="amt">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Amount (Sats)</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayoutAlign="end center">{{swap?.amt | number}}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="cost_server">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Cost Server (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Cost Server (Sats)</th>
|
||||
<td mat-cell *matCellDef="let swap"><span fxLayoutAlign="end center">{{swap?.cost_server | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="cost_offchain">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Cost Offchain (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Cost Offchain (Sats)</th>
|
||||
<td mat-cell *matCellDef="let swap"><span fxLayoutAlign="end center">{{swap?.cost_offchain | number}}</span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="cost_onchain">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Cost Onchain (Sats) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before">Cost Onchain (Sats)</th>
|
||||
<td mat-cell *matCellDef="let swap"><span fxLayoutAlign="end center">
|
||||
{{swap?.cost_onchain | number}} </span></td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="htlc_address">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> HTLC Address </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>HTLC Address</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{swap?.htlc_address}}</span>
|
||||
@ -52,7 +52,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="id">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> ID </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>ID</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{swap?.id}}</span>
|
||||
@ -60,7 +60,7 @@
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="id_bytes">
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header> ID (Bytes) </th>
|
||||
<th mat-header-cell *matHeaderCellDef mat-sort-header>ID (Bytes)</th>
|
||||
<td mat-cell *matCellDef="let swap">
|
||||
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
||||
<span class="ellipsis-child">{{swap?.id_bytes}}</span>
|
||||
@ -75,7 +75,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let swap" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4"
|
||||
(click)="onSwapClick(swap, $event)" class="table-actions-button">View Info</button>
|
||||
|
@ -37,7 +37,7 @@
|
||||
<mat-option (click)="onDownloadCSV()">Download CSV</mat-option>
|
||||
</mat-select>
|
||||
</div>
|
||||
</th>
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let transaction" fxLayoutAlign="end center">
|
||||
<button mat-stroked-button color="primary" type="button" tabindex="4" (click)="onTransactionClick(transaction)" class="table-actions-button">View Info</button>
|
||||
</td>
|
||||
|
Loading…
Reference in New Issue
Block a user