161 lines
4.4 KiB
QML
161 lines
4.4 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import "../../../../imports"
|
|
import "../../../../shared"
|
|
import "./"
|
|
|
|
ModalPopup {
|
|
property string validationError: ""
|
|
|
|
property string pubKey : "";
|
|
property string ensUsername : "";
|
|
|
|
function validate() {
|
|
if (!Utils.isChatKey(chatKey.text) && !Utils.isValidETHNamePrefix(chatKey.text)) {
|
|
validationError = "This needs to be a valid chat key or ENS username";
|
|
ensUsername.text = "";
|
|
} else {
|
|
validationError = ""
|
|
}
|
|
return validationError === ""
|
|
}
|
|
|
|
property var resolveENS: Backpressure.debounce(popup, 500, function (ensName){
|
|
chatsModel.resolveENS(ensName)
|
|
});
|
|
|
|
function onKeyReleased(){
|
|
if (!validate()) {
|
|
return;
|
|
}
|
|
|
|
chatKey.text = chatKey.text.trim();
|
|
|
|
if(Utils.isChatKey(chatKey.text)){
|
|
pubKey = chatKey.text;
|
|
ensUsername.text = "";
|
|
return;
|
|
}
|
|
|
|
Qt.callLater(resolveENS, chatKey.text)
|
|
}
|
|
|
|
function doJoin() {
|
|
if (!validate() || pubKey.trim() === "") return;
|
|
chatsModel.joinChat(pubKey, Constants.chatTypeOneToOne);
|
|
popup.close();
|
|
}
|
|
|
|
id: popup
|
|
//% "New chat"
|
|
title: qsTrId("new-chat")
|
|
|
|
onOpened: {
|
|
chatKey.text = "";
|
|
pubKey = "";
|
|
ensUsername.text = "";
|
|
chatKey.forceActiveFocus(Qt.MouseFocusReason)
|
|
}
|
|
|
|
Input {
|
|
id: chatKey
|
|
//% "Enter ENS username or chat key"
|
|
placeholderText: qsTrId("enter-contact-code")
|
|
Keys.onEnterPressed: doJoin()
|
|
Keys.onReturnPressed: doJoin()
|
|
validationError: popup.validationError
|
|
Keys.onReleased: {
|
|
onKeyReleased();
|
|
}
|
|
|
|
Connections {
|
|
target: chatsModel
|
|
onEnsWasResolved: {
|
|
if(chatKey.text == ""){
|
|
ensUsername.text == "";
|
|
pubKey = "";
|
|
} else if(resolvedPubKey == ""){
|
|
ensUsername.text = qsTrId("user-not-found");
|
|
pubKey = "";
|
|
} else {
|
|
ensUsername.text = chatsModel.formatENSUsername(chatKey.text) + " • " + Utils.compactAddress(resolvedPubKey, 4)
|
|
pubKey = resolvedPubKey;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
id: ensUsername
|
|
anchors.top: chatKey.bottom
|
|
anchors.topMargin: Style.current.padding
|
|
color: Style.current.darkGrey
|
|
font.pixelSize: 12
|
|
}
|
|
|
|
Item {
|
|
anchors.top: ensUsername.bottom
|
|
anchors.topMargin: 90
|
|
anchors.fill: parent
|
|
|
|
ScrollView {
|
|
anchors.fill: parent
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
|
ScrollBar.vertical.policy: contactListView.contentHeight > contactListView.height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff
|
|
|
|
ListView {
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
clip: true
|
|
id: contactListView
|
|
model: profileModel.contactList
|
|
delegate: Contact {
|
|
showCheckbox: false
|
|
pubKey: model.pubKey
|
|
isContact: model.isContact
|
|
isUser: false
|
|
name: model.name
|
|
address: model.address
|
|
identicon: model.identicon
|
|
showListSelector: true
|
|
onItemChecked: function(pubKey, itemChecked){
|
|
chatsModel.joinChat(pubKey, Constants.chatTypeOneToOne);
|
|
popup.close()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
footer: Button {
|
|
width: 44
|
|
height: 44
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
SVGImage {
|
|
source: pubKey === "" ? "../../../img/arrow-button-inactive.svg" : "../../../img/arrow-btn-active.svg"
|
|
width: 50
|
|
height: 50
|
|
}
|
|
background: Rectangle {
|
|
color: "transparent"
|
|
}
|
|
MouseArea {
|
|
id: btnMAnewChat
|
|
cursorShape: Qt.PointingHandCursor
|
|
anchors.fill: parent
|
|
onClicked : doJoin()
|
|
}
|
|
}
|
|
}
|
|
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;height:300;width:300}
|
|
}
|
|
##^##*/
|