306 lines
10 KiB
QML
306 lines
10 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 1.0
|
|
import shared.popups 1.0
|
|
import shared.stores 1.0
|
|
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Popups 0.1
|
|
|
|
StatusModal {
|
|
id: popup
|
|
anchors.centerIn: parent
|
|
|
|
property Popup parentPopup
|
|
|
|
property var contactsStore
|
|
|
|
property string userPublicKey: ""
|
|
property string userDisplayName: ""
|
|
property string userName: ""
|
|
property string userNickname: ""
|
|
property string userEnsName: ""
|
|
property string userIcon: ""
|
|
property string text: ""
|
|
|
|
|
|
readonly property int innerMargin: 20
|
|
|
|
property bool userIsEnsVerified: false
|
|
property bool userIsBlocked: false
|
|
property bool isCurrentUser: false
|
|
property bool isAddedContact: 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)
|
|
|
|
function openPopup(publicKey) {
|
|
// All this should be improved more, but for now we leave it like this.
|
|
let contactDetails = Utils.getContactDetailsAsJson(publicKey)
|
|
userPublicKey = publicKey
|
|
userDisplayName = contactDetails.displayName
|
|
userName = contactDetails.alias
|
|
userNickname = contactDetails.localNickname
|
|
userEnsName = contactDetails.name
|
|
userIcon = contactDetails.displayIcon
|
|
userIsEnsVerified = contactDetails.ensVerified
|
|
userIsBlocked = contactDetails.isBlocked
|
|
isAddedContact = contactDetails.isContact
|
|
|
|
text = "" // this is most likely unneeded
|
|
isCurrentUser = userProfile.pubKey === publicKey
|
|
showFooter = !isCurrentUser
|
|
popup.open()
|
|
}
|
|
|
|
header.title: userDisplayName
|
|
header.subTitle: userIsEnsVerified ? userName : userPublicKey
|
|
header.subTitleElide: Text.ElideMiddle
|
|
header.image.source: userIcon
|
|
|
|
headerActionButton: StatusFlatRoundButton {
|
|
type: StatusFlatRoundButton.Type.Secondary
|
|
width: 32
|
|
height: 32
|
|
|
|
icon.width: 20
|
|
icon.height: 20
|
|
icon.name: "qr"
|
|
onClicked: contentItem.qrCodePopup.open()
|
|
}
|
|
|
|
contentItem: Item {
|
|
width: popup.width
|
|
height: modalContent.height
|
|
|
|
property alias qrCodePopup: qrCodePopup
|
|
property alias unblockContactConfirmationDialog: unblockContactConfirmationDialog
|
|
property alias blockContactConfirmationDialog: blockContactConfirmationDialog
|
|
property alias removeContactConfirmationDialog: removeContactConfirmationDialog
|
|
|
|
Column {
|
|
id: modalContent
|
|
anchors.top: parent.top
|
|
width: parent.width
|
|
|
|
Item {
|
|
height: 16
|
|
width: parent.width
|
|
}
|
|
|
|
StatusDescriptionListItem {
|
|
title: userIsEnsVerified ?
|
|
qsTr("ENS username") :
|
|
qsTr("Username")
|
|
subTitle: userIsEnsVerified ? userEnsName : userName
|
|
tooltip.text: qsTr("Copy to clipboard")
|
|
icon.name: "copy"
|
|
iconButton.onClicked: {
|
|
globalUtils.copyToClipboard(subTitle)
|
|
tooltip.visible = !tooltip.visible
|
|
}
|
|
width: parent.width
|
|
}
|
|
|
|
StatusDescriptionListItem {
|
|
title: qsTr("Chat key")
|
|
subTitle: userPublicKey
|
|
subTitleComponent.elide: Text.ElideMiddle
|
|
subTitleComponent.width: 320
|
|
subTitleComponent.font.family: Theme.palette.monoFont.name
|
|
tooltip.text: qsTr("Copy to clipboard")
|
|
icon.name: "copy"
|
|
iconButton.onClicked: {
|
|
globalUtils.copyToClipboard(subTitle)
|
|
tooltip.visible = !tooltip.visible
|
|
}
|
|
width: parent.width
|
|
}
|
|
|
|
StatusModalDivider {
|
|
topPadding: 12
|
|
bottomPadding: 16
|
|
}
|
|
|
|
StatusDescriptionListItem {
|
|
title: qsTr("Share Profile URL")
|
|
subTitle: {
|
|
let user = ""
|
|
if (isCurrentUser) {
|
|
user = userProfile.name
|
|
} else {
|
|
if (userIsEnsVerified) {
|
|
user = userEnsName
|
|
}
|
|
}
|
|
if (user === ""){
|
|
user = userPublicKey.substr(0, 4) + "..." + userPublicKey.substr(userPublicKey.length - 5)
|
|
}
|
|
return Constants.userLinkPrefix + user;
|
|
}
|
|
tooltip.text: qsTr("Copy to clipboard")
|
|
icon.name: "copy"
|
|
iconButton.onClicked: {
|
|
let user = ""
|
|
if (isCurrentUser) {
|
|
user = userProfile.name
|
|
} else {
|
|
if (userIsEnsVerified) {
|
|
user = userName.startsWith("@") ? userName.substring(1) : userName
|
|
}
|
|
}
|
|
if (user === ""){
|
|
user = userPublicKey
|
|
}
|
|
|
|
globalUtils.copyToClipboard(subTitle)
|
|
tooltip.visible = !tooltip.visible
|
|
}
|
|
width: parent.width
|
|
}
|
|
|
|
StatusModalDivider {
|
|
visible: !isCurrentUser
|
|
topPadding: 8
|
|
bottomPadding: 12
|
|
}
|
|
|
|
StatusDescriptionListItem {
|
|
visible: !isCurrentUser
|
|
title: qsTr("Chat settings")
|
|
subTitle: qsTr("Nickname")
|
|
value: userNickname ? userNickname : qsTr("None")
|
|
sensor.enabled: true
|
|
sensor.onClicked: {
|
|
nicknamePopup.open()
|
|
}
|
|
width: parent.width
|
|
}
|
|
|
|
Item {
|
|
visible: !isCurrentUser
|
|
width: parent.width
|
|
height: 16
|
|
}
|
|
}
|
|
|
|
// TODO: replace with StatusModal
|
|
ModalPopup {
|
|
id: qrCodePopup
|
|
width: 320
|
|
height: 320
|
|
Image {
|
|
asynchronous: true
|
|
fillMode: Image.PreserveAspectFit
|
|
source: globalUtils.qrCode(userPublicKey)
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
height: 212
|
|
width: 212
|
|
mipmap: true
|
|
smooth: false
|
|
}
|
|
}
|
|
|
|
UnblockContactConfirmationDialog {
|
|
id: unblockContactConfirmationDialog
|
|
onUnblockButtonClicked: {
|
|
popup.contactsStore.unblockContact(userPublicKey)
|
|
unblockContactConfirmationDialog.close();
|
|
popup.close()
|
|
popup.contactUnblocked(userPublicKey)
|
|
}
|
|
}
|
|
|
|
BlockContactConfirmationDialog {
|
|
id: blockContactConfirmationDialog
|
|
onBlockButtonClicked: {
|
|
popup.contactsStore.blockContact(userPublicKey)
|
|
blockContactConfirmationDialog.close();
|
|
popup.close()
|
|
|
|
popup.contactBlocked(userPublicKey)
|
|
}
|
|
}
|
|
|
|
ConfirmationDialog {
|
|
id: removeContactConfirmationDialog
|
|
header.title: qsTr("Remove contact")
|
|
confirmationText: qsTr("Are you sure you want to remove this contact?")
|
|
onConfirmButtonClicked: {
|
|
if (isAddedContact) {
|
|
popup.contactsStore.removeContact(userPublicKey);
|
|
}
|
|
removeContactConfirmationDialog.close();
|
|
popup.close();
|
|
}
|
|
}
|
|
|
|
NicknamePopup {
|
|
id: nicknamePopup
|
|
nickname: popup.userNickname
|
|
header.subTitle: popup.header.subTitle
|
|
header.subTitleElide: popup.header.subTitleElide
|
|
onDoneClicked: {
|
|
if(popup.userNickname !== newNickname)
|
|
{
|
|
popup.userNickname = newNickname;
|
|
popup.contactsStore.changeContactNickname(userPublicKey, newNickname);
|
|
}
|
|
popup.close()
|
|
}
|
|
}
|
|
}
|
|
|
|
rightButtons: [
|
|
StatusFlatButton {
|
|
text: userIsBlocked ?
|
|
qsTr("Unblock User") :
|
|
qsTr("Block User")
|
|
type: StatusBaseButton.Type.Danger
|
|
onClicked: {
|
|
if (userIsBlocked) {
|
|
contentItem.unblockContactConfirmationDialog.contactName = userName;
|
|
contentItem.unblockContactConfirmationDialog.contactAddress = userPublicKey;
|
|
contentItem.unblockContactConfirmationDialog.open();
|
|
return;
|
|
}
|
|
contentItem.blockContactConfirmationDialog.contactName = userName;
|
|
contentItem.blockContactConfirmationDialog.contactAddress = userPublicKey;
|
|
contentItem.blockContactConfirmationDialog.open();
|
|
}
|
|
},
|
|
|
|
StatusFlatButton {
|
|
visible: !userIsBlocked && isAddedContact
|
|
type: StatusBaseButton.Type.Danger
|
|
text: qsTr('Remove Contact')
|
|
onClicked: {
|
|
contentItem.removeContactConfirmationDialog.parentPopup = popup;
|
|
contentItem.removeContactConfirmationDialog.open();
|
|
}
|
|
},
|
|
|
|
StatusButton {
|
|
text: qsTr("Add to contacts")
|
|
visible: !userIsBlocked && !isAddedContact
|
|
onClicked: {
|
|
popup.contactsStore.addContact(userPublicKey);
|
|
popup.contactAdded(userPublicKey);
|
|
popup.close();
|
|
}
|
|
}
|
|
]
|
|
}
|