mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-14 07:39:05 +00:00
95407cc1e0
Fixes #6220 Fixes the issue with the mutual contact icon showing when just added. It also does a huge cleanup of the codebase to remove isContact and replace it with either isAdded, when we care only about if we added, or isMutualContact if we want the contact to be mutual Also fixes an issue with the MessageContextMenu not reflecting the added state correctly.
359 lines
14 KiB
QML
359 lines
14 KiB
QML
import QtQuick 2.13
|
||
import QtQuick.Controls 2.13
|
||
import QtQuick.Layouts 1.13
|
||
|
||
import StatusQ.Core 0.1
|
||
import StatusQ.Components 0.1
|
||
import StatusQ.Controls 0.1
|
||
import StatusQ.Core.Theme 0.1
|
||
|
||
import utils 1.0
|
||
|
||
import shared.views 1.0
|
||
import shared.panels 1.0
|
||
import shared.popups 1.0
|
||
import shared.controls 1.0
|
||
|
||
import "../stores"
|
||
import "../panels"
|
||
import "../popups"
|
||
|
||
SettingsContentBase {
|
||
id: root
|
||
onWidthChanged: { contentItem.width = width; }
|
||
onHeightChanged: { contentItem.height = height; }
|
||
property ContactsStore contactsStore
|
||
|
||
property alias searchStr: searchBox.text
|
||
property bool isPending: false
|
||
|
||
headerComponents: [
|
||
StatusButton {
|
||
text: qsTr("Send contact request to chat key")
|
||
onClicked: {
|
||
sendContactRequest.open()
|
||
}
|
||
}
|
||
]
|
||
|
||
Item {
|
||
id: contentItem
|
||
|
||
SearchBox {
|
||
id: searchBox
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
input.implicitHeight: 44
|
||
input.placeholderText: qsTr("Search by a display name or chat key")
|
||
}
|
||
|
||
StatusTabBar {
|
||
id: contactsTabBar
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
anchors.top: searchBox.bottom
|
||
anchors.topMargin: (2 * Style.current.padding)
|
||
|
||
StatusTabButton {
|
||
id: contactsBtn
|
||
width: implicitWidth
|
||
text: qsTr("Contacts")
|
||
}
|
||
StatusTabButton {
|
||
id: pendingRequestsBtn
|
||
width: implicitWidth
|
||
enabled: root.contactsStore.receivedContactRequestsModel.count > 0 ||
|
||
root.contactsStore.sentContactRequestsModel.count > 0
|
||
text: qsTr("Pending Requests")
|
||
badge.value: root.contactsStore.receivedContactRequestsModel.count
|
||
}
|
||
// Temporary commented until we provide appropriate flags on the `status-go` side to cover all sections.
|
||
// StatusTabButton {
|
||
// id: rejectedRequestsBtn
|
||
// width: implicitWidth
|
||
// enabled: root.contactsStore.receivedButRejectedContactRequestsModel.count > 0 ||
|
||
// root.contactsStore.sentButRejectedContactRequestsModel.count > 0
|
||
// btnText: qsTr("Rejected Requests")
|
||
// }
|
||
StatusTabButton {
|
||
id: blockedBtn
|
||
width: implicitWidth
|
||
enabled: root.contactsStore.blockedContactsModel.count > 0
|
||
text: qsTr("Blocked")
|
||
}
|
||
}
|
||
|
||
StackLayout {
|
||
id: stackLayout
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
anchors.top: contactsTabBar.bottom
|
||
anchors.bottom: parent.bottom
|
||
currentIndex: contactsTabBar.currentIndex
|
||
// CONTACTS
|
||
Column {
|
||
ContactsListPanel {
|
||
id: verifiedContacts
|
||
width: parent.width
|
||
height: ((contactsListHeight < (stackLayout.height/2)) ? contactsListHeight :
|
||
(stackLayout.height-mutualContacts.contactsListHeight))
|
||
scrollbarOn: mutualContacts.contactsListHeight > (stackLayout.height/2) ?
|
||
(contactsListHeight > (stackLayout.height/2)) : (contactsListHeight > parent.height)
|
||
title: qsTr("Identity Verified Contacts")
|
||
contactsModel: root.contactsStore.myContactsModel
|
||
searchString: searchBox.text
|
||
panelUsage: Constants.contactsPanelUsage.verifiedMutualContacts
|
||
onOpenProfilePopup: {
|
||
Global.openProfilePopup(publicKey)
|
||
}
|
||
onSendMessageActionTriggered: {
|
||
root.contactsStore.joinPrivateChat(publicKey)
|
||
}
|
||
|
||
onOpenChangeNicknamePopup: {
|
||
Global.openProfilePopup(publicKey, null, "openNickname")
|
||
}
|
||
}
|
||
|
||
ContactsListPanel {
|
||
id: mutualContacts
|
||
width: parent.width
|
||
height: (contactsListHeight+50)
|
||
scrollbarOn: verifiedContacts.contactsListHeight > (stackLayout.height/2) ?
|
||
(contactsListHeight > (stackLayout.height/2)) : (contactsListHeight > parent.height)
|
||
title: qsTr("Contacts")
|
||
contactsModel: root.contactsStore.myContactsModel
|
||
searchString: searchBox.text
|
||
panelUsage: Constants.contactsPanelUsage.mutualContacts
|
||
onOpenProfilePopup: {
|
||
Global.openProfilePopup(publicKey)
|
||
}
|
||
|
||
onSendMessageActionTriggered: {
|
||
root.contactsStore.joinPrivateChat(publicKey)
|
||
}
|
||
|
||
onOpenChangeNicknamePopup: {
|
||
Global.openProfilePopup(publicKey, null, "openNickname")
|
||
}
|
||
}
|
||
Item {
|
||
width: parent.width
|
||
height: parent.height
|
||
NoFriendsRectangle {
|
||
anchors.centerIn: parent
|
||
visible: root.contactsStore.myContactsModel.count === 0
|
||
text: qsTr("You don’t have any contacts yet")
|
||
}
|
||
}
|
||
}
|
||
|
||
// PENDING REQUESTS
|
||
Column {
|
||
ContactsListPanel {
|
||
id: receivedRequests
|
||
width: parent.width
|
||
height: ((contactsListHeight < (stackLayout.height/2)) ? contactsListHeight :
|
||
(stackLayout.height-sentRequests.contactsListHeight))
|
||
scrollbarOn: (sentRequests.contactsListHeight > (stackLayout.height/2)) ?
|
||
(contactsListHeight > (stackLayout.height/2)) :
|
||
(contactsListHeight > (stackLayout.height - sentRequests.contactsListHeight))
|
||
title: qsTr("Received")
|
||
searchString: searchBox.text
|
||
contactsModel: root.contactsStore.receivedContactRequestsModel
|
||
panelUsage: Constants.contactsPanelUsage.receivedContactRequest
|
||
|
||
onOpenProfilePopup: {
|
||
Global.openProfilePopup(publicKey)
|
||
}
|
||
|
||
onOpenChangeNicknamePopup: {
|
||
Global.openProfilePopup(publicKey, null, "openNickname")
|
||
}
|
||
|
||
onContactRequestAccepted: {
|
||
root.contactsStore.acceptContactRequest(publicKey)
|
||
}
|
||
|
||
onContactRequestRejected: {
|
||
root.contactsStore.rejectContactRequest(publicKey)
|
||
}
|
||
|
||
onShowVerificationRequest: {
|
||
try {
|
||
let request = root.contactsStore.getVerificationDetailsFromAsJson(publicKey)
|
||
Global.openPopup(contactVerificationRequestPopupComponent, {
|
||
senderPublicKey: request.from,
|
||
senderDisplayName: request.displayName,
|
||
senderIcon: request.icon,
|
||
challengeText: request.challenge,
|
||
responseText: request.response,
|
||
messageTimestamp: request.requestedAt,
|
||
responseTimestamp: request.repliedAt
|
||
})
|
||
} catch (e) {
|
||
console.error("Error getting or parsing verification data", e)
|
||
}
|
||
}
|
||
}
|
||
|
||
ContactsListPanel {
|
||
id: sentRequests
|
||
width: parent.width
|
||
height: (contactsListHeight+50)
|
||
scrollbarOn: (receivedRequests.contactsListHeight > (stackLayout.height/2)) ?
|
||
(contactsListHeight > (stackLayout.height/2)) :
|
||
(contactsListHeight > (stackLayout.height - receivedRequests.contactsListHeight))
|
||
title: qsTr("Sent")
|
||
searchString: searchBox.text
|
||
contactsModel: root.contactsStore.sentContactRequestsModel
|
||
panelUsage: Constants.contactsPanelUsage.sentContactRequest
|
||
|
||
onOpenProfilePopup: {
|
||
Global.openProfilePopup(publicKey)
|
||
}
|
||
|
||
onOpenChangeNicknamePopup: {
|
||
Global.openProfilePopup(publicKey, null, "openNickname")
|
||
}
|
||
}
|
||
}
|
||
|
||
// Temporary commented until we provide appropriate flags on the `status-go` side to cover all sections.
|
||
// // REJECTED REQUESTS
|
||
// Item {
|
||
// Layout.fillWidth: true
|
||
// //Layout.fillHeight: true
|
||
|
||
// ColumnLayout {
|
||
// //anchors.fill: parent
|
||
|
||
// ContactsListPanel {
|
||
// Layout.fillWidth: true
|
||
// Layout.preferredHeight: root.height * 0.5
|
||
// clip: true
|
||
// title: qsTr("Received")
|
||
// searchString: searchBox.text
|
||
// contactsModel: root.contactsStore.receivedButRejectedContactRequestsModel
|
||
// panelUsage: Constants.contactsPanelUsage.rejectedReceivedContactRequest
|
||
|
||
// onOpenProfilePopup: {
|
||
// Global.openProfilePopup(publicKey)
|
||
// }
|
||
|
||
// onOpenChangeNicknamePopup: {
|
||
// Global.openProfilePopup(publicKey, null, true)
|
||
// }
|
||
|
||
// onRejectionRemoved: {
|
||
// root.contactsStore.removeContactRequestRejection(publicKey)
|
||
// }
|
||
// }
|
||
|
||
// ContactsListPanel {
|
||
// Layout.fillWidth: true
|
||
// Layout.preferredHeight: root.height * 0.5
|
||
// clip: true
|
||
// title: qsTr("Sent")
|
||
// searchString: searchBox.text
|
||
// contactsModel: root.contactsStore.sentButRejectedContactRequestsModel
|
||
// panelUsage: Constants.contactsPanelUsage.rejectedSentContactRequest
|
||
|
||
// onOpenProfilePopup: {
|
||
// Global.openProfilePopup(publicKey)
|
||
// }
|
||
|
||
// onOpenChangeNicknamePopup: {
|
||
// Global.openProfilePopup(publicKey, null, true)
|
||
// }
|
||
// }
|
||
|
||
// Item {
|
||
// Layout.fillWidth: true
|
||
// Layout.fillHeight: true
|
||
// }
|
||
// }
|
||
// }
|
||
|
||
// BLOCKED
|
||
ContactsListPanel {
|
||
width: parent.width
|
||
height: (contactsListHeight+50)
|
||
searchString: searchBox.text
|
||
contactsModel: root.contactsStore.blockedContactsModel
|
||
panelUsage: Constants.contactsPanelUsage.blockedContacts
|
||
onOpenProfilePopup: {
|
||
Global.openProfilePopup(publicKey)
|
||
}
|
||
}
|
||
}
|
||
|
||
Component {
|
||
id: loadingIndicator
|
||
StatusLoadingIndicator {
|
||
width: 12
|
||
height: 12
|
||
}
|
||
}
|
||
|
||
// TODO: Make BlockContactConfirmationDialog a dynamic component on a future refactor
|
||
BlockContactConfirmationDialog {
|
||
id: blockContactConfirmationDialog
|
||
onBlockButtonClicked: {
|
||
root.contactsStore.blockContact(blockContactConfirmationDialog.contactAddress)
|
||
blockContactConfirmationDialog.close()
|
||
}
|
||
}
|
||
|
||
|
||
// TODO: Make ConfirmationDialog a dynamic component on a future refactor
|
||
ConfirmationDialog {
|
||
id: removeContactConfirmationDialog
|
||
header.title: qsTr("Remove contact")
|
||
confirmationText: qsTr("Are you sure you want to remove this contact?")
|
||
onConfirmButtonClicked: {
|
||
if (Utils.getContactDetailsAsJson(removeContactConfirmationDialog.value).isAdded) {
|
||
root.contactsStore.removeContact(removeContactConfirmationDialog.value);
|
||
}
|
||
removeContactConfirmationDialog.close()
|
||
}
|
||
}
|
||
|
||
Component {
|
||
id: contactVerificationRequestPopupComponent
|
||
ContactVerificationRequestPopup {
|
||
onResponseSent: {
|
||
root.contactsStore.acceptVerificationRequest(senderPublicKey, response)
|
||
}
|
||
onVerificationRefused: {
|
||
root.contactsStore.declineVerificationRequest(senderPublicKey)
|
||
}
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
id: sendContactRequest
|
||
width: parent.width
|
||
height: parent.height
|
||
active: false
|
||
|
||
function open() {
|
||
active = true
|
||
sendContactRequest.item.open()
|
||
}
|
||
function close() {
|
||
active = false
|
||
}
|
||
|
||
sourceComponent: SendContactRequestModal {
|
||
anchors.centerIn: parent
|
||
contactsStore: root.contactsStore
|
||
onClosed: {
|
||
sendContactRequest.close();
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|