Browse Source

qml: styling channel details

patch-4
Sander van Grieken 2 years ago
parent
commit
e054e9f14e
  1. 426
      electrum/gui/qml/components/ChannelDetails.qml

426
electrum/gui/qml/components/ChannelDetails.qml

@ -11,255 +11,283 @@ Pane {
id: root
width: parent.width
height: parent.height
padding: 0
property string channelid
property string title: qsTr("Channel details")
property QtObject menu: Menu {
id: menu
MenuItem {
icon.color: 'transparent'
action: Action {
text: qsTr('Backup');
onTriggered: {
var dialog = app.genericShareDialog.createObject(root,
{
title: qsTr('Channel Backup for %1').arg(channeldetails.short_cid),
text: channeldetails.channelBackup(),
text_help: channeldetails.channelBackupHelpText()
}
)
dialog.open()
}
icon.source: '../../icons/file.png'
}
}
MenuItem {
icon.color: 'transparent'
action: Action {
text: qsTr('Close channel');
enabled: channeldetails.canClose
onTriggered: {
var dialog = closechannel.createObject(root, { 'channelid': channelid })
dialog.open()
}
icon.source: '../../icons/closebutton.png'
}
}
MenuItem {
icon.color: 'transparent'
action: Action {
text: qsTr('Delete channel');
enabled: channeldetails.canDelete
onTriggered: {
var dialog = app.messageDialog.createObject(root,
{
'text': qsTr('Are you sure you want to delete this channel? This will purge associated transactions from your wallet history.'),
'yesno': true
}
)
dialog.yesClicked.connect(function() {
channeldetails.deleteChannel()
app.stack.pop()
Daemon.currentWallet.historyModel.init_model() // needed here?
Daemon.currentWallet.channelModel.remove_channel(channelid)
})
dialog.open()
}
icon.source: '../../icons/delete.png'
}
}
MenuItem {
icon.color: 'transparent'
action: Action {
enabled: channeldetails.isOpen
text: channeldetails.frozenForSending ? qsTr('Unfreeze (for sending)') : qsTr('Freeze (for sending)')
onTriggered: channeldetails.freezeForSending()
}
}
MenuItem {
icon.color: 'transparent'
action: Action {
enabled: channeldetails.isOpen
text: channeldetails.frozenForReceiving ? qsTr('Unfreeze (for receiving)') : qsTr('Freeze (for receiving)')
onTriggered: channeldetails.freezeForReceiving()
}
}
}
Flickable {
ColumnLayout {
anchors.fill: parent
contentHeight: rootLayout.height
clip:true
interactive: height < contentHeight
GridLayout {
id: rootLayout
width: parent.width
columns: 2
Label {
text: qsTr('Node name')
color: Material.accentColor
}
spacing: 0
Label {
text: channeldetails.name
}
Flickable {
Layout.preferredWidth: parent.width
Layout.fillHeight: true
Label {
text: qsTr('Short channel ID')
color: Material.accentColor
}
leftMargin: constants.paddingLarge
rightMargin: constants.paddingLarge
topMargin: constants.paddingLarge
Label {
text: channeldetails.short_cid
}
contentHeight: rootLayout.height
clip:true
interactive: height < contentHeight
Label {
text: qsTr('State')
color: Material.accentColor
}
GridLayout {
id: rootLayout
width: parent.width
columns: 2
Label {
text: channeldetails.state
}
Label {
Layout.columnSpan: 2
text: qsTr('Channel details')
font.pixelSize: constants.fontSizeLarge
color: Material.accentColor
}
Label {
text: qsTr('Initiator')
color: Material.accentColor
}
Rectangle {
Layout.columnSpan: 2
Layout.fillWidth: true
height: 1
color: Material.accentColor
}
Label {
text: channeldetails.initiator
}
Label {
text: qsTr('Node name')
color: Material.accentColor
}
Label {
text: qsTr('Capacity')
color: Material.accentColor
}
Label {
text: channeldetails.name
}
RowLayout {
Label {
font.family: FixedFont
text: Config.formatSats(channeldetails.capacity)
text: qsTr('Short channel ID')
color: Material.accentColor
}
Label {
text: channeldetails.short_cid
}
Label {
text: qsTr('State')
color: Material.accentColor
text: Config.baseUnit
}
Label {
text: Daemon.fx.enabled
? '(' + Daemon.fx.fiatValue(channeldetails.capacity) + ' ' + Daemon.fx.fiatCurrency + ')'
: ''
text: channeldetails.state
}
}
Label {
text: qsTr('Can send')
color: Material.accentColor
}
Label {
text: qsTr('Initiator')
color: Material.accentColor
}
RowLayout {
visible: !channeldetails.frozenForSending && channeldetails.isOpen
Label {
font.family: FixedFont
text: Config.formatSats(channeldetails.canSend)
text: channeldetails.initiator
}
Label {
text: qsTr('Capacity')
color: Material.accentColor
text: Config.baseUnit
}
RowLayout {
Label {
font.family: FixedFont
text: Config.formatSats(channeldetails.capacity)
}
Label {
color: Material.accentColor
text: Config.baseUnit
}
Label {
text: Daemon.fx.enabled
? '(' + Daemon.fx.fiatValue(channeldetails.capacity) + ' ' + Daemon.fx.fiatCurrency + ')'
: ''
}
}
Label {
text: Daemon.fx.enabled
? '(' + Daemon.fx.fiatValue(channeldetails.canSend) + ' ' + Daemon.fx.fiatCurrency + ')'
: ''
text: qsTr('Can send')
color: Material.accentColor
}
}
Label {
visible: channeldetails.frozenForSending && channeldetails.isOpen
text: qsTr('n/a (frozen)')
}
Label {
visible: !channeldetails.isOpen
text: qsTr('n/a (channel not open)')
}
Label {
text: qsTr('Can Receive')
color: Material.accentColor
}
RowLayout {
visible: !channeldetails.frozenForSending && channeldetails.isOpen
Label {
font.family: FixedFont
text: Config.formatSats(channeldetails.canSend)
}
Label {
color: Material.accentColor
text: Config.baseUnit
}
Label {
text: Daemon.fx.enabled
? '(' + Daemon.fx.fiatValue(channeldetails.canSend) + ' ' + Daemon.fx.fiatCurrency + ')'
: ''
}
}
Label {
visible: channeldetails.frozenForSending && channeldetails.isOpen
text: qsTr('n/a (frozen)')
}
Label {
visible: !channeldetails.isOpen
text: qsTr('n/a (channel not open)')
}
RowLayout {
visible: !channeldetails.frozenForReceiving && channeldetails.isOpen
Label {
font.family: FixedFont
text: Config.formatSats(channeldetails.canReceive)
text: qsTr('Can Receive')
color: Material.accentColor
}
RowLayout {
visible: !channeldetails.frozenForReceiving && channeldetails.isOpen
Label {
font.family: FixedFont
text: Config.formatSats(channeldetails.canReceive)
}
Label {
color: Material.accentColor
text: Config.baseUnit
}
Label {
text: Daemon.fx.enabled
? '(' + Daemon.fx.fiatValue(channeldetails.canReceive) + ' ' + Daemon.fx.fiatCurrency + ')'
: ''
}
}
Label {
visible: channeldetails.frozenForReceiving && channeldetails.isOpen
text: qsTr('n/a (frozen)')
}
Label {
visible: !channeldetails.isOpen
text: qsTr('n/a (channel not open)')
}
Label {
text: qsTr('Channel type')
color: Material.accentColor
text: Config.baseUnit
}
Label {
text: Daemon.fx.enabled
? '(' + Daemon.fx.fiatValue(channeldetails.canReceive) + ' ' + Daemon.fx.fiatCurrency + ')'
: ''
text: channeldetails.channelType
}
}
Label {
visible: channeldetails.frozenForReceiving && channeldetails.isOpen
text: qsTr('n/a (frozen)')
}
Label {
visible: !channeldetails.isOpen
text: qsTr('n/a (channel not open)')
}
Label {
text: qsTr('Channel type')
color: Material.accentColor
}
Label {
text: qsTr('Remote node ID')
Layout.columnSpan: 2
color: Material.accentColor
}
TextHighlightPane {
Layout.columnSpan: 2
Layout.fillWidth: true
padding: 0
leftPadding: constants.paddingSmall
RowLayout {
width: parent.width
Label {
text: channeldetails.pubkey
font.pixelSize: constants.fontSizeLarge
font.family: FixedFont
Layout.fillWidth: true
wrapMode: Text.Wrap
}
ToolButton {
icon.source: '../../icons/share.png'
icon.color: 'transparent'
onClicked: {
var dialog = app.genericShareDialog.createObject(root,
{ title: qsTr('Channel node ID'), text: channeldetails.pubkey }
)
dialog.open()
}
}
}
}
Label {
text: channeldetails.channelType
}
}
Label {
text: qsTr('Remote node ID')
Layout.columnSpan: 2
color: Material.accentColor
FlatButton {
Layout.fillWidth: true
text: qsTr('Backup');
onClicked: {
var dialog = app.genericShareDialog.createObject(root,
{
title: qsTr('Channel Backup for %1').arg(channeldetails.short_cid),
text: channeldetails.channelBackup(),
text_help: channeldetails.channelBackupHelpText()
}
)
dialog.open()
}
icon.source: '../../icons/file.png'
}
TextHighlightPane {
Layout.columnSpan: 2
RowLayout {
Layout.fillWidth: true
FlatButton {
Layout.fillWidth: true
padding: 0
leftPadding: constants.paddingSmall
Layout.preferredWidth: 1
text: qsTr('Close channel');
enabled: channeldetails.canClose
onClicked: {
var dialog = closechannel.createObject(root, { 'channelid': channelid })
dialog.open()
}
icon.source: '../../icons/closebutton.png'
}
RowLayout {
width: parent.width
Label {
text: channeldetails.pubkey
font.pixelSize: constants.fontSizeLarge
font.family: FixedFont
Layout.fillWidth: true
wrapMode: Text.Wrap
}
ToolButton {
icon.source: '../../icons/share.png'
icon.color: 'transparent'
onClicked: {
var dialog = app.genericShareDialog.createObject(root,
{ title: qsTr('Channel node ID'), text: channeldetails.pubkey }
)
dialog.open()
}
}
FlatButton {
Layout.fillWidth: true
Layout.preferredWidth: 1
text: qsTr('Delete channel');
enabled: channeldetails.canDelete
onClicked: {
var dialog = app.messageDialog.createObject(root,
{
'text': qsTr('Are you sure you want to delete this channel? This will purge associated transactions from your wallet history.'),
'yesno': true
}
)
dialog.yesClicked.connect(function() {
channeldetails.deleteChannel()
app.stack.pop()
Daemon.currentWallet.historyModel.init_model() // needed here?
Daemon.currentWallet.channelModel.remove_channel(channelid)
})
dialog.open()
}
icon.source: '../../icons/delete.png'
}
}
RowLayout {
Layout.fillWidth: true
FlatButton {
Layout.fillWidth: true
Layout.preferredWidth: 1
enabled: channeldetails.isOpen
text: channeldetails.frozenForSending ? qsTr('Unfreeze (for sending)') : qsTr('Freeze (for sending)')
icon.source: '../../icons/seal.png'
onClicked: channeldetails.freezeForSending()
}
FlatButton {
Layout.fillWidth: true
Layout.preferredWidth: 1
enabled: channeldetails.isOpen
text: channeldetails.frozenForReceiving ? qsTr('Unfreeze (for receiving)') : qsTr('Freeze (for receiving)')
icon.source: '../../icons/seal.png'
onClicked: channeldetails.freezeForReceiving()
}
}
}
ChannelDetails {

Loading…
Cancel
Save