@ -18,9 +18,8 @@
< / div >
< / div >
< div class = "padding-gap-large" fxLayout = "column" fxLayout . gt-sm = "row wrap" fxLayoutAlign = "space-between stretch" >
< p fxFlex = "40" > < strong > Channel Peer: < / strong > {{selChannel.remote_alias | titlecase}}< / p >
< p fxFlex = "30" > < strong > Channel ID: < / strong > {{selChannel.chan_id}}< / p >
< p fxFlex = "30" > < / p >
< p fxFlex = "46" > < strong > Channel Peer: < / strong > {{selChannel.remote_alias | titlecase}}< / p >
< p fxFlex = "46" > < strong > Channel ID: < / strong > {{selChannel.chan_id}}< / p >
< / div >
< mat-vertical-stepper [ linear ] = " true " # stepper ( selectionChange ) = " stepSelectionChanged ( $ event ) " >
< mat-step [ stepControl ] = " inputFormGroup " [ editable ] = " flgEditable " >
@ -38,7 +37,7 @@
< mat-form-field fxFlex = "48" fxLayoutAlign = "start end" >
< input type = "text" placeholder = "Receive from Peer" aria-label = "Receive from Peer" matInput formControlName = "selRebalancePeer" ( change ) = " onSelectedPeerChanged ( ) " [ matAutocomplete ] = " auto " tabindex = "2" required >
< mat-autocomplete # auto = "matAutocomplete" [ displayWith ] = " displayFn " ( optionSelected ) = " onSelectedPeerChanged ( ) " >
< mat-option * ngFor = "let activeChannel of filteredActiveChannels | async" [ value ] = " activeChannel " > {{activeChannel.remote_alias || activeChannel.chan_id}}< / mat-option >
< mat-option * ngFor = "let activeChannel of filteredActiveChannels | async" [ value ] = " activeChannel " > {{activeChannel.remote_alias}} - {{ activeChannel.chan_id}}< / mat-option >
< / mat-autocomplete >
< mat-error * ngIf = "inputFormGroup.controls.selRebalancePeer.errors?.required" > Receive from Peer is required.< / mat-error >
< mat-error * ngIf = "inputFormGroup.controls.selRebalancePeer.errors?.notfound" > Receive from Peer not found in the list.< / mat-error >