126 lines
3.8 KiB
QML
126 lines
3.8 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Controls 2.14
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Controls.Validators 0.1
|
|
|
|
import utils 1.0
|
|
|
|
import "../stores"
|
|
import "../../common"
|
|
|
|
Column {
|
|
id: root
|
|
|
|
property AddAccountStore store
|
|
|
|
function reset() {
|
|
addressInput.reset()
|
|
}
|
|
|
|
QtObject {
|
|
id: d
|
|
|
|
property bool incorrectChecksum: false
|
|
property string uuid
|
|
property string resolvedEnsAddress
|
|
|
|
function checkIfAddressChecksumIsValid(address) {
|
|
d.incorrectChecksum = !root.store.isChecksumValidForAddress(address)
|
|
}
|
|
|
|
function validateEnsAsync(value) {
|
|
var name = value.startsWith("@") ? value.substring(1) : value
|
|
d.uuid = Utils.uuid()
|
|
root.store.validateEnsAsync(name, d.uuid)
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: root.store
|
|
function onResolvedENS(resolvedPubKey: string, resolvedAddress: string, uuid: string) {
|
|
if (uuid !== d.uuid) {
|
|
return
|
|
}
|
|
|
|
d.resolvedEnsAddress = resolvedAddress
|
|
addressInput.validate()
|
|
root.store.changeWatchOnlyAccountAddressPostponed(resolvedAddress)
|
|
}
|
|
}
|
|
|
|
StatusInput {
|
|
id: addressInput
|
|
objectName: "AddAccountPopup-WatchOnlyAddress"
|
|
width: parent.width
|
|
maximumHeight: Constants.addAccountPopup.itemHeight
|
|
minimumHeight: Constants.addAccountPopup.itemHeight
|
|
label: qsTr("Ethereum address or ENS name")
|
|
placeholderText: qsTr("Type or paste ETH address")
|
|
input.multiline: true
|
|
input.rightComponent: Row {
|
|
spacing: 8
|
|
|
|
StatusIconWithTooltip {
|
|
visible: d.incorrectChecksum
|
|
icon: "warning"
|
|
width: 20
|
|
height: 20
|
|
color: Theme.palette.warningColor1
|
|
tooltipText: qsTr("Checksum of the entered address is incorrect")
|
|
}
|
|
|
|
StatusButton {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
borderColor: Theme.palette.primaryColor1
|
|
size: StatusBaseButton.Size.Tiny
|
|
text: qsTr("Paste")
|
|
onClicked: {
|
|
addressInput.text = ""
|
|
addressInput.input.edit.paste()
|
|
}
|
|
}
|
|
}
|
|
validators: [
|
|
StatusValidator {
|
|
name: "address-or-ens"
|
|
validate: (value) => {
|
|
return Utils.isValidAddress(value) ||
|
|
Utils.isValidEns(value) &&
|
|
!!d.resolvedEnsAddress
|
|
}
|
|
errorMessage: qsTr("Please enter a valid Ethereum address or ENS name")
|
|
}
|
|
]
|
|
|
|
onTextChanged: {
|
|
d.incorrectChecksum = false
|
|
const trimmedText = text.trim()
|
|
if (Utils.isValidEns(trimmedText)) {
|
|
d.resolvedEnsAddress = ""
|
|
d.validateEnsAsync(trimmedText)
|
|
return
|
|
} else if (Utils.isValidAddress(trimmedText)) {
|
|
root.store.changeWatchOnlyAccountAddressPostponed(trimmedText)
|
|
d.checkIfAddressChecksumIsValid(trimmedText)
|
|
return
|
|
}
|
|
|
|
root.store.cleanWatchOnlyAccountAddress()
|
|
}
|
|
|
|
onKeyPressed: {
|
|
root.store.submitPopup(event)
|
|
}
|
|
}
|
|
|
|
AddressDetails {
|
|
width: parent.width
|
|
addressDetailsItem: root.store.watchOnlyAccAddress
|
|
defaultMessage: qsTr("You will need to import your seed phrase or use your Keycard to transact with this account")
|
|
defaultMessageCondition: addressInput.text === "" || !addressInput.valid
|
|
}
|
|
}
|