262 lines
10 KiB
QML
262 lines
10 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import QtGraphicalEffects 1.13
|
|
|
|
import StatusQ.Controls 0.1
|
|
|
|
import utils 1.0
|
|
|
|
import "."
|
|
import "../panels"
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property var contactsStore
|
|
|
|
property var accounts
|
|
property int inputWidth: 272
|
|
property int sourceSelectWidth: 150
|
|
property alias label: txtLabel.text
|
|
property alias labelFont: txtLabel.font
|
|
property alias input: inpAddress.input
|
|
// If supplied, additional info will be displayed top-right in danger colour (red)
|
|
property alias additionalInfo: txtAddlInfo.text
|
|
property var selectedRecipient
|
|
property bool readOnly: false
|
|
readonly property string addressValidationError: qsTr("Invalid ethereum address")
|
|
property alias wrongInputValidationError: inpAddress.wrongInputValidationError
|
|
property bool isValid: false
|
|
property bool isSelectorVisible: true
|
|
property bool addContactEnabled: true
|
|
property bool isPending: {
|
|
switch (selAddressSource.currentValue) {
|
|
case RecipientSelector.Type.Address:
|
|
return inpAddress.isPending
|
|
case RecipientSelector.Type.Contact:
|
|
return selContact.isPending
|
|
case RecipientSelector.Type.Account:
|
|
return false // AccountSelector is never pending
|
|
}
|
|
return false;
|
|
}
|
|
|
|
readonly property var sources: [
|
|
{ text: qsTr("Address"), value: RecipientSelector.Type.Address, visible: true },
|
|
{ text: qsTr("My account"), value: RecipientSelector.Type.Account, visible: true },
|
|
{ text: qsTr("Contact"), value: RecipientSelector.Type.Contact, visible: true }
|
|
]
|
|
|
|
property var selectedType: RecipientSelector.Type.Address
|
|
|
|
enum Type {
|
|
Address,
|
|
Contact,
|
|
Account
|
|
}
|
|
|
|
function validate() {
|
|
switch (selAddressSource.currentValue) {
|
|
case RecipientSelector.Type.Address:
|
|
root.isValid = inpAddress.isValid
|
|
break
|
|
case RecipientSelector.Type.Contact:
|
|
root.isValid = selContact.isValid
|
|
break
|
|
case RecipientSelector.Type.Account:
|
|
root.isValid = selAccount.isValid
|
|
break
|
|
}
|
|
return root.isValid
|
|
}
|
|
|
|
function updateAddressComboBox() {
|
|
if (selectedType !== undefined) {
|
|
selAddressSource.control.currentIndex = selAddressSource.control.indexOfValue(selectedType)
|
|
}
|
|
if (!selectedRecipient) {
|
|
return
|
|
}
|
|
switch (root.selectedType) {
|
|
case RecipientSelector.Type.Address:
|
|
inpAddress.input.text = selectedRecipient.name || ""
|
|
inpAddress.visible = true
|
|
selContact.visible = selAccount.visible = false
|
|
if(!!selectedRecipient.address){
|
|
inpAddress.selectedAddress = selectedRecipient.address
|
|
}
|
|
break
|
|
case RecipientSelector.Type.Contact:
|
|
selContact.selectedContact = selectedRecipient
|
|
// TODO: we shouldn't have to call resolveEns from the outside.
|
|
// It should be handled automatically when selectedContact is
|
|
// updated, however, handling it on property change causes an
|
|
// infinite loop
|
|
selContact.resolveEns()
|
|
selContact.visible = true
|
|
inpAddress.visible = selAccount.visible = false
|
|
break
|
|
case RecipientSelector.Type.Account:
|
|
selAccount.selectedAccount = selectedRecipient
|
|
selAccount.visible = true
|
|
inpAddress.visible = selContact.visible = false
|
|
break
|
|
}
|
|
}
|
|
|
|
onSelectedTypeChanged: {
|
|
updateAddressComboBox();
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
updateAddressComboBox();
|
|
}
|
|
|
|
implicitHeight: inpAddress.height + txtLabel.height
|
|
|
|
Text {
|
|
id: txtLabel
|
|
visible: label !== ""
|
|
text: qsTr("Recipient")
|
|
font.pixelSize: 13
|
|
font.family: Style.current.baseFont.name
|
|
font.weight: Font.Medium
|
|
color: Style.current.textColor
|
|
height: 18
|
|
}
|
|
|
|
Text {
|
|
id: txtAddlInfo
|
|
visible: text !== ""
|
|
text: ""
|
|
font.pixelSize: 13
|
|
font.family: Style.current.baseFont.name
|
|
font.weight: Font.Medium
|
|
color: Style.current.danger
|
|
height: 18
|
|
anchors.right: parent.right
|
|
}
|
|
|
|
RowLayout {
|
|
anchors.top: txtLabel.bottom
|
|
anchors.topMargin: 7
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
spacing: 8
|
|
|
|
AddressInput {
|
|
id: inpAddress
|
|
|
|
contactsStore: root.contactsStore
|
|
|
|
width: root.inputWidth
|
|
input.label: ""
|
|
input.readOnly: root.readOnly
|
|
visible: true
|
|
Layout.preferredWidth: selAddressSource.visible ? root.inputWidth : parent.width
|
|
Layout.alignment: Qt.AlignTop
|
|
Layout.fillWidth: true
|
|
validationError: root.addressValidationError
|
|
parentWidth: parent.width
|
|
addContactEnabled: root.addContactEnabled
|
|
onSelectedAddressChanged: {
|
|
if (selAddressSource.currentValue !== RecipientSelector.Type.Address)
|
|
return
|
|
root.selectedRecipient = { address: selectedAddress, type: RecipientSelector.Type.Address }
|
|
}
|
|
onIsValidChanged: root.validate()
|
|
}
|
|
|
|
ContactSelector {
|
|
id: selContact
|
|
contactsStore: root.contactsStore
|
|
visible: false
|
|
width: root.inputWidth
|
|
dropdownWidth: parent.width
|
|
readOnly: root.readOnly
|
|
Layout.preferredWidth: selAddressSource.visible ? root.inputWidth : parent.width
|
|
Layout.alignment: Qt.AlignTop
|
|
Layout.fillWidth: true
|
|
onSelectedContactChanged: {
|
|
if (!selectedContact || !selectedContact.address || selAddressSource.currentValue !== RecipientSelector.Type.Contact)
|
|
return;
|
|
const { address, name, alias, pubKey, icon, isContact, ensVerified } = selectedContact
|
|
root.selectedRecipient = { address, name, alias, pubKey, icon, isContact, ensVerified, type: RecipientSelector.Type.Contact }
|
|
}
|
|
onIsValidChanged: root.validate()
|
|
}
|
|
|
|
StatusAccountSelector {
|
|
id: selAccount
|
|
accounts: root.accounts
|
|
visible: false
|
|
width: root.inputWidth
|
|
dropdownWidth: parent.width
|
|
label: ""
|
|
Layout.preferredWidth: selAddressSource.visible ? root.inputWidth : parent.width
|
|
Layout.alignment: Qt.AlignTop
|
|
Layout.fillWidth: true
|
|
onSelectedAccountChanged: {
|
|
if (!selectedAccount || selAddressSource.currentValue !== RecipientSelector.Type.Account)
|
|
return;
|
|
const { address, name, color, assets, fiatBalance } = selectedAccount
|
|
root.selectedRecipient = { address, name, color, assets, fiatBalance, type: RecipientSelector.Type.Account }
|
|
}
|
|
onIsValidChanged: root.validate()
|
|
}
|
|
|
|
StatusComboBox {
|
|
id: selAddressSource
|
|
visible: isSelectorVisible && !root.readOnly
|
|
model: root.sources.filter(source => source.visible)
|
|
width: sourceSelectWidth
|
|
Layout.preferredWidth: root.sourceSelectWidth
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
control.textRole: "text"
|
|
control.valueRole: "value"
|
|
|
|
onCurrentValueChanged: {
|
|
if (root.readOnly) {
|
|
return
|
|
}
|
|
let address, name
|
|
switch (currentValue) {
|
|
case RecipientSelector.Type.Address:
|
|
inpAddress.visible = true
|
|
selContact.visible = selAccount.visible = false
|
|
root.height = Qt.binding(function() { return inpAddress.height + txtLabel.height })
|
|
root.selectedRecipient = { address: inpAddress.selectedAddress, type: RecipientSelector.Type.Address }
|
|
if (root.selectedType !== RecipientSelector.Type.Address) root.selectedType = RecipientSelector.Type.Address
|
|
root.isValid = inpAddress.isValid
|
|
break;
|
|
case RecipientSelector.Type.Contact:
|
|
selContact.visible = true
|
|
inpAddress.visible = selAccount.visible = false
|
|
root.height = Qt.binding(function() { return selContact.height + txtLabel.height })
|
|
let { alias, isContact, ensVerified } = selContact.selectedContact
|
|
address = selContact.selectedContact.address
|
|
name = selContact.selectedContact.name
|
|
root.selectedRecipient = { address, name, alias, isContact, ensVerified, type: RecipientSelector.Type.Contact }
|
|
if (root.selectedType !== RecipientSelector.Type.Contact) root.selectedType = RecipientSelector.Type.Contact
|
|
root.isValid = selContact.isValid
|
|
break;
|
|
case RecipientSelector.Type.Account:
|
|
selAccount.visible = true
|
|
inpAddress.visible = selContact.visible = false
|
|
root.height = Qt.binding(function() { return selAccount.height + txtLabel.height })
|
|
const { color, assets, fiatBalance } = selAccount.selectedAccount
|
|
address = selAccount.selectedAccount.address
|
|
name = selAccount.selectedAccount.name
|
|
root.selectedRecipient = { address, name, color, assets, fiatBalance, type: RecipientSelector.Type.Account }
|
|
if (root.selectedType !== RecipientSelector.Type.Account) root.selectedType = RecipientSelector.Type.Account
|
|
root.isValid = selAccount.isValid
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|