mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-09 13:56:10 +00:00
bfdd9092e1
new saved addresses UI implementation - Fixed StatusInput and StatusBaseInput to respect rich text. - Fixed AddressInput's height that breaks the layout when inside of QtQuick Layout. - Added support for icon clicks in StatusListItem. - Fixed broken right alignment in ContactsListAndSearch. Fixes #8599
97 lines
2.8 KiB
QML
97 lines
2.8 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import QtGraphicalEffects 1.13
|
|
|
|
import utils 1.0
|
|
import "."
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property var contactsStore
|
|
|
|
property string validationError: "Error"
|
|
property string ensAsyncValidationError: qsTr("ENS Username not found")
|
|
property alias input: contactFieldAndList.chatKey
|
|
property string selectedAddress
|
|
property bool isValid: false
|
|
property alias isPending: contactFieldAndList.loading
|
|
property bool isResolvedAddress: false
|
|
property int parentWidth
|
|
property bool addContactEnabled: true
|
|
property alias wrongInputValidationError: contactFieldAndList.wrongInputValidationError
|
|
property alias ownAddressError: contactFieldAndList.ownAddressError
|
|
|
|
implicitHeight: contactFieldAndList.chatKey.height
|
|
|
|
onSelectedAddressChanged: validate()
|
|
|
|
function resetInternal() {
|
|
selectedAddress = ""
|
|
contactFieldAndList.chatKey.resetInternal()
|
|
metrics.text = ""
|
|
isValid = false
|
|
isPending = false
|
|
isResolvedAddress = false
|
|
}
|
|
|
|
function validate() {
|
|
let isValidEns = Utils.isValidEns(input.text)
|
|
let isValidAddress = Utils.isValidAddress(selectedAddress)
|
|
let isValid = (isValidEns && !isResolvedAddress) || isPending || isValidAddress
|
|
contactFieldAndList.chatKey.validationError = ""
|
|
if (!isValid && input.text !== "") {
|
|
contactFieldAndList.chatKey.validationError = isResolvedAddress ? ensAsyncValidationError : validationError
|
|
}
|
|
root.isValid = isValid
|
|
return isValid
|
|
}
|
|
|
|
ContactsListAndSearch {
|
|
id: contactFieldAndList
|
|
width: parent.width
|
|
showContactList: false
|
|
addContactEnabled: root.addContactEnabled
|
|
|
|
contactsStore: root.contactsStore
|
|
|
|
onUserClicked: function (isContact, pubKey, ensName, address) {
|
|
chatKey.text = address
|
|
}
|
|
searchResultsWidth: parentWidth
|
|
chatKey.customHeight: 56
|
|
chatKey.onFocusChanged: {
|
|
root.validate()
|
|
if (chatKey.text !== "" && Utils.isValidAddress(metrics.text)) {
|
|
if (chatKey.focus) {
|
|
chatKey.text = metrics.text
|
|
} else {
|
|
chatKey.text = metrics.elidedText
|
|
}
|
|
}
|
|
}
|
|
chatKey.onTextChanged: {
|
|
metrics.text = chatKey.text
|
|
if (Utils.isValidAddress(chatKey.text)) {
|
|
root.selectedAddress = chatKey.text
|
|
} else {
|
|
root.selectedAddress = ""
|
|
}
|
|
}
|
|
TextMetrics {
|
|
id: metrics
|
|
elideWidth: 97
|
|
elide: Text.ElideMiddle
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;autoSize:true;height:480;width:640}
|
|
}
|
|
##^##*/
|