mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 06:16:32 +00:00
4ee21ada05
Introduced Style.svg() Style.png() Style.emoji() and
Style.icon() in Style.qml. Those should be used to
set the source in Images instead of using relative
paths. Usage:
Image {
source: Style.svg("check)
....
Also moved all Singletons inside a new "utils"
folder and made it a QML module, to use
import utils 1.0 instead of relative paths
Closes #3678
90 lines
2.6 KiB
QML
90 lines
2.6 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 "../shared"
|
|
|
|
Item {
|
|
id: root
|
|
property string validationError: "Error"
|
|
//% "ENS Username not found"
|
|
property string ensAsyncValidationError: qsTrId("ens-username-not-found")
|
|
property alias input: contactFieldAndList.chatKey
|
|
property string selectedAddress
|
|
property var isValid: false
|
|
property alias isPending: contactFieldAndList.loading
|
|
property bool isResolvedAddress: false
|
|
property int parentWidth
|
|
|
|
height: 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
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
width: parent.width
|
|
showContactList: false
|
|
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}
|
|
}
|
|
##^##*/
|