@ -26,185 +26,198 @@ ElDialog {
anchors.fill: parent anchors.fill: parent
spacing: 0 spacing: 0
GridLayout { Flickable {
Layout.preferredWidth: parent . width Layout.fillWidth: true
Layout.leftMargin: constants . paddingLarge Layout.fillHeight: true
Layout.rightMargin: constants . paddingLarge
columns: 2
Label {
Layout.columnSpan: 2
Layout.fillWidth: true
text: qsTr ( 'A CPFP is a transaction that sends an unconfirmed output back to yourself, with a high fee. The goal is to have miners confirm the parent transaction in order to get the fee attached to the child transaction.' )
wrapMode: Text . Wrap
}
Label { leftMargin: constants . paddingLarge
Layout.columnSpan: 2 rightMargin: constants . paddingLarge
Layout.fillWidth: true
Layout.bottomMargin: constants . paddingLarge
text: qsTr ( 'The proposed fee is computed using your fee/kB settings, applied to the total size of both child and parent transactions. After you broadcast a CPFP transaction, it is normal to see a new unconfirmed transaction in your history.' )
wrapMode: Text . Wrap
}
Label { contentHeight: rootLayout . height
Layout.preferredWidth: 1 clip: true
Layout.fillWidth: true interactive: height < contentHeight
text: qsTr ( 'Total size' )
color: Material . accentColor
}
Label { GridLayout {
Layout.preferredWidth: 1 id: rootLayout
Layout.fillWidth: true width: parent . width
text: qsTr ( '%1 bytes' ) . arg ( cpfpfeebumper . totalSize )
}
Label { columns: 2
text: qsTr ( 'Input amount' )
color: Material . accentColor
}
FormattedAmount { Label {
amount: cpfpfeebumper . inputAmount Layout.columnSpan: 2
} Layout.fillWidth: true
text: qsTr ( 'A CPFP is a transaction that sends an unconfirmed output back to yourself, with a high fee. The goal is to have miners confirm the parent transaction in order to get the fee attached to the child transaction.' )
wrapMode: Text . Wrap
}
Label { Label {
text: qsTr ( 'Output amount' ) Layout.columnSpan: 2
color: Material . accentColor Layout.fillWidth: true
} Layout.bottomMargin: constants . paddingLarge
text: qsTr ( 'The proposed fee is computed using your fee/kB settings, applied to the total size of both child and parent transactions. After you broadcast a CPFP transaction, it is normal to see a new unconfirmed transaction in your history.' )
wrapMode: Text . Wrap
}
FormattedAmount { Label {
amount: cpfpfeebumper . outputAmount Layout.preferredWidth: 1
valid: cpfpfeebumper . valid Layout.fillWidth: true
} text: qsTr ( 'Total size' )
color: Material . accentColor
}
Slider { Label {
id: feeslider Layout.preferredWidth: 1
leftPadding: constants . paddingMedium Layout.fillWidth: true
snapMode: Slider . SnapOnRelease text: qsTr ( '%1 bytes' ) . arg ( cpfpfeebumper . totalSize )
stepSize: 1
from: 0
to: cpfpfeebumper . sliderSteps
onValueChanged: {
if ( activeFocus )
cpfpfeebumper . sliderPos = value
}
Component.onCompleted: {
value = cpfpfeebumper . sliderPos
}
Connections {
target: cpfpfeebumper
function onSliderPosChanged ( ) {
feeslider . value = cpfpfeebumper . sliderPos
}
} }
}
FeeMethodComboBox { Label {
id: feemethod text: qsTr ( 'Input amount' )
feeslider: cpfpfeebumpe r color: Material . accentColor
} }
Label { FormattedAmount {
visible: feemethod . currentValue amount: cpfpfeebumper . inputAmount
text: qsTr ( 'Target' ) }
color: Material . accentColor
}
Label { Label {
visible: feemethod . currentValue text: qsTr ( 'Output amount' )
text: cpfpfeebumper . target color: Material . accentColor
} }
Label { FormattedAmount {
text: qsTr ( 'Fee for child' ) amount: cpfpfeebumper . outputAmount
color: Material . accentColor valid: cpfpfeebumper . valid
} }
FormattedAmount { RowLayout {
amount: cpfpfeebumper . feeForChild Layout.columnSpan: 2
valid: cpfpfeebumper . valid Slider {
} id: feeslider
leftPadding: constants . paddingMedium
snapMode: Slider . SnapOnRelease
stepSize: 1
from: 0
to: cpfpfeebumper . sliderSteps
onValueChanged: {
if ( activeFocus )
cpfpfeebumper . sliderPos = value
}
Component.onCompleted: {
value = cpfpfeebumper . sliderPos
}
Connections {
target: cpfpfeebumper
function onSliderPosChanged ( ) {
feeslider . value = cpfpfeebumper . sliderPos
}
}
}
Label { FeeMethodComboBox {
text: qsTr ( 'Total fee' ) id: feemethod
color: Material . accentColor feeslider: cpfpfeebumper
} }
}
FormattedAmount { Label {
amount: cpfpfeebumper . totalFee visible: feemethod . currentValue
valid: cpfpfeebumper . valid text: qsTr ( 'Target' )
} color: Material . accentColor
}
Label { Label {
text: qsTr ( 'Total fee rate' ) visible: feemethod . currentValue
color: Material . accentColor text: cpfpfeebumper . target
} }
RowLayout {
Label { Label {
text: cpfpfeebumper . valid ? cpfpfeebumper.totalFeeRate : '' text: qsTr ( 'Fee for child' )
font.family: FixedFont color: Material . accentColor
}
FormattedAmount {
amount: cpfpfeebumper . feeForChild
valid: cpfpfeebumper . valid
} }
Label { Label {
visible: cpfpfeebumper . valid text: qsTr ( 'Total fee' )
text: 'sat/vB'
color: Material . accentColor color: Material . accentColor
} }
}
InfoTextArea { FormattedAmount {
Layout.columnSpan: 2 amount: cpfpfeebumper . totalFee
Layout.preferredWidth: parent . width * 3 / 4 valid: cpfpfeebumper . valid
Layout.alignment: Qt . AlignHCenter }
Layout.topMargin: constants . paddingLarge
visible: cpfpfeebumper . warning != ''
text: cpfpfeebumper . warning
iconStyle: InfoTextArea . IconStyle . Warn
}
Label { Label {
visible: cpfpfeebumper . valid text: qsTr ( 'Total fee rate' )
text: qsTr ( 'Outputs' ) color: Material . accentColor
Layout.columnSpan: 2 }
color: Material . accentColor
} RowLayout {
Label {
text: cpfpfeebumper . valid ? cpfpfeebumper.totalFeeRate : ''
font.family: FixedFont
}
Repeater { Label {
model: cpfpfeebumper . valid ? cpfpfeebumper.outputs : [ ] visible: cpfpfeebumper . valid
delegate: TextHighlightPane { text: 'sat/vB'
color: Material . accentColor
}
}
InfoTextArea {
Layout.columnSpan: 2 Layout.columnSpan: 2
Layout.fillWidth: true Layout.preferredWidth: parent . width * 3 / 4
Layout.alignment: Qt . AlignHCenter
Layout.topMargin: constants . paddingLarge
visible: cpfpfeebumper . warning != ''
text: cpfpfeebumper . warning
iconStyle: InfoTextArea . IconStyle . Warn
}
RowLayout { Label {
width: parent . width visible: cpfpfeebumper . valid
Label { text: qsTr ( 'Outputs' )
text: modelData . address Layout.columnSpan: 2
Layout.fillWidth: true color: Material . accentColor
wrapMode: Text . Wrap }
font.pixelSize: constants . fontSizeLarge
font.family: FixedFont Repeater {
color: modelData . is_mine ? constants.colorMine : Material . foreground model: cpfpfeebumper . valid ? cpfpfeebumper.outputs : [ ]
} delegate: TextHighlightPane {
Label { Layout.columnSpan: 2
text: Config . formatSats ( modelData . value_sats ) Layout.fillWidth: true
font.pixelSize: constants . fontSizeMedium
font.family: FixedFont RowLayout {
} width: parent . width
Label { Label {
text: Config . baseUnit text: modelData . address
font.pixelSize: constants . fontSizeMedium Layout.fillWidth: true
color: Material . accentColor wrapMode: Text . Wrap
font.pixelSize: constants . fontSizeLarge
font.family: FixedFont
color: modelData . is_mine ? constants.colorMine : Material . foreground
}
Label {
text: Config . formatSats ( modelData . value_sats )
font.pixelSize: constants . fontSizeMedium
font.family: FixedFont
}
Label {
text: Config . baseUnit
font.pixelSize: constants . fontSizeMedium
color: Material . accentColor
}
} }
} }
} }
} }
} }
Item { Layout.fillHeight: true ; Layout.preferredWidth: 1 }
FlatButton { FlatButton {
id: sendButton id: sendButton
Layout.fillWidth: true Layout.fillWidth: true
Sander van Grieken
3 years ago