You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
4.4 KiB
HTML
63 lines
4.4 KiB
HTML
<div fxLayout="row">
|
|
<div fxFlex="100" class="padding-gap-large">
|
|
<mat-card-header fxLayout="row" fxLayoutAlign="space-between center" class="modal-info-header">
|
|
<div fxFlex="95" fxLayoutAlign="start start">
|
|
<span class="page-title">Bump Fee</span>
|
|
</div>
|
|
<button tabindex="8" fxFlex="5" fxLayoutAlign="center" class="btn-close-x p-0" (click)="onClose()" mat-button>X</button>
|
|
</mat-card-header>
|
|
<mat-card-content class="mt-5px">
|
|
<form fxLayout="column">
|
|
<div fxLayout="column" class="bordered-box my-2 p-2">
|
|
<p fxLayoutAlign="start center" class="pb-1 word-break">Bump fee for channel point: {{bumpFeeChannel?.channel?.channel_point}}</p>
|
|
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch">
|
|
<div fxFlex="100" class="alert alert-info">
|
|
<fa-icon [icon]="faInfoCircle" class="mr-1 alert-icon"></fa-icon>
|
|
<span fxLayout="column" fxFlex="100">Bumping fee on pending open channels is an advanced feature, attempt it only if you are familiar with the functionality of Bitcoin transactions.
|
|
<div>Before attempting fee bump ensure the following:</div>
|
|
<div class="pl-1">1: Use a Bitcoin block explorer to ensure that channel opening transaction is not confirmed.</div>
|
|
<div class="pl-1">2: The channel opening transaction must have a sizable change output, which can be spent further. The fee cannot be bumped without the change output.</div>
|
|
<div class="pl-1">3: Find the index value of the change output via a block explorer.</div>
|
|
<div class="pl-1">4: Enter the index value of the change output in the form below and the desired fee rate.</div>
|
|
<div class="pl-1">5: Upon successful fee bump, use your block explorer to track the child transaction in the mempool, which should be linked with the change output transaction.</div>
|
|
</span>
|
|
</div>
|
|
<div fxLayout="row" fxFlex="100" fxLayoutAlign="space-between center">
|
|
<mat-form-field fxFlex.gt-sm="32" fxLayoutAlign="start end">
|
|
<input matInput [(ngModel)]="outputIndex" placeholder="Index for Change Output" type="number" step="1" min="0" tabindex="1" required name="outputIdx" #outputIdx="ngModel">
|
|
<mat-error *ngIf="outputIdx.errors?.required">Index for change output is required.</mat-error>
|
|
<mat-error *ngIf="outputIdx.errors?.pendingChannelOutputIndex">Invalid index value.</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field fxFlex.gt-sm="32">
|
|
<mat-select [(value)]="selTransType" (selectionChange)="blocks = null;fees = null;" tabindex="2">
|
|
<mat-option *ngFor="let transType of transTypes" [value]="transType.id">
|
|
{{transType.name}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field fxFlex.gt-sm="32" fxLayoutAlign="start end" *ngIf="selTransType=='1'">
|
|
<input matInput [(ngModel)]="blocks" placeholder="Number of Blocks" type="number" name="blocks" step="1"
|
|
min="0" required tabindex="3" #blcks="ngModel">
|
|
<mat-error *ngIf="!blocks">Number of blocks is required.</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field fxFlex.gt-sm="32" fxLayoutAlign="start end" *ngIf="selTransType=='2'">
|
|
<input matInput [(ngModel)]="fees" placeholder="Fees (Sats/Byte)"
|
|
type="number" name="fees" step="1" min="0" required tabindex="4" #fee="ngModel">
|
|
<mat-error *ngIf="!fees">Fees is required.</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
<div fxFlex="100" class="alert alert-danger mt-1" *ngIf="bumpFeeError !== ''">
|
|
<fa-icon [icon]="faExclamationTriangle" class="mr-1 alert-icon"></fa-icon>
|
|
<span>{{bumpFeeError}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div fxLayout="row" fxLayoutAlign="end center">
|
|
<button mat-stroked-button color="primary" type="reset" class="mr-1" (click)="resetData()" tabindex="5" default>Clear</button>
|
|
<button mat-flat-button color="primary" type="submit" tabindex="6" (click)="onBumpFee()">{{bumpFeeError !== '' ? 'Retry Bump Fee' : 'Bump Fee'}}</button>
|
|
</div>
|
|
</form>
|
|
</mat-card-content>
|
|
</div>
|
|
</div>
|