zebra.lucky
/
electrum
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

qml: styling LnurlPayRequestDialog

master
Sander van Grieken 3 years ago
parent
8d0fa27065
commit
229afdd887
2 changed files with 60 additions and 22 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 69
      electrum/gui/qml/components/LnurlPayRequestDialog.qml
  2. 13
      electrum/gui/qml/components/controls/InfoTextArea.qml

69
electrum/gui/qml/components/LnurlPayRequestDialog.qml
Unescape View File

@ -21,20 +21,24 @@ ElDialog {
ColumnLayout {
width: parent.width
spacing: 0
GridLayout {
id: rootLayout
columns: 2
Layout.fillWidth: true
Layout.leftMargin: constants.paddingLarge
Layout.rightMargin: constants.paddingLarge
Layout.bottomMargin: constants.paddingLarge
Label {
text: qsTr('Provider')
color: Material.accentColor
}
Label {
Layout.fillWidth: true
text: invoiceParser.lnurlData['domain']
}
Label {
@ -42,8 +46,8 @@ ElDialog {
color: Material.accentColor
}
Label {
text: invoiceParser.lnurlData['metadata_plaintext']
Layout.fillWidth: true
text: invoiceParser.lnurlData['metadata_plaintext']
wrapMode: Text.Wrap
}
@ -52,36 +56,69 @@ ElDialog {
color: Material.accentColor
}
BtcField {
id: amountBtc
text: Config.formatSats(invoiceParser.lnurlData['min_sendable_sat'])
enabled: invoiceParser.lnurlData['min_sendable_sat'] != invoiceParser.lnurlData['max_sendable_sat']
color: Material.foreground // override gray-out on disabled
fiatfield: null
Layout.preferredWidth: parent.width /3
onTextAsSatsChanged: {
invoiceParser.amountOverride = textAsSats
RowLayout {
Layout.fillWidth: true
BtcField {
id: amountBtc
Layout.preferredWidth: rootLayout.width /3
text: Config.formatSats(invoiceParser.lnurlData['min_sendable_sat'])
enabled: invoiceParser.lnurlData['min_sendable_sat'] != invoiceParser.lnurlData['max_sendable_sat']
color: Material.foreground // override gray-out on disabled
fiatfield: amountFiat
onTextAsSatsChanged: {
invoiceParser.amountOverride = textAsSats
}
}
Label {
text: Config.baseUnit
color: Material.accentColor
}
}
Item { visible: Daemon.fx.enabled; Layout.preferredWidth: 1; Layout.preferredHeight: 1 }
RowLayout {
visible: Daemon.fx.enabled
FiatField {
id: amountFiat
Layout.preferredWidth: rootLayout.width / 3
btcfield: amountBtc
}
Label {
text: Daemon.fx.fiatCurrency
color: Material.accentColor
}
}
Label {
InfoTextArea {
Layout.columnSpan: 2
text: invoiceParser.lnurlData['min_sendable_sat'] == invoiceParser.lnurlData['max_sendable_sat']
? ''
: qsTr('Amount must be between %1 and %2').arg(Config.formatSats(invoiceParser.lnurlData['min_sendable_sat'])).arg(Config.formatSats(invoiceParser.lnurlData['max_sendable_sat'])) + Config.baseUnit
Layout.fillWidth: true
compact: true
visible: invoiceParser.lnurlData['min_sendable_sat'] != invoiceParser.lnurlData['max_sendable_sat']
text: qsTr('Amount must be between %1 and %2 %3').arg(Config.formatSats(invoiceParser.lnurlData['min_sendable_sat'])).arg(Config.formatSats(invoiceParser.lnurlData['max_sendable_sat'])).arg(Config.baseUnit)
}
Label {
Layout.columnSpan: 2
visible: invoiceParser.lnurlData['comment_allowed'] > 0
text: qsTr('Message')
color: Material.accentColor
}
TextArea {
id: comment
visible: invoiceParser.lnurlData['comment_allowed'] > 0
Layout.columnSpan: 2
Layout.preferredWidth: parent.width
Layout.fillWidth: true
Layout.leftMargin: constants.paddingLarge
Layout.minimumHeight: 80
visible: invoiceParser.lnurlData['comment_allowed'] > 0
wrapMode: TextEdit.Wrap
placeholderText: qsTr('Enter an (optional) message for the receiver')
color: text.length > invoiceParser.lnurlData['comment_allowed'] ? constants.colorError : Material.foreground
}
Label {
Layout.columnSpan: 2
Layout.leftMargin: constants.paddingLarge
visible: invoiceParser.lnurlData['comment_allowed'] > 0
text: qsTr('%1 characters remaining').arg(Math.max(0, (invoiceParser.lnurlData['comment_allowed'] - comment.text.length) ))
color: constants.mutedForeground

13
electrum/gui/qml/components/controls/InfoTextArea.qml
Unescape View File

@ -18,6 +18,7 @@ TextHighlightPane {
property alias text: infotext.text
property int iconStyle: InfoTextArea.IconStyle.Info
property alias textFormat: infotext.textFormat
property bool compact: false
borderColor: iconStyle == InfoTextArea.IconStyle.Info
? constants.colorInfo
@ -30,15 +31,15 @@ TextHighlightPane {
: iconStyle == InfoTextArea.IconStyle.Done
? constants.colorDone
: constants.colorInfo
padding: constants.paddingXLarge
padding: compact ? constants.paddingMedium : constants.paddingXLarge
RowLayout {
width: parent.width
spacing: constants.paddingLarge
spacing: compact ? constants.paddingMedium : constants.paddingLarge
Image {
Layout.preferredWidth: constants.iconSizeMedium
Layout.preferredHeight: constants.iconSizeMedium
Layout.preferredWidth: compact ? constants.iconSizeSmall : constants.iconSizeMedium
Layout.preferredHeight: compact ? constants.iconSizeSmall : constants.iconSizeMedium
visible: iconStyle != InfoTextArea.IconStyle.Spinner && iconStyle != InfoTextArea.IconStyle.None
source: iconStyle == InfoTextArea.IconStyle.Info
? "../../../icons/info.png"
@ -56,8 +57,8 @@ TextHighlightPane {
}
Item {
Layout.preferredWidth: constants.iconSizeMedium
Layout.preferredHeight: constants.iconSizeMedium
Layout.preferredWidth: compact ? constants.iconSizeSmall : constants.iconSizeMedium
Layout.preferredHeight: compact ? constants.iconSizeSmall : constants.iconSizeMedium
visible: iconStyle == InfoTextArea.IconStyle.Spinner
BusyIndicator {

Write Preview
Loading…
Cancel
Save