144 lines
3.8 KiB
QML
144 lines
3.8 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import QtGraphicalEffects 1.13
|
|
import "../imports"
|
|
import "../shared"
|
|
|
|
Item {
|
|
id: root
|
|
property string validationError: "Error"
|
|
//% "ENS Username not found"
|
|
property string ensAsyncValidationError: qsTrId("ens-username-not-found")
|
|
property alias label: inpAddress.label
|
|
property alias text: inpAddress.text
|
|
property string selectedAddress
|
|
property var isValid: false
|
|
property bool isPending: false
|
|
readonly property string uuid: Utils.uuid()
|
|
property alias readOnly: inpAddress.readOnly
|
|
property bool isResolvedAddress: false
|
|
|
|
height: inpAddress.height
|
|
|
|
onSelectedAddressChanged: validate()
|
|
onTextChanged: resolveEns()
|
|
|
|
function resetInternal() {
|
|
selectedAddress = ""
|
|
inpAddress.resetInternal()
|
|
metrics.text = ""
|
|
isValid = false
|
|
isPending = false
|
|
isResolvedAddress = false
|
|
}
|
|
|
|
function resolveEns() {
|
|
if (Utils.isValidEns(text)) {
|
|
root.validateAsync(text)
|
|
}
|
|
}
|
|
|
|
function validate() {
|
|
let isValidEns = Utils.isValidEns(text)
|
|
let isValidAddress = Utils.isValidAddress(selectedAddress)
|
|
let isValid = (isValidEns && !isResolvedAddress) || isPending || isValidAddress
|
|
inpAddress.validationError = ""
|
|
if (!isValid){
|
|
inpAddress.validationError = isResolvedAddress ? ensAsyncValidationError : validationError
|
|
}
|
|
root.isValid = isValid
|
|
return isValid
|
|
}
|
|
|
|
property var validateAsync: Backpressure.debounce(inpAddress, 600, function (inputValue) {
|
|
root.isPending = true
|
|
root.selectedAddress = ""
|
|
var name = inputValue.startsWith("@") ? inputValue.substring(1) : inputValue
|
|
walletModel.resolveENS(name, uuid)
|
|
});
|
|
|
|
|
|
Connections {
|
|
target: walletModel
|
|
onEnsWasResolved: {
|
|
if (uuid !== root.uuid) {
|
|
return
|
|
}
|
|
root.isPending = false
|
|
root.isResolvedAddress = true
|
|
root.selectedAddress = resolvedAddress
|
|
}
|
|
}
|
|
|
|
Input {
|
|
id: inpAddress
|
|
//% "eg. 0x1234 or ENS"
|
|
placeholderText: qsTrId("eg--0x1234-or-ens")
|
|
customHeight: 56
|
|
validationErrorAlignment: TextEdit.AlignRight
|
|
validationErrorTopMargin: 8
|
|
textField.onFocusChanged: {
|
|
let isValid = true
|
|
if (text !== "" && Utils.isValidAddress(metrics.text)) {
|
|
if (textField.focus) {
|
|
text = metrics.text
|
|
} else {
|
|
text = metrics.elidedText
|
|
}
|
|
}
|
|
}
|
|
textField.rightPadding: 73
|
|
onTextEdited: {
|
|
metrics.text = text
|
|
|
|
resolveEns()
|
|
root.isResolvedAddress = false
|
|
root.selectedAddress = text
|
|
}
|
|
TextMetrics {
|
|
id: metrics
|
|
elideWidth: 97
|
|
elide: Text.ElideMiddle
|
|
}
|
|
TertiaryButton {
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 8
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 14
|
|
visible: !root.readOnly
|
|
//% "Paste"
|
|
label: qsTrId("paste")
|
|
onClicked: {
|
|
if (inpAddress.textField.canPaste) {
|
|
inpAddress.textField.paste()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
sourceComponent: loadingIndicator
|
|
anchors.top: inpAddress.bottom
|
|
anchors.right: inpAddress.right
|
|
anchors.topMargin: Style.current.halfPadding
|
|
active: root.isPending
|
|
}
|
|
|
|
Component {
|
|
id: loadingIndicator
|
|
LoadingImage {
|
|
width: 12
|
|
height: 12
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;autoSize:true;height:480;width:640}
|
|
}
|
|
##^##*/
|