lnd closed channels page layout

This commit is contained in:
ShahanaFarooqui 2022-10-25 18:24:43 -07:00
parent b1b1de5add
commit 20632b6ac3
4 changed files with 41 additions and 5 deletions

View File

@ -21,8 +21,41 @@
<th mat-header-cell *matHeaderCellDef mat-sort-header> Peer </th>
<td mat-cell *matCellDef="let channel" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '20rem'}"> {{channel.remote_alias}} </td>
</ng-container>
<ng-container matColumnDef="remote_pubkey">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Pubkey </th>
<td mat-cell *matCellDef="let channel" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '20rem'}"> {{channel.remote_pubkey}} </td>
</ng-container>
<ng-container matColumnDef="channel_point">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Point </th>
<td mat-cell *matCellDef="let channel" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '20rem'}"> {{channel.channel_point}} </td>
</ng-container>
<ng-container matColumnDef="chan_id">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Channel Id </th>
<td mat-cell *matCellDef="let channel" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '20rem'}"> {{channel.chan_id}} </td>
</ng-container>
<ng-container matColumnDef="closing_tx_hash">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Closing Tx Hash </th>
<td mat-cell *matCellDef="let channel" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '20rem'}"> {{channel.closing_tx_hash}} </td>
</ng-container>
<ng-container matColumnDef="chain_hash">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Chain Hash </th>
<td mat-cell *matCellDef="let channel" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '20rem'}"> {{channel.chain_hash}} </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>
</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>
</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>
</td>
</ng-container>
<ng-container matColumnDef="capacity">
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Capacity </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.capacity | number}} </span>
</td>
</ng-container>
@ -32,7 +65,7 @@
</span></td>
</ng-container>
<ng-container matColumnDef="settled_balance">
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Settled Balance </th>
<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>

View File

@ -3,7 +3,8 @@
min-width: 5rem;
}
.mat-column-remote_alias {
.mat-column-remote_alias, .mat-column-remote_pubkey, .mat-column-channel_point,
.mat-column-chan_id, .mat-column-closing_tx_hash, .mat-column-chain_hash {
flex: 1 1 20%;
white-space: nowrap;
overflow: hidden;

View File

@ -150,6 +150,8 @@ export interface ClosedChannel {
remote_pubkey?: string;
capacity?: string;
settled_balance?: string;
open_initiator?: string;
close_initiator?: string;
}
export interface NodeAddress {

View File

@ -966,8 +966,8 @@ export const LND_TABLES_DEF = {
allowedColumns: ['remote_alias', 'remote_node_pub', 'channel_point', 'initiator', 'commitment_type', 'limbo_balance', 'capacity', 'local_balance', 'remote_balance']
},
closed: {
maxColumns: 5,
allowedColumns: ['close_type', 'remote_alias', 'capacity', 'close_height', 'settled_balance']
maxColumns: 7,
allowedColumns: ['close_type', 'remote_alias', 'remote_pubkey', 'channel_point', 'chan_id', 'closing_tx_hash', 'chain_hash', 'open_initiator', 'close_initiator', 'time_locked_balance', 'capacity', 'close_height', 'settled_balance']
},
active_HTLCs: {
maxColumns: 4,