434 lines
14 KiB
QML
434 lines
14 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import QtGraphicalEffects 1.13
|
|
import "../../../../imports"
|
|
import "../../../../shared"
|
|
import "./"
|
|
|
|
ModalPopup {
|
|
id: popup
|
|
|
|
property Popup parentPopup
|
|
|
|
|
|
property var identicon: ""
|
|
property var userName: ""
|
|
property string nickname: ""
|
|
property var fromAuthor: ""
|
|
property var text: ""
|
|
property var alias: ""
|
|
|
|
property bool isEnsVerified: false
|
|
property bool noFooter: false
|
|
property bool isBlocked: false
|
|
|
|
signal blockButtonClicked(name: string, address: string)
|
|
signal unblockButtonClicked(name: string, address: string)
|
|
signal removeButtonClicked(address: string)
|
|
|
|
signal contactUnblocked(publicKey: string)
|
|
signal contactBlocked(publicKey: string)
|
|
signal contactAdded(publicKey: string)
|
|
signal contactRemoved(publicKey: string)
|
|
|
|
function openPopup(showFooter, userNameParam, fromAuthorParam, identiconParam, textParam, nicknameParam) {
|
|
userName = userNameParam || ""
|
|
nickname = nicknameParam || ""
|
|
fromAuthor = fromAuthorParam || ""
|
|
identicon = identiconParam || ""
|
|
text = textParam || ""
|
|
isEnsVerified = chatsModel.isEnsVerified(this.fromAuthor)
|
|
isBlocked = profileModel.isContactBlocked(this.fromAuthor);
|
|
alias = chatsModel.alias(this.fromAuthor) || ""
|
|
|
|
noFooter = !showFooter;
|
|
popup.open()
|
|
}
|
|
|
|
header: Item {
|
|
height: children[0].height
|
|
width: parent.width
|
|
Rectangle {
|
|
id: profilePic
|
|
width: 40
|
|
height: 40
|
|
radius: 30
|
|
border.color: "#10000000"
|
|
border.width: 1
|
|
color: Style.current.transparent
|
|
anchors.top: parent.top
|
|
SVGImage {
|
|
width: parent.width
|
|
height: parent.height
|
|
fillMode: Image.PreserveAspectFit
|
|
source: identicon
|
|
}
|
|
}
|
|
|
|
StyledTextEdit {
|
|
id: profileName
|
|
text: Utils.removeStatusEns(userName)
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 2
|
|
anchors.left: profilePic.right
|
|
anchors.leftMargin: Style.current.smallPadding
|
|
font.bold: true
|
|
font.pixelSize: 14
|
|
readOnly: true
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
|
|
StyledText {
|
|
text: isEnsVerified ? alias : fromAuthor
|
|
width: 160
|
|
elide: !isEnsVerified ? Text.ElideMiddle : Text.ElideNone
|
|
anchors.left: profilePic.right
|
|
anchors.leftMargin: Style.current.smallPadding
|
|
anchors.top: profileName.bottom
|
|
anchors.topMargin: 2
|
|
font.pixelSize: 14
|
|
color: Style.current.secondaryText
|
|
}
|
|
|
|
Rectangle {
|
|
id: qrCodeButton
|
|
height: 32
|
|
width: 32
|
|
anchors.top: parent.top
|
|
anchors.topMargin: -4
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 32 + Style.current.smallPadding
|
|
radius: 8
|
|
|
|
SVGImage {
|
|
source: "../../../img/qr-code-icon.svg"
|
|
width: 25
|
|
height: 25
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
MouseArea {
|
|
cursorShape: Qt.PointingHandCursor
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onExited: {
|
|
qrCodeButton.color = Style.current.white
|
|
}
|
|
onEntered: {
|
|
qrCodeButton.color = Style.current.grey
|
|
}
|
|
onClicked: {
|
|
qrCodePopup.open()
|
|
}
|
|
}
|
|
}
|
|
|
|
ModalPopup {
|
|
id: qrCodePopup
|
|
width: 320
|
|
height: 320
|
|
Image {
|
|
asynchronous: true
|
|
fillMode: Image.PreserveAspectFit
|
|
source: profileModel.qrCode(fromAuthor)
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
height: 212
|
|
width: 212
|
|
mipmap: true
|
|
smooth: false
|
|
}
|
|
}
|
|
}
|
|
|
|
Item {
|
|
BlockContactConfirmationDialog {
|
|
id: blockContactConfirmationDialog
|
|
onBlockButtonClicked: {
|
|
profileModel.blockContact(fromAuthor)
|
|
blockContactConfirmationDialog.close();
|
|
popup.close()
|
|
|
|
contactBlocked(fromAuthor)
|
|
}
|
|
}
|
|
|
|
UnblockContactConfirmationDialog {
|
|
id: unblockContactConfirmationDialog
|
|
onUnblockButtonClicked: {
|
|
profileModel.unblockContact(fromAuthor)
|
|
unblockContactConfirmationDialog.close();
|
|
popup.close()
|
|
|
|
contactUnblocked(fromAuthor)
|
|
}
|
|
}
|
|
|
|
ConfirmationDialog {
|
|
id: removeContactConfirmationDialog
|
|
// % "Remove contact"
|
|
title: qsTrId("remove-contact")
|
|
//% "Are you sure you want to remove this contact?"
|
|
confirmationText: qsTrId("are-you-sure-you-want-to-remove-this-contact-")
|
|
onConfirmButtonClicked: {
|
|
if (profileModel.isAdded(fromAuthor)) {
|
|
profileModel.removeContact(fromAuthor);
|
|
}
|
|
removeContactConfirmationDialog.close();
|
|
popup.close();
|
|
|
|
contactRemoved(fromAuthor);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
Item {
|
|
anchors.fill: parent
|
|
anchors.leftMargin: Style.current.smallPadding
|
|
|
|
StyledText {
|
|
id: labelEnsUsername
|
|
height: isEnsVerified ? 20 : 0
|
|
visible: isEnsVerified
|
|
//% "ENS username"
|
|
text: qsTrId("ens-username")
|
|
font.pixelSize: 13
|
|
font.weight: Font.Medium
|
|
color: Style.current.secondaryText
|
|
anchors.top: parent.top
|
|
anchors.topMargin: Style.current.smallPadding
|
|
}
|
|
|
|
StyledText {
|
|
id: valueEnsName
|
|
visible: isEnsVerified
|
|
height: isEnsVerified ? 20 : 0
|
|
text: userName.substr(1)
|
|
font.pixelSize: 14
|
|
anchors.top: labelEnsUsername.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
}
|
|
|
|
CopyToClipBoardButton {
|
|
visible: isEnsVerified
|
|
height: isEnsVerified ? 20 : 0
|
|
anchors.top: labelEnsUsername.bottom
|
|
anchors.left: valueEnsName.right
|
|
textToCopy: valueEnsName.text
|
|
}
|
|
|
|
StyledText {
|
|
id: labelChatKey
|
|
//% "Chat key"
|
|
text: qsTrId("chat-key")
|
|
font.pixelSize: 13
|
|
font.weight: Font.Medium
|
|
color: Style.current.secondaryText
|
|
anchors.top: isEnsVerified ? valueEnsName.bottom : parent.top
|
|
anchors.topMargin: Style.current.padding
|
|
}
|
|
|
|
Address {
|
|
id: valueChatKey
|
|
text: fromAuthor
|
|
width: 160
|
|
maxWidth: parent.width - (3 * Style.current.smallPadding) - copyBtn.width
|
|
color: Style.current.textColor
|
|
font.pixelSize: 14
|
|
anchors.top: labelChatKey.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
}
|
|
|
|
CopyToClipBoardButton {
|
|
id: copyBtn
|
|
anchors.top: labelChatKey.bottom
|
|
anchors.left: valueChatKey.right
|
|
textToCopy: valueChatKey.text
|
|
}
|
|
|
|
Separator {
|
|
id: separator
|
|
anchors.top: valueChatKey.bottom
|
|
anchors.topMargin: Style.current.padding
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: -Style.current.padding
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: -Style.current.padding
|
|
}
|
|
|
|
StyledText {
|
|
id: labelShareURL
|
|
//% "Share Profile URL"
|
|
text: qsTrId("share-profile-url")
|
|
font.pixelSize: 13
|
|
font.weight: Font.Medium
|
|
color: Style.current.secondaryText
|
|
anchors.top: separator.bottom
|
|
anchors.topMargin: Style.current.padding
|
|
}
|
|
|
|
StyledText {
|
|
id: valueShareURL
|
|
text: "https://join.status.im/u/" + fromAuthor.substr(
|
|
0, 4) + "..." + fromAuthor.substr(fromAuthor.length - 5)
|
|
font.pixelSize: 14
|
|
anchors.top: labelShareURL.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
}
|
|
|
|
CopyToClipBoardButton {
|
|
anchors.top: labelShareURL.bottom
|
|
anchors.left: valueShareURL.right
|
|
textToCopy: "https://join.status.im/u/" + fromAuthor
|
|
}
|
|
|
|
Separator {
|
|
id: separator2
|
|
anchors.top: valueShareURL.bottom
|
|
anchors.topMargin: Style.current.padding
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: -Style.current.padding
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: -Style.current.padding
|
|
}
|
|
|
|
StyledText {
|
|
id: chatSettings
|
|
//% "Chat settings"
|
|
text: qsTrId("chat-settings")
|
|
font.pixelSize: 13
|
|
font.weight: Font.Medium
|
|
color: Style.current.secondaryText
|
|
anchors.top: separator2.bottom
|
|
anchors.topMargin: Style.current.padding
|
|
}
|
|
|
|
StyledText {
|
|
id: nicknameTitle
|
|
//% "Nickname"
|
|
text: qsTrId("nickname")
|
|
font.pixelSize: 14
|
|
anchors.top: chatSettings.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
}
|
|
|
|
SVGImage {
|
|
id: nicknameCaret
|
|
source: "../../../img/caret.svg"
|
|
rotation: -90
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Style.current.padding
|
|
anchors.verticalCenter: nicknameTitle.verticalCenter
|
|
width: 13
|
|
fillMode: Image.PreserveAspectFit
|
|
ColorOverlay {
|
|
anchors.fill: parent
|
|
source: parent
|
|
color: Style.current.secondaryText
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
id: nicknameText
|
|
//% "None"
|
|
text: nickname ? nickname : qsTrId("none")
|
|
anchors.right: nicknameCaret.left
|
|
anchors.rightMargin: Style.current.padding
|
|
anchors.verticalCenter: nicknameTitle.verticalCenter
|
|
color: Style.current.secondaryText
|
|
}
|
|
|
|
MouseArea {
|
|
cursorShape: Qt.PointingHandCursor
|
|
anchors.left: nicknameTitle.left
|
|
anchors.right: nicknameCaret.right
|
|
anchors.top: nicknameTitle.top
|
|
anchors.bottom: nicknameTitle.bottom
|
|
onClicked: {
|
|
nicknamePopup.open()
|
|
}
|
|
}
|
|
|
|
NicknamePopup {
|
|
id: nicknamePopup
|
|
changeUsername: function (newUsername) {
|
|
popup.userName = newUsername
|
|
}
|
|
changeNickname: function (newNickname) {
|
|
popup.nickname = newNickname
|
|
}
|
|
}
|
|
}
|
|
|
|
footer: Item {
|
|
id: footerContainer
|
|
visible: !noFooter
|
|
width: parent.width
|
|
height: children[0].height
|
|
|
|
StyledButton {
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 20
|
|
//% "Send Message"
|
|
label: qsTrId("send-message")
|
|
anchors.bottom: parent.bottom
|
|
visible: !isBlocked
|
|
onClicked: {
|
|
if (tabBar.currentIndex !== 0)
|
|
tabBar.currentIndex = 0
|
|
chatsModel.joinChat(fromAuthor, Constants.chatTypeOneToOne)
|
|
popup.close()
|
|
}
|
|
}
|
|
|
|
StyledButton {
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: isBlocked ? 0 : addToContactsButton.width + 32
|
|
btnColor: Style.current.lightRed
|
|
btnBorderWidth: 1
|
|
btnBorderColor: Style.current.grey
|
|
textColor: Style.current.red
|
|
label: isBlocked ?
|
|
qsTr("Unblock User") :
|
|
qsTr("Block User")
|
|
anchors.bottom: parent.bottom
|
|
onClicked: {
|
|
if (isBlocked) {
|
|
unblockContactConfirmationDialog.contactName = userName;
|
|
unblockContactConfirmationDialog.contactAddress = fromAuthor;
|
|
unblockContactConfirmationDialog.open();
|
|
return;
|
|
}
|
|
blockContactConfirmationDialog.contactName = userName;
|
|
blockContactConfirmationDialog.contactAddress = fromAuthor;
|
|
blockContactConfirmationDialog.open();
|
|
}
|
|
}
|
|
|
|
StyledButton {
|
|
id: addToContactsButton
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Style.current.smallPadding
|
|
label: profileModel.isAdded(fromAuthor) ?
|
|
//% "Remove Contact"
|
|
qsTrId("remove-contact") :
|
|
//% "Add to contacts"
|
|
qsTrId("add-to-contacts")
|
|
anchors.bottom: parent.bottom
|
|
visible: !isBlocked
|
|
onClicked: {
|
|
if (profileModel.isAdded(fromAuthor)) {
|
|
removeContactConfirmationDialog.parentPopup = profilePopup;
|
|
removeContactConfirmationDialog.open();
|
|
} else {
|
|
profileModel.addContact(fromAuthor);
|
|
contactAdded(fromAuthor);
|
|
profilePopup.close();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|