2020-08-06 07:25:53 +00:00
|
|
|
|
import QtQuick 2.13
|
|
|
|
|
import QtQuick.Controls 2.13
|
|
|
|
|
import QtQuick.Layouts 1.13
|
|
|
|
|
import QtGraphicalEffects 1.13
|
2021-09-28 15:04:06 +00:00
|
|
|
|
|
2021-10-28 11:03:20 +00:00
|
|
|
|
import StatusQ.Core 0.1
|
|
|
|
|
import StatusQ.Core.Theme 0.1
|
|
|
|
|
import StatusQ.Controls 0.1
|
|
|
|
|
import StatusQ.Components 0.1
|
|
|
|
|
|
2021-09-28 15:04:06 +00:00
|
|
|
|
import utils 1.0
|
2021-10-28 11:03:20 +00:00
|
|
|
|
|
2021-10-14 10:31:29 +00:00
|
|
|
|
import "../views"
|
2021-10-14 13:09:35 +00:00
|
|
|
|
import "../panels"
|
2021-10-28 11:03:20 +00:00
|
|
|
|
import "./"
|
2021-10-20 22:47:23 +00:00
|
|
|
|
|
2020-08-06 07:25:53 +00:00
|
|
|
|
Item {
|
|
|
|
|
id: root
|
2022-01-04 12:06:05 +00:00
|
|
|
|
property var contactsStore
|
2020-08-06 07:25:53 +00:00
|
|
|
|
property var selectedContact
|
2020-08-20 04:45:29 +00:00
|
|
|
|
height: select.height
|
2020-08-06 07:25:53 +00:00
|
|
|
|
property int dropdownWidth: width
|
2020-08-20 04:45:29 +00:00
|
|
|
|
//% "Please select a contact"
|
|
|
|
|
property string validationError: qsTrId("please-select-a-contact")
|
|
|
|
|
property alias validationErrorAlignment: select.validationErrorAlignment
|
|
|
|
|
property bool isValid: false
|
2020-10-29 03:07:34 +00:00
|
|
|
|
property alias isPending: ensResolver.isPending
|
2021-12-23 20:46:58 +00:00
|
|
|
|
|
2020-10-28 07:44:09 +00:00
|
|
|
|
property bool readOnly: false
|
2020-10-29 03:07:34 +00:00
|
|
|
|
property bool isResolvedAddress: false
|
|
|
|
|
//% "Select a contact"
|
|
|
|
|
property string selectAContact: qsTrId("select-a-contact")
|
2021-02-18 16:36:05 +00:00
|
|
|
|
//% "Contact does not have an ENS address. Please send a transaction in chat."
|
|
|
|
|
property string noEnsAddressMessage: qsTrId("contact-does-not-have-an-ens-address--please-send-a-transaction-in-chat-")
|
2021-12-08 21:20:43 +00:00
|
|
|
|
property bool isContact: false
|
2020-08-20 04:45:29 +00:00
|
|
|
|
|
2020-10-29 23:08:07 +00:00
|
|
|
|
function resolveEns() {
|
|
|
|
|
if (selectedContact.ensVerified) {
|
|
|
|
|
root.isResolvedAddress = false
|
2022-01-17 08:56:44 +00:00
|
|
|
|
ensResolver.resolveEns(selectedContact.alias)
|
2020-10-29 23:08:07 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2022-01-17 08:56:44 +00:00
|
|
|
|
Component.onCompleted: {
|
|
|
|
|
if (root.readOnly) {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
root.selectedContact = { alias: selectAContact }
|
|
|
|
|
}
|
2020-08-06 07:25:53 +00:00
|
|
|
|
|
2020-10-29 23:08:07 +00:00
|
|
|
|
onSelectedContactChanged: validate()
|
2020-10-28 07:44:09 +00:00
|
|
|
|
|
2020-08-06 07:25:53 +00:00
|
|
|
|
function validate() {
|
2020-10-29 03:07:34 +00:00
|
|
|
|
if (!selectedContact) {
|
|
|
|
|
return root.isValid
|
|
|
|
|
}
|
2022-01-17 08:56:44 +00:00
|
|
|
|
let isValidAddress = Utils.isValidAddress(selectedContact.publicKey)
|
|
|
|
|
let isDefaultValue = selectedContact.alias === selectAContact
|
2020-10-29 03:07:34 +00:00
|
|
|
|
let isValid = (selectedContact.ensVerified && isValidAddress) || isPending || isValidAddress
|
|
|
|
|
select.validationError = ""
|
|
|
|
|
if (!isValid && !isDefaultValue &&
|
|
|
|
|
(
|
|
|
|
|
!selectedContact.ensVerified ||
|
|
|
|
|
(selectedContact.ensVerified && isResolvedAddress)
|
|
|
|
|
)
|
|
|
|
|
) {
|
|
|
|
|
select.validationError = !selectedContact.ensVerified ? noEnsAddressMessage : validationError
|
|
|
|
|
}
|
2020-08-20 04:45:29 +00:00
|
|
|
|
root.isValid = isValid
|
2020-08-13 08:24:51 +00:00
|
|
|
|
return isValid
|
2020-08-06 07:25:53 +00:00
|
|
|
|
}
|
|
|
|
|
|
2020-10-28 07:44:09 +00:00
|
|
|
|
Input {
|
|
|
|
|
id: inpReadOnly
|
|
|
|
|
visible: root.readOnly
|
|
|
|
|
width: parent.width
|
2021-02-18 16:36:05 +00:00
|
|
|
|
//% "No contact selected"
|
2022-01-17 08:56:44 +00:00
|
|
|
|
text: (root.selectedContact && root.selectedContact.alias) ? root.selectedContact.alias : qsTrId("no-contact-selected")
|
2020-10-28 07:44:09 +00:00
|
|
|
|
textField.leftPadding: 14
|
|
|
|
|
textField.topPadding: 18
|
|
|
|
|
textField.bottomPadding: 18
|
|
|
|
|
textField.verticalAlignment: TextField.AlignVCenter
|
|
|
|
|
textField.font.pixelSize: 15
|
|
|
|
|
textField.color: Style.current.secondaryText
|
|
|
|
|
readOnly: true
|
|
|
|
|
validationErrorAlignment: TextEdit.AlignRight
|
|
|
|
|
validationErrorTopMargin: 8
|
|
|
|
|
customHeight: 56
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-28 11:03:20 +00:00
|
|
|
|
StatusSelect {
|
2020-08-06 07:25:53 +00:00
|
|
|
|
id: select
|
|
|
|
|
label: ""
|
2022-01-04 12:06:05 +00:00
|
|
|
|
model: root.contactsStore.myContactsModel
|
2020-08-06 07:25:53 +00:00
|
|
|
|
width: parent.width
|
2020-10-28 07:44:09 +00:00
|
|
|
|
visible: !root.readOnly
|
2021-10-28 11:03:20 +00:00
|
|
|
|
menuAlignment: StatusSelect.MenuAlignment.Left
|
|
|
|
|
selectedItemComponent: Item {
|
2020-08-06 07:25:53 +00:00
|
|
|
|
anchors.fill: parent
|
2021-10-20 22:47:23 +00:00
|
|
|
|
StatusSmartIdenticon {
|
2020-08-06 07:25:53 +00:00
|
|
|
|
id: iconImg
|
|
|
|
|
anchors.left: parent.left
|
|
|
|
|
anchors.leftMargin: 14
|
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
2022-01-17 08:56:44 +00:00
|
|
|
|
image.width: (!!selectedContact && !!selectedContact.displayIcon) ? 32 : 0
|
2021-10-20 22:47:23 +00:00
|
|
|
|
image.height: 32
|
2022-01-17 08:56:44 +00:00
|
|
|
|
image.source: (!!selectedContact && !!selectedContact.displayIcon) ? selectedContact.displayIcon : ""
|
|
|
|
|
image.isIdenticon: (!!selectedContact && !!selectedContact.isDisplayIconIdenticon) ? selectedContact.isDisplayIconIdenticon : true
|
|
|
|
|
active: !!selectedContact && !!selectedContact.displayIcon
|
2020-08-06 07:25:53 +00:00
|
|
|
|
}
|
2021-10-28 11:03:20 +00:00
|
|
|
|
StatusBaseText {
|
2020-08-06 07:25:53 +00:00
|
|
|
|
id: selectedTextField
|
2022-01-17 08:56:44 +00:00
|
|
|
|
text: !!selectedContact ? selectedContact.alias : ""
|
2020-08-06 07:25:53 +00:00
|
|
|
|
anchors.left: iconImg.right
|
|
|
|
|
anchors.leftMargin: 4
|
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
|
font.pixelSize: 15
|
|
|
|
|
height: 22
|
|
|
|
|
verticalAlignment: Text.AlignVCenter
|
2021-10-28 11:03:20 +00:00
|
|
|
|
color: Theme.palette.directColor1
|
2020-08-06 07:25:53 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
zeroItemsView: Item {
|
|
|
|
|
height: 186
|
2021-10-28 11:03:20 +00:00
|
|
|
|
StatusBaseText {
|
2020-08-06 07:25:53 +00:00
|
|
|
|
anchors.fill: parent
|
2021-02-18 16:36:05 +00:00
|
|
|
|
//% "You don’t have any contacts yet"
|
2020-08-26 15:52:26 +00:00
|
|
|
|
text: qsTrId("you-don-t-have-any-contacts-yet")
|
2020-08-06 07:25:53 +00:00
|
|
|
|
verticalAlignment: Text.AlignVCenter
|
|
|
|
|
horizontalAlignment: Text.AlignHCenter
|
|
|
|
|
font.pixelSize: 13
|
|
|
|
|
height: 18
|
2021-10-28 11:03:20 +00:00
|
|
|
|
color: Theme.palette.baseColor1
|
2020-08-06 07:25:53 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-28 11:03:20 +00:00
|
|
|
|
selectMenu.delegate: menuItem
|
|
|
|
|
selectMenu.width: dropdownWidth
|
2020-08-06 07:25:53 +00:00
|
|
|
|
}
|
|
|
|
|
|
2020-10-29 03:07:34 +00:00
|
|
|
|
EnsResolver {
|
|
|
|
|
id: ensResolver
|
|
|
|
|
anchors.top: select.bottom
|
|
|
|
|
anchors.right: select.right
|
|
|
|
|
anchors.topMargin: Style.current.halfPadding
|
2020-11-03 10:29:56 +00:00
|
|
|
|
debounceDelay: 0
|
2020-10-29 03:07:34 +00:00
|
|
|
|
onResolved: {
|
|
|
|
|
root.isResolvedAddress = true
|
2020-10-29 23:08:07 +00:00
|
|
|
|
var selectedContact = root.selectedContact
|
2022-01-17 08:56:44 +00:00
|
|
|
|
selectedContact.publicKey = resolvedAddress
|
2020-10-29 23:08:07 +00:00
|
|
|
|
root.selectedContact = selectedContact
|
2020-10-29 03:07:34 +00:00
|
|
|
|
}
|
|
|
|
|
onIsPendingChanged: {
|
|
|
|
|
if (isPending) {
|
2022-01-17 08:56:44 +00:00
|
|
|
|
root.selectedContact.publicKey = ""
|
2020-10-29 03:07:34 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-06 07:25:53 +00:00
|
|
|
|
Component {
|
|
|
|
|
id: menuItem
|
|
|
|
|
MenuItem {
|
|
|
|
|
id: itemContainer
|
|
|
|
|
property bool isFirstItem: index === 0
|
2022-01-04 12:06:05 +00:00
|
|
|
|
property bool isLastItem: index === root.contactsStore.myContactsModel.count - 1
|
2020-08-06 07:25:53 +00:00
|
|
|
|
|
2022-01-17 08:56:44 +00:00
|
|
|
|
property var currentContact: Utils.getContactDetailsAsJson(pubKey)
|
|
|
|
|
|
2020-08-06 07:25:53 +00:00
|
|
|
|
width: parent.width
|
|
|
|
|
height: visible ? 72 : 0
|
2021-10-20 22:47:23 +00:00
|
|
|
|
StatusSmartIdenticon {
|
2020-08-06 07:25:53 +00:00
|
|
|
|
id: iconImg
|
|
|
|
|
anchors.left: parent.left
|
|
|
|
|
anchors.leftMargin: Style.current.padding
|
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
2022-01-17 08:56:44 +00:00
|
|
|
|
image.source: currentContact.displayIcon
|
|
|
|
|
image.isIdenticon: currentContact.isDisplayIconIdenticon
|
2020-08-06 07:25:53 +00:00
|
|
|
|
}
|
|
|
|
|
Column {
|
|
|
|
|
anchors.left: iconImg.right
|
|
|
|
|
anchors.leftMargin: 12
|
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
|
|
2021-10-28 11:03:20 +00:00
|
|
|
|
StatusBaseText {
|
2022-01-17 08:56:44 +00:00
|
|
|
|
text: currentContact.alias
|
2020-08-06 07:25:53 +00:00
|
|
|
|
font.pixelSize: 15
|
2021-10-28 11:03:20 +00:00
|
|
|
|
color: Theme.palette.directColor1
|
2020-08-06 07:25:53 +00:00
|
|
|
|
height: 22
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Row {
|
2021-10-28 11:03:20 +00:00
|
|
|
|
StatusBaseText {
|
2022-01-17 08:56:44 +00:00
|
|
|
|
text: currentContact.name + " • "
|
|
|
|
|
visible: currentContact.ensVerified
|
2021-10-28 11:03:20 +00:00
|
|
|
|
color: Theme.palette.baseColor1
|
2020-08-06 07:25:53 +00:00
|
|
|
|
font.pixelSize: 12
|
|
|
|
|
height: 16
|
|
|
|
|
}
|
2021-10-28 11:03:20 +00:00
|
|
|
|
StatusBaseText {
|
2022-01-17 08:56:44 +00:00
|
|
|
|
text: currentContact.publicKey
|
2020-08-06 07:25:53 +00:00
|
|
|
|
width: 85
|
|
|
|
|
elide: Text.ElideMiddle
|
2021-10-28 11:03:20 +00:00
|
|
|
|
color: Theme.palette.baseColor1
|
2020-08-06 07:25:53 +00:00
|
|
|
|
font.pixelSize: 12
|
|
|
|
|
height: 16
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
background: Rectangle {
|
2021-10-28 11:03:20 +00:00
|
|
|
|
color: itemContainer.highlighted ? Theme.palette.statusSelect.menuItemHoverBackgroundColor : Theme.palette.statusSelect.menuItemBackgroundColor
|
2020-08-06 07:25:53 +00:00
|
|
|
|
}
|
|
|
|
|
MouseArea {
|
|
|
|
|
cursorShape: Qt.PointingHandCursor
|
|
|
|
|
anchors.fill: itemContainer
|
|
|
|
|
onClicked: {
|
2022-01-17 08:56:44 +00:00
|
|
|
|
root.selectedContact = itemContainer.currentContact
|
2020-10-29 23:08:07 +00:00
|
|
|
|
resolveEns()
|
2021-10-28 11:03:20 +00:00
|
|
|
|
select.selectMenu.close()
|
2020-08-06 07:25:53 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|