@ -10,58 +10,70 @@
< 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" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Peer < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.remote_alias}}< / mat-cell >
< 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 ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.remote_alias}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "remote_node_pub" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Pubkey < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.remote_node_pub}}< / mat-cell >
< 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 ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.remote_node_pub}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "channel_point" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Channel < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.channel_point}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header > Channel < / th >
< td mat-cell * matCellDef = "let channel" >
< div class = "ellipsis-parent" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.channel_point}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "initiator" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Initiator < / mat-header-cell >
< mat-cell * matCellDef = "let channel" > {{channel.channel.initiator}}< / mat-cell >
< 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" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Commitment Type < / ma t- header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.commitment_type}}< / mat-cell >
< 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" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Confirmation Height< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.confirmation_height | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Confirmation Height< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.confirmation_height | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "commit_fee" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Commit Fee (Sats) < / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.commit_fee | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Commit Fee (Sats) < / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.commit_fee | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "commit_weight" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Commit Weight < / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.commit_weight | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Commit Weight < / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.commit_weight | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "fee_per_kw" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Fee/KW< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.fee_per_kw | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Fee/KW< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.fee_per_kw | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "capacity" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Capacity (Sats)< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.capacity | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Capacity (Sats)< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.capacity | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "local_balance" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Local Balance (Sats)< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.local_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Local Balance (Sats)< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.local_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "remote_balance" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Remote Balance (Sats)< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.remote_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Remote Balance (Sats)< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.remote_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "actions" >
< mat-header-cell fxLayoutAlign = "end center" class = "pl-3 pr-4" * matHeaderCellDef >
< th mat-header-cell * matHeaderCellDef class = "pl-2" >
< div class = "bordered-box table-actions-select" fxLayoutAlign = "center center" > Actions< / div >
< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" class = "p x-3 ">
< / th>
< td mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" class = "p l-2 ">
< div class = "bordered-box table-actions-select" fxLayoutAlign = "center center" >
< mat-select placeholder = "Actions" tabindex = "1" class = "mr-0" >
< mat-select-trigger > < / mat-select-trigger >
@ -69,7 +81,7 @@
< mat-option ( click ) = " onBumpFee ( channel ) " > Bump Fee< / mat-option >
< / mat-select >
< / div >
< / mat-cell >
< / td >
< / ng-container >
< ng-container matColumnDef = "no_pending_open" >
< td mat-footer-cell * matFooterCellDef colspan = "4" >
@ -79,10 +91,10 @@
< / td >
< / ng-container >
< tr mat-footer-row fxLayoutAlign = "start center" * matFooterRowDef = "['no_pending_open']" [ ngClass ] = " { ' display-none ' : pendingOpenChannels & & pendingOpenChannels ? . data & & pendingOpenChannels ? . data ? . length > 0}">< / tr >
< mat-header-row * matHeaderRowDef = "displayedOpenColumns" > < / ma t-heade r-row >
< mat-row fxLayoutAlign = "stretch stretch" * matRowDef = "let row; columns: displayedOpenColumns;" > < / ma t- row >
< tr mat-header-row * matHeaderRowDef = "displayedOpenColumns" > < / tr>
< tr mat-row * matRowDef = "let row; columns: displayedOpenColumns;" > < / tr>
< / table >
< / div >
< / div >
< / mat-expansion-panel >
< mat-progress-bar * ngIf = "apiCallStatus.status === apiCallStatusEnum.INITIATED" mode = "indeterminate" > < / mat-progress-bar >
< mat-expansion-panel fxLayout = "column" class = "flat-expansion-panel" >
@ -92,64 +104,80 @@
< 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" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Closing Tx Id < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.closing_txid}}< / mat-cell >
< 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 ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.closing_txid}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "remote_alias" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Peer < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.remote_alias}}< / mat-cell >
< 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 ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.remote_alias}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "remote_node_pub" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Pubkey < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.remote_node_pub}}< / mat-cell >
< 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 ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.remote_node_pub}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "channel_point" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Channel < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.channel_point}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header > Channel < / th >
< td mat-cell * matCellDef = "let channel" >
< div class = "ellipsis-parent" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.channel_point}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "initiator" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Initiator < / mat-header-cell >
< mat-cell * matCellDef = "let channel" > {{channel.channel.initiator}}< / mat-cell >
< 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" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Commitment Type < / ma t- header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.commitment_type}}< / mat-cell >
< 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" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Limbo Balance (Sats) < / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.limbo_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Limbo Balance (Sats) < / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.limbo_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "maturity_height" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Maturity Height< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.maturity_height | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Maturity Height< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.maturity_height | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "blocks_til_maturity" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Blocks till Maturity< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.blocks_til_maturity | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Blocks till Maturity< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.blocks_til_maturity | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "recovered_balance" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Recovered Balance (Sats) < / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.recovered_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Recovered Balance (Sats) < / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.recovered_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "capacity" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Capacity (Sats) < / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.capacity | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Capacity (Sats) < / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.capacity | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "local_balance" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Local Balance (Sats)< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.local_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Local Balance (Sats)< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.local_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "remote_balance" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Remote Balance (Sats)< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.remote_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Remote Balance (Sats)< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.remote_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "actions" >
< mat-header-cell fxLayoutAlign = "end center" class = "pl-4 pr-3" * matHeaderCellDef >
< div class = "bordered-box table-actions-select" fxLayoutAlign = "center center" > Actions< / div >
< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" class = "pl- 4 ">
< th mat-header-cell * matHeaderCellDef class = "pl-2" >
< div class = "bordered-box table-actions-select" fxLayoutAlign = "center center" > Actions< / div >
< / th>
< td mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" class = "pl- 2 ">
< button mat-stroked-button color = "primary" type = "button" tabindex = "2" ( click ) = " onForceClosingClick ( channel ) " class = "table-actions-button" > View Info< / button >
< / mat-cell >
< / td >
< / ng-container >
< ng-container matColumnDef = "no_pending_force_closing" >
< td mat-footer-cell * matFooterCellDef colspan = "4" >
@ -159,8 +187,8 @@
< / td >
< / ng-container >
< tr mat-footer-row fxLayoutAlign = "start center" * matFooterRowDef = "['no_pending_force_closing']" [ ngClass ] = " { ' display-none ' : pendingForceClosingChannels & & pendingForceClosingChannels ? . data & & pendingForceClosingChannels ? . data ? . length > 0}">< / tr >
< mat-header-row * matHeaderRowDef = "displayedForceClosingColumns" > < / ma t-heade r-row >
< mat-row fxLayoutAlign = "stretch stretch" * matRowDef = "let row; columns: displayedForceClosingColumns;" > < / ma t- row >
< tr mat-header-row * matHeaderRowDef = "displayedForceClosingColumns" > < / tr>
< tr mat-row * matRowDef = "let row; columns: displayedForceClosingColumns;" > < / tr>
< / table >
< / div >
< / mat-expansion-panel >
@ -172,48 +200,64 @@
< 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" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Closing Tx Id < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.closing_txid}}< / mat-cell >
< 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 ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.closing_txid}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "remote_alias" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Peer < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.remote_alias}}< / mat-cell >
< 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 ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.remote_alias}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "remote_node_pub" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Pubkey < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.remote_node_pub}}< / mat-cell >
< 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 ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.remote_node_pub}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "channel_point" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Channel < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.channel_point}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header > Channel < / th >
< td mat-cell * matCellDef = "let channel" >
< div class = "ellipsis-parent" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.channel_point}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "initiator" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Initiator < / mat-header-cell >
< mat-cell * matCellDef = "let channel" > {{channel.channel.initiator}}< / mat-cell >
< 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" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Commitment Type < / ma t- header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.commitment_type}}< / mat-cell >
< 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" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Capacity (Sats) < / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.capacity | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Capacity (Sats) < / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.capacity | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "local_balance" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Local Balance (Sats)< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.local_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Local Balance (Sats)< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.local_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "remote_balance" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Remote Balance (Sats)< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.remote_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Remote Balance (Sats)< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.remote_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "actions" >
< mat-header-cell fxLayoutAlign = "end center" class = "pl-4 pr-3" * matHeaderCellDef >
< th mat-header-cell * matHeaderCellDef class = "pl-2" >
< div class = "bordered-box table-actions-select" fxLayoutAlign = "center center" > Actions< / div >
< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" class = "pl- 4 ">
< / th>
< td mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" class = "pl- 2 ">
< button mat-stroked-button color = "primary" type = "button" tabindex = "3" ( click ) = " onClosingClick ( channel ) " class = "table-actions-button" > View Info< / button >
< / mat-cell >
< / td >
< / ng-container >
< ng-container matColumnDef = "no_pending_closing" >
< td mat-footer-cell * matFooterCellDef colspan = "4" >
@ -223,8 +267,8 @@
< / td >
< / ng-container >
< tr mat-footer-row fxLayoutAlign = "start center" * matFooterRowDef = "['no_pending_closing']" [ ngClass ] = " { ' display-none ' : pendingClosingChannels & & pendingClosingChannels ? . data & & pendingClosingChannels ? . data ? . length > 0}">< / tr >
< mat-header-row * matHeaderRowDef = "displayedClosingColumns" > < / ma t-heade r-row >
< mat-row fxLayoutAlign = "stretch stretch" * matRowDef = "let row; columns: displayedClosingColumns;" > < / ma t- row >
< tr mat-header-row * matHeaderRowDef = "displayedClosingColumns" > < / tr>
< tr mat-row * matRowDef = "let row; columns: displayedClosingColumns;" > < / tr>
< / table >
< / div >
< / mat-expansion-panel >
@ -236,48 +280,60 @@
< 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" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Peer < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.remote_alias}}< / mat-cell >
< 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 ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.remote_alias}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "remote_node_pub" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Pubkey < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.remote_node_pub}}< / mat-cell >
< 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 ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.remote_node_pub}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "channel_point" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Channel < / mat-header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.channel_point}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header > Channel < / th >
< td mat-cell * matCellDef = "let channel" >
< div class = "ellipsis-parent" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " >
< span class = "ellipsis-child" > {{channel.channel.channel_point}}< / span >
< / div >
< / td >
< / ng-container >
< ng-container matColumnDef = "initiator" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Initiator < / mat-header-cell >
< mat-cell * matCellDef = "let channel" > {{channel.channel.initiator}}< / mat-cell >
< 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" >
< mat-header-cell * matHeaderCellDef mat-sort-header > Commitment Type < / ma t- header-cell >
< mat-cell * matCellDef = "let channel" [ ngStyle ] = " { ' max-width ' : ( screenSize = == screenSizeEnum . XS ) ? ' 10rem ' : ' 20rem ' } " > {{channel.channel.commitment_type}}< / mat-cell >
< 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" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Limbo Balance (Sats) < / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.limbo_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Limbo Balance (Sats) < / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.limbo_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "capacity" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Capacity (Sats) < / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.capacity | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Capacity (Sats) < / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.capacity | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "local_balance" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Local Balance (Sats)< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.local_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Local Balance (Sats)< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.local_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "remote_balance" >
< mat-header-cell fxLayoutAlign = "end center" * matHeaderCellDef mat-sort-header arrowPosition = "before" > Remote Balance (Sats)< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" > {{channel.channel.remote_balance | number}}< / mat-cell >
< th mat-header-cell * matHeaderCellDef mat-sort-header arrowPosition = "before" > Remote Balance (Sats)< / th>
< td mat-cell * matCellDef = "let channel" class = "pl-1" > < span fxLayoutAlign = "end center" > {{channel.channel.remote_balance | number}}< / span > < / td >
< / ng-container >
< ng-container matColumnDef = "actions" >
< mat-header-cell fxLayoutAlign = "end center" class = "pl- 4 pr-3 " * matHeaderCellDef >
< div class = "bordered-box table-actions-select" fxLayoutAlign = "center center" > Actions< / div >
< / ma t- header-cell >
< mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" class = "pl- 4 ">
< th mat-header-cell fxLayoutAlign = "end center" class = "pl- 2 " * matHeaderCellDef >
< div class = "bordered-box table-actions-select" fxLayoutAlign = "center center" > Actions< / div >
< / th>
< td mat-cell fxLayoutAlign = "end center" * matCellDef = "let channel" class = "pl- 2 ">
< button mat-stroked-button color = "primary" type = "button" tabindex = "4" ( click ) = " onWaitClosingClick ( channel ) " class = "table-actions-button" > View Info< / button >
< / mat-cell >
< / td >
< / ng-container >
< ng-container matColumnDef = "no_pending_wait_closing" >
< td mat-footer-cell * matFooterCellDef colspan = "4" >
@ -287,8 +343,8 @@
< / td >
< / ng-container >
< tr mat-footer-row fxLayoutAlign = "start center" * matFooterRowDef = "['no_pending_wait_closing']" [ ngClass ] = " { ' py-0 ' : true , ' display-none ' : pendingWaitClosingChannels & & pendingWaitClosingChannels ? . data & & pendingWaitClosingChannels ? . data ? . length > 0}">< / tr >
< mat-header-row * matHeaderRowDef = "displayedWaitClosingColumns" > < / ma t-heade r-row >
< mat-row fxLayoutAlign = "stretch stretch" * matRowDef = "let row; columns: displayedWaitClosingColumns;" > < / ma t- row >
< tr mat-header-row * matHeaderRowDef = "displayedWaitClosingColumns" > < / tr>
< tr mat-row * matRowDef = "let row; columns: displayedWaitClosingColumns;" > < / tr>
< / table >
< / div >
< / mat-expansion-panel >