1190 lines
52 KiB
QML
1190 lines
52 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Layouts 1.14
|
|
|
|
import utils 1.0
|
|
import shared.panels 1.0
|
|
import shared.status 1.0
|
|
import shared.controls 1.0
|
|
import shared.popups 1.0
|
|
import shared.views.chat 1.0
|
|
import shared.controls.chat 1.0
|
|
import shared.stores 1.0
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Core.Utils 0.1 as StatusQUtils
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Components 0.1
|
|
|
|
Loader {
|
|
id: root
|
|
|
|
property var rootStore
|
|
property var messageStore
|
|
property var usersStore
|
|
property var contactsStore
|
|
property var chatContentModule
|
|
property var chatCommunitySectionModule
|
|
|
|
property string channelEmoji
|
|
|
|
property var chatLogView
|
|
property var emojiPopup
|
|
property var stickersPopup
|
|
|
|
// Once we redo qml we will know all section/chat related details in each message form the parent components
|
|
// without an explicit need to fetch those details via message store/module.
|
|
property bool isChatBlocked: false
|
|
|
|
property string chatId
|
|
property string messageId: ""
|
|
property string communityId: ""
|
|
|
|
property string senderId: ""
|
|
property string senderDisplayName: ""
|
|
property string senderOptionalName: ""
|
|
property bool senderIsEnsVerified: false
|
|
property string senderIcon: ""
|
|
//TODO: provide the sender color hash from nim model in case of ContactVerificationRequest, OngoingContactVerificationRequest or PinnedMessagesPopupremove
|
|
property var senderColorHash: senderId != "" ? Utils.getColorHashAsJson(senderId, senderIsEnsVerified) : ""
|
|
property bool amISender: false
|
|
property bool amIChatAdmin: messageStore && messageStore.amIChatAdmin
|
|
property bool senderIsAdded: false
|
|
property int senderTrustStatus: Constants.trustStatus.unknown
|
|
property string messageText: ""
|
|
property string unparsedText: ""
|
|
property string messageImage: ""
|
|
property double messageTimestamp: 0 // We use double, because QML's int is too small
|
|
property string messageOutgoingStatus: ""
|
|
property string resendError: ""
|
|
property int messageContentType: Constants.messageContentType.messageType
|
|
|
|
property bool pinnedMessage: false
|
|
property string messagePinnedBy: ""
|
|
property var reactionsModel: []
|
|
property var linkPreviewModel
|
|
property string messageAttachments: ""
|
|
property var transactionParams
|
|
property var emojiReactionsModel
|
|
|
|
// These 2 properties can be dropped when the new unfurling flow supports GIFs
|
|
property var links
|
|
readonly property var gifLinks: {
|
|
if (!links)
|
|
return []
|
|
const arr = links.split(" ")
|
|
return arr.filter(value => value.toLowerCase().endsWith('.gif'))
|
|
}
|
|
|
|
property string responseToMessageWithId: ""
|
|
property string quotedMessageText: ""
|
|
property string quotedMessageFrom: ""
|
|
property int quotedMessageContentType: Constants.messageContentType.messageType
|
|
property int quotedMessageFromIterator: -1
|
|
property bool quotedMessageDeleted: false
|
|
property string quotedMessageAuthorDetailsName: ""
|
|
property string quotedMessageAuthorDetailsDisplayName: ""
|
|
property string quotedMessageAuthorDetailsThumbnailImage: ""
|
|
property bool quotedMessageAuthorDetailsEnsVerified: false
|
|
property bool quotedMessageAuthorDetailsIsContact: false
|
|
property var quotedMessageAuthorDetailsColorHash
|
|
|
|
property var album: []
|
|
property int albumCount: 0
|
|
|
|
property var quotedMessageAlbumMessageImages: []
|
|
property var quotedMessageAlbumImagesCount: 0
|
|
|
|
// External behavior changers
|
|
property bool isInPinnedPopup: false // The pinned popup limits the number of buttons shown
|
|
property bool isViewMemberMessagesePopup: false // The view member messages popup limits the number of buttons
|
|
property bool disableHover: false // Used to force the HoverHandler to be active (useful for messages in popups)
|
|
property bool placeholderMessage: false
|
|
|
|
property int gapFrom: 0
|
|
property int gapTo: 0
|
|
|
|
property int prevMessageIndex: -1
|
|
property int prevMessageContentType: prevMessageAsJsonObj ? prevMessageAsJsonObj.contentType : Constants.messageContentType.unknownContentType
|
|
property bool prevMessageDeleted: false
|
|
property double prevMessageTimestamp: prevMessageAsJsonObj ? prevMessageAsJsonObj.timestamp : 0
|
|
property string prevMessageSenderId: prevMessageAsJsonObj ? prevMessageAsJsonObj.senderId : ""
|
|
property var prevMessageAsJsonObj
|
|
property int nextMessageIndex: -1
|
|
property double nextMessageTimestamp: nextMessageAsJsonObj ? nextMessageAsJsonObj.timestamp : 0
|
|
property var nextMessageAsJsonObj
|
|
|
|
property bool editModeOn: false
|
|
property bool isEdited: false
|
|
|
|
property bool deleted: false
|
|
property string deletedBy: ""
|
|
property string deletedByContactDisplayName: ""
|
|
property string deletedByContactIcon: ""
|
|
property string deletedByContactColorHash: ""
|
|
|
|
property bool shouldRepeatHeader: d.getShouldRepeatHeader(messageTimestamp, prevMessageTimestamp, messageOutgoingStatus)
|
|
|
|
property bool hasMention: false
|
|
|
|
property bool stickersLoaded: false
|
|
property string sticker
|
|
property int stickerPack: -1
|
|
property string bridgeName: ""
|
|
|
|
property bool isEmoji: messageContentType === Constants.messageContentType.emojiType
|
|
property bool isImage: messageContentType === Constants.messageContentType.imageType || (isDiscordMessage && messageImage != "")
|
|
property bool isAudio: messageContentType === Constants.messageContentType.audioType
|
|
property bool isSticker: messageContentType === Constants.messageContentType.stickerType
|
|
property bool isDiscordMessage: messageContentType === Constants.messageContentType.discordMessageType
|
|
property bool isBridgeMessage: messageContentType === Constants.messageContentType.bridgeMessageType
|
|
property bool isText: messageContentType === Constants.messageContentType.messageType || messageContentType === Constants.messageContentType.contactRequestType || isDiscordMessage || isBridgeMessage
|
|
property bool isMessage: isEmoji || isImage || isSticker || isText || isAudio
|
|
|| messageContentType === Constants.messageContentType.communityInviteType || messageContentType === Constants.messageContentType.transactionType
|
|
|
|
readonly property bool isExpired: d.getIsExpired(messageTimestamp, messageOutgoingStatus)
|
|
readonly property bool isSending: messageOutgoingStatus === Constants.sending && !isExpired
|
|
|
|
function openProfileContextMenu(sender, mouse, isReply = false) {
|
|
if (isReply && !quotedMessageFrom) {
|
|
// The responseTo message was deleted
|
|
// so we don't enable to right click the unavailable profile
|
|
return false
|
|
}
|
|
|
|
const params = {
|
|
selectedUserPublicKey: isReply ? quotedMessageFrom : root.senderId,
|
|
selectedUserDisplayName: isReply ? quotedMessageAuthorDetailsDisplayName : root.senderDisplayName,
|
|
selectedUserIcon: isReply ? quotedMessageAuthorDetailsThumbnailImage : root.senderIcon,
|
|
isBridgedAccount: isReply ? (quotedMessageContentType === Constants.messageContentType.bridgeMessageType) : root.isBridgeMessage
|
|
}
|
|
|
|
Global.openMenu(profileContextMenuComponent, sender, params)
|
|
}
|
|
|
|
function openMessageContextMenu() {
|
|
if (placeholderMessage || !root.rootStore.mainModuleInst.activeSection.joined)
|
|
return
|
|
|
|
const params = {
|
|
myPublicKey: userProfile.pubKey,
|
|
amIChatAdmin: root.amIChatAdmin,
|
|
pinMessageAllowedForMembers: messageStore.isPinMessageAllowedForMembers,
|
|
chatType: messageStore.chatType,
|
|
|
|
messageId: root.messageId,
|
|
unparsedText: root.unparsedText,
|
|
messageSenderId: root.senderId,
|
|
messageContentType: root.messageContentType,
|
|
pinnedMessage: root.pinnedMessage,
|
|
canPin: !!root.messageStore && root.messageStore.getNumberOfPinnedMessages() < Constants.maxNumberOfPins,
|
|
editRestricted: root.isSticker || root.isImage,
|
|
}
|
|
|
|
Global.openMenu(messageContextMenuComponent, this, params)
|
|
}
|
|
|
|
function setMessageActive(messageId, active) {
|
|
|
|
// TODO: Is argument messageId actually needed?
|
|
// It was probably used with dynamic scoping,
|
|
// but not this method can be moved to private `d`.
|
|
// Probably that it was done this way, because `MessageView` is reused as delegate.
|
|
|
|
if (active) {
|
|
d.activeMessage = messageId;
|
|
return;
|
|
}
|
|
if (d.activeMessage === messageId) {
|
|
d.activeMessage = "";
|
|
return;
|
|
}
|
|
}
|
|
|
|
signal showReplyArea(string messageId, string author)
|
|
|
|
|
|
function startMessageFoundAnimation() {
|
|
root.item.startMessageFoundAnimation();
|
|
}
|
|
|
|
signal openStickerPackPopup(string stickerPackId)
|
|
|
|
z: (typeof chatLogView === "undefined") ? 1 : (chatLogView.count - index)
|
|
|
|
asynchronous: true
|
|
|
|
sourceComponent: {
|
|
if (root.deleted) {
|
|
return deletedMessageComponent
|
|
}
|
|
switch(messageContentType) {
|
|
case Constants.messageContentType.chatIdentifier:
|
|
return channelIdentifierComponent
|
|
case Constants.messageContentType.fetchMoreMessagesButton:
|
|
return fetchMoreMessagesButtonComponent
|
|
case Constants.messageContentType.systemMessagePrivateGroupType: // no break
|
|
return systemMessageGroupComponent
|
|
case Constants.messageContentType.systemMessageMutualEventSent:
|
|
case Constants.messageContentType.systemMessageMutualEventAccepted:
|
|
case Constants.messageContentType.systemMessageMutualEventRemoved:
|
|
return systemMessageMutualEventComponent
|
|
case Constants.messageContentType.systemMessagePinnedMessage:
|
|
return systemMessagePinnedMessageComponent
|
|
case Constants.messageContentType.gapType:
|
|
return gapComponent
|
|
case Constants.messageContentType.newMessagesMarker:
|
|
return newMessagesMarkerComponent
|
|
case Constants.messageContentType.messageType:
|
|
case Constants.messageContentType.stickerType:
|
|
case Constants.messageContentType.emojiType:
|
|
case Constants.messageContentType.transactionType:
|
|
case Constants.messageContentType.imageType:
|
|
case Constants.messageContentType.audioType:
|
|
case Constants.messageContentType.communityInviteType:
|
|
case Constants.messageContentType.discordMessageType:
|
|
case Constants.messageContentType.contactRequestType:
|
|
case Constants.messageContentType.bridgeMessageType:
|
|
return messageComponent
|
|
case Constants.messageContentType.unknownContentType:
|
|
// NOTE: We could display smth like "unknown message type, please upgrade Status to see it".
|
|
return null
|
|
default:
|
|
return null
|
|
}
|
|
}
|
|
|
|
QtObject {
|
|
id: d
|
|
|
|
readonly property int chatButtonSize: 32
|
|
property bool hideMessage: false
|
|
|
|
property string activeMessage
|
|
readonly property bool isMessageActive: d.activeMessage === root.messageId
|
|
|
|
|
|
readonly property bool addReactionAllowed: !root.isInPinnedPopup &&
|
|
root.chatContentModule.chatDetails.canPostReactions &&
|
|
!root.isViewMemberMessagesePopup
|
|
|
|
function nextMessageHasHeader() {
|
|
if(!root.nextMessageAsJsonObj) {
|
|
return false
|
|
}
|
|
return root.senderId !== root.nextMessageAsJsonObj.senderId ||
|
|
d.getShouldRepeatHeader(root.nextMessageAsJsonObj.timeStamp, root.messageTimestamp, root.nextMessageAsJsonObj.outgoingStatus) ||
|
|
root.nextMessageAsJsonObj.responseToMessageWithId !== ""
|
|
}
|
|
|
|
function getShouldRepeatHeader(messageTimeStamp, prevMessageTimeStamp, messageOutgoingStatus) {
|
|
return ((messageTimeStamp - prevMessageTimeStamp) / 60 / 1000) > Constants.repeatHeaderInterval
|
|
|| d.getIsExpired(messageTimeStamp, messageOutgoingStatus)
|
|
}
|
|
|
|
function getIsExpired(messageTimeStamp, messageOutgoingStatus) {
|
|
return (messageOutgoingStatus === Constants.sending && (Math.floor(messageTimeStamp) + 180000) < Date.now()) || messageOutgoingStatus === Constants.expired
|
|
}
|
|
|
|
function convertContentType(value) {
|
|
switch (value) {
|
|
case Constants.messageContentType.contactRequestType:
|
|
case Constants.messageContentType.messageType:
|
|
return StatusMessage.ContentType.Text;
|
|
case Constants.messageContentType.stickerType:
|
|
return StatusMessage.ContentType.Sticker;
|
|
case Constants.messageContentType.emojiType:
|
|
return StatusMessage.ContentType.Emoji;
|
|
case Constants.messageContentType.transactionType:
|
|
return StatusMessage.ContentType.Transaction;
|
|
case Constants.messageContentType.imageType:
|
|
return StatusMessage.ContentType.Image;
|
|
case Constants.messageContentType.audioType:
|
|
return StatusMessage.ContentType.Audio;
|
|
case Constants.messageContentType.communityInviteType:
|
|
return StatusMessage.ContentType.Invitation;
|
|
case Constants.messageContentType.discordMessageType:
|
|
return StatusMessage.ContentType.DiscordMessage;
|
|
case Constants.messageContentType.bridgeMessageType:
|
|
return StatusMessage.ContentType.BridgeMessage;
|
|
case Constants.messageContentType.systemMessagePinnedMessage:
|
|
return StatusMessage.ContentType.SystemMessagePinnedMessage;
|
|
case Constants.messageContentType.systemMessageMutualEventSent:
|
|
return StatusMessage.ContentType.SystemMessageMutualEventSent;
|
|
case Constants.messageContentType.systemMessageMutualEventAccepted:
|
|
return StatusMessage.ContentType.SystemMessageMutualEventAccepted;
|
|
case Constants.messageContentType.systemMessageMutualEventRemoved:
|
|
return StatusMessage.ContentType.SystemMessageMutualEventRemoved;
|
|
case Constants.messageContentType.fetchMoreMessagesButton:
|
|
case Constants.messageContentType.chatIdentifier:
|
|
case Constants.messageContentType.unknownContentType:
|
|
case Constants.messageContentType.statusType:
|
|
case Constants.messageContentType.systemMessagePrivateGroupType:
|
|
case Constants.messageContentType.gapType:
|
|
default:
|
|
return StatusMessage.ContentType.Unknown;
|
|
}
|
|
}
|
|
|
|
function addReactionClicked(mouseArea, mouse) {
|
|
if (!d.addReactionAllowed)
|
|
return
|
|
// Don't use mouseArea as parent, as it will be destroyed right after opening menu
|
|
const point = mouseArea.mapToItem(root, mouse.x, mouse.y)
|
|
Global.openMenu(addReactionContextMenu, root, {}, point)
|
|
}
|
|
|
|
function onImageClicked(image, mouse, imageSource, url = "") {
|
|
switch (mouse.button) {
|
|
case Qt.LeftButton:
|
|
Global.openImagePopup(image, url)
|
|
break;
|
|
case Qt.RightButton:
|
|
Global.openMenu(imageContextMenuComponent, image, { imageSource, url })
|
|
break;
|
|
}
|
|
}
|
|
|
|
|
|
function correctBridgeNameCapitalization(bridgeName) {
|
|
return (bridgeName === "discord") ? "Discord" : bridgeName
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: gapComponent
|
|
GapComponent {
|
|
gapFrom: root.gapFrom
|
|
gapTo: root.gapTo
|
|
onClicked: {
|
|
messageStore.fillGaps(messageId)
|
|
root.visible = false;
|
|
root.height = 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: fetchMoreMessagesButtonComponent
|
|
FetchMoreMessagesButton {
|
|
nextMessageIndex: root.nextMessageIndex
|
|
nextMsgTimestamp: root.nextMessageTimestamp
|
|
onTimerTriggered: {
|
|
messageStore.requestMoreMessages();
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: channelIdentifierComponent
|
|
ChannelIdentifierView {
|
|
chatName: root.senderDisplayName
|
|
chatId: root.messageStore.getChatId()
|
|
chatType: root.messageStore.chatType
|
|
chatColor: root.messageStore.chatColor
|
|
chatEmoji: root.channelEmoji
|
|
amIChatAdmin: root.amIChatAdmin
|
|
chatIcon: {
|
|
if (root.messageStore.chatType === Constants.chatType.privateGroupChat &&
|
|
root.messageStore.chatIcon !== "") {
|
|
return root.messageStore.chatIcon
|
|
}
|
|
return root.senderIcon
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: systemMessageGroupComponent
|
|
|
|
StyledText {
|
|
wrapMode: Text.Wrap
|
|
|
|
readonly property string systemMessageText: root.messageText.length > 0 ? root.messageText : root.unparsedText
|
|
text: {
|
|
return `<html>`+
|
|
`<head>`+
|
|
`<style type="text/css">`+
|
|
`a {`+
|
|
`color: ${Style.current.textColor};`+
|
|
`text-decoration: none;`+
|
|
`}`+
|
|
`</style>`+
|
|
`</head>`+
|
|
`<body>`+
|
|
`${systemMessageText}`+
|
|
`</body>`+
|
|
`</html>`;
|
|
}
|
|
font.pixelSize: 14
|
|
color: Style.current.secondaryText
|
|
width: parent.width - 120
|
|
horizontalAlignment: Text.AlignHCenter
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
textFormat: Text.RichText
|
|
topPadding: root.prevMessageIndex === 1 ? Style.current.bigPadding : 0
|
|
}
|
|
}
|
|
|
|
Component{
|
|
id: systemMessageMutualEventComponent
|
|
|
|
StyledText {
|
|
text: {
|
|
var displayName = root.amISender ? Utils.getContactDetailsAsJson(chatId, false).displayName : root.senderDisplayName
|
|
switch (root.messageContentType) {
|
|
case Constants.messageContentType.systemMessageMutualEventSent:
|
|
return root.amISender ?
|
|
qsTr("You sent a contact request to %1").arg(displayName) :
|
|
qsTr("%1 sent you a contact request").arg(displayName)
|
|
case Constants.messageContentType.systemMessageMutualEventAccepted:
|
|
return root.amISender ?
|
|
qsTr("You accepted %1's contact request").arg(displayName) :
|
|
qsTr("%1 accepted your contact request").arg(displayName)
|
|
case Constants.messageContentType.systemMessageMutualEventRemoved:
|
|
return root.amISender ?
|
|
qsTr("You removed %1 as a contact").arg(displayName) :
|
|
qsTr("%1 removed you as a contact").arg(displayName)
|
|
default:
|
|
return root.messageText
|
|
}
|
|
}
|
|
font.pixelSize: 14
|
|
color: Style.current.secondaryText
|
|
width: parent.width - 120
|
|
horizontalAlignment: Text.AlignHCenter
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
textFormat: Text.RichText
|
|
topPadding: root.prevMessageIndex === 1 ? Style.current.bigPadding : 0
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: systemMessagePinnedMessageComponent
|
|
|
|
StatusBaseText {
|
|
width: parent.width - 120
|
|
horizontalAlignment: Text.AlignHCenter
|
|
text: qsTr("%1 pinned a message").arg(senderDisplayName)
|
|
color: Theme.palette.directColor3
|
|
font.family: Theme.palette.baseFont.name
|
|
font.pixelSize: Theme.primaryTextFontSize
|
|
textFormat: Text.RichText
|
|
wrapMode: Text.Wrap
|
|
topPadding: root.prevMessageIndex === 1 ? Style.current.bigPadding : 0
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: deletedMessageComponent
|
|
|
|
ColumnLayout {
|
|
|
|
RowLayout {
|
|
id: deletedMessage
|
|
height: 40
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 8
|
|
Layout.bottomMargin: 8
|
|
Layout.leftMargin: 16
|
|
spacing: 8
|
|
|
|
readonly property int smartIconSize: 20
|
|
readonly property int colorId: Utils.colorIdForPubkey(root.deletedBy)
|
|
readonly property var messageDetails: StatusMessageDetails {
|
|
sender.profileImage {
|
|
width: deletedMessage.smartIconSize
|
|
height: deletedMessage.smartIconSize
|
|
assetSettings: StatusAssetSettings {
|
|
width: deletedMessage.smartIconSize
|
|
height: deletedMessage.smartIconSize
|
|
name: root.deletedByContactIcon || ""
|
|
isLetterIdenticon: name === ""
|
|
imgIsIdenticon: false
|
|
charactersLen: 1
|
|
color: Theme.palette.userCustomizationColors[deletedMessage.colorId]
|
|
letterSize: 14
|
|
}
|
|
|
|
name: root.deletedByContactIcon || ""
|
|
pubkey: root.deletedBy
|
|
colorId: deletedMessage.colorId
|
|
colorHash: root.deletedByContactColorHash
|
|
showRing: true
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
Layout.preferredWidth: deletedMessage.height
|
|
Layout.preferredHeight: deletedMessage.height
|
|
|
|
radius: width / 2
|
|
color: Theme.palette.dangerColor3
|
|
Layout.alignment: Qt.AlignVCenter
|
|
|
|
StatusIcon {
|
|
anchors.centerIn: parent
|
|
width: 24
|
|
height: 24
|
|
icon: "delete"
|
|
color: Theme.palette.dangerColor1
|
|
}
|
|
}
|
|
|
|
StatusSmartIdenticon {
|
|
id: profileImage
|
|
Layout.preferredWidth: deletedMessage.smartIconSize
|
|
Layout.preferredHeight: deletedMessage.smartIconSize
|
|
Layout.alignment: Qt.AlignVCenter
|
|
visible: true
|
|
name: root.deletedByContactDisplayName
|
|
asset: deletedMessage.messageDetails.sender.profileImage.assetSettings
|
|
ringSettings: deletedMessage.messageDetails.sender.profileImage.ringSettings
|
|
}
|
|
|
|
StatusBaseText {
|
|
text: qsTr("<b>%1</b> deleted this message").arg(root.deletedByContactDisplayName)
|
|
Layout.alignment: Qt.AlignVCenter
|
|
}
|
|
|
|
StatusTimeStampLabel {
|
|
Layout.alignment: Qt.AlignVCenter
|
|
timestamp: root.messageTimestamp
|
|
showFullTimestamp: false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: messageComponent
|
|
|
|
ColumnLayout {
|
|
spacing: 0
|
|
|
|
function startMessageFoundAnimation() {
|
|
delegate.startMessageFoundAnimation();
|
|
}
|
|
|
|
StatusDateGroupLabel {
|
|
id: dateGroupLabel
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
Layout.bottomMargin: 16
|
|
messageTimestamp: root.messageTimestamp
|
|
previousMessageTimestamp: root.prevMessageIndex === -1 ? 0 : root.prevMessageTimestamp
|
|
visible: text !== "" && !root.isInPinnedPopup && !root.isViewMemberMessagesePopup
|
|
}
|
|
|
|
StatusMessage {
|
|
id: delegate
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: showHeader && !root.isInPinnedPopup ? 2 : 0
|
|
Layout.bottomMargin: !root.isInPinnedPopup ? 2 : 0
|
|
|
|
readonly property int contentType: d.convertContentType(root.messageContentType)
|
|
property string originalMessageText: ""
|
|
readonly property bool hideQuickActions: root.isChatBlocked ||
|
|
root.placeholderMessage ||
|
|
root.isInPinnedPopup ||
|
|
root.editModeOn ||
|
|
!root.rootStore.mainModuleInst.activeSection.joined
|
|
|
|
function editCancelledHandler() {
|
|
root.messageStore.setEditModeOff(root.messageId)
|
|
}
|
|
|
|
function editCompletedHandler(newMessageText) {
|
|
|
|
if (delegate.originalMessageText === newMessageText) {
|
|
delegate.editCancelledHandler()
|
|
return
|
|
}
|
|
|
|
const message = root.rootStore.plainText(StatusQUtils.Emoji.deparse(newMessageText))
|
|
|
|
if (message.length <= 0)
|
|
return;
|
|
|
|
const interpretedMessage = root.messageStore.interpretMessage(message)
|
|
root.messageStore.setEditModeOff(root.messageId)
|
|
root.messageStore.editMessage(root.messageId, root.messageContentType, interpretedMessage)
|
|
}
|
|
|
|
pinnedMsgInfoText: root.isDiscordMessage ? qsTr("Pinned") : qsTr("Pinned by")
|
|
reactionIcons: [
|
|
Style.svg("emojiReactions/heart"),
|
|
Style.svg("emojiReactions/thumbsUp"),
|
|
Style.svg("emojiReactions/thumbsDown"),
|
|
Style.svg("emojiReactions/laughing"),
|
|
Style.svg("emojiReactions/sad"),
|
|
Style.svg("emojiReactions/angry"),
|
|
]
|
|
|
|
timestamp: root.messageTimestamp
|
|
editMode: root.editModeOn
|
|
isAReply: root.responseToMessageWithId !== ""
|
|
isEdited: root.isEdited
|
|
hasMention: root.hasMention
|
|
isPinned: root.pinnedMessage
|
|
pinnedBy: {
|
|
if (!root.pinnedMessage || root.isDiscordMessage)
|
|
return ""
|
|
const contact = Utils.getContactDetailsAsJson(root.messagePinnedBy, false)
|
|
return ProfileUtils.displayName(contact.localNickname, contact.name, contact.displayName, contact.alias)
|
|
}
|
|
isInPinnedPopup: root.isInPinnedPopup
|
|
hasExpired: root.isExpired
|
|
isSending: root.isSending
|
|
resendError: root.resendError
|
|
reactionsModel: root.reactionsModel
|
|
linkPreviewModel: root.linkPreviewModel
|
|
gifLinks: root.gifLinks
|
|
|
|
showHeader: root.shouldRepeatHeader || dateGroupLabel.visible || isAReply ||
|
|
root.prevMessageContentType === Constants.messageContentType.systemMessagePrivateGroupType ||
|
|
root.prevMessageContentType === Constants.messageContentType.systemMessagePinnedMessage ||
|
|
root.prevMessageContentType === Constants.messageContentType.systemMessageMutualEventSent ||
|
|
root.prevMessageContentType === Constants.messageContentType.systemMessageMutualEventAccepted ||
|
|
root.prevMessageContentType === Constants.messageContentType.systemMessageMutualEventRemoved ||
|
|
root.prevMessageContentType === Constants.messageContentType.bridgeMessageType ||
|
|
root.senderId !== root.prevMessageSenderId || root.prevMessageDeleted
|
|
isActiveMessage: d.isMessageActive
|
|
topPadding: showHeader ? Style.current.halfPadding : 0
|
|
bottomPadding: showHeader && d.nextMessageHasHeader() ? Style.current.halfPadding : 2
|
|
disableHover: root.disableHover ||
|
|
(delegate.hideQuickActions && !d.addReactionAllowed) ||
|
|
(root.chatLogView && root.chatLogView.moving) ||
|
|
Global.activityPopupOpened
|
|
|
|
disableEmojis: !d.addReactionAllowed
|
|
hideMessage: d.hideMessage
|
|
|
|
overrideBackground: root.placeholderMessage
|
|
profileClickable: !root.isDiscordMessage
|
|
messageAttachments: root.messageAttachments
|
|
|
|
onEditCancelled: {
|
|
delegate.editCancelledHandler()
|
|
}
|
|
|
|
onEditCompleted: delegate.editCompletedHandler(newMsgText)
|
|
|
|
onImageClicked: (image, mouse, imageSource) => {
|
|
d.onImageClicked(image, mouse, imageSource)
|
|
}
|
|
|
|
onLinkActivated: {
|
|
if (link.startsWith('//')) {
|
|
const pubkey = link.replace("//", "");
|
|
Global.openProfilePopup(pubkey)
|
|
return
|
|
} else if (link.startsWith('#')) {
|
|
rootStore.chatCommunitySectionModule.switchToChannel(link.replace("#", ""))
|
|
return
|
|
} else if (Utils.isStatusDeepLink(link)) {
|
|
Global.activateDeepLink(link)
|
|
return
|
|
}
|
|
|
|
Global.openLink(link)
|
|
}
|
|
|
|
onProfilePictureClicked: {
|
|
root.openProfileContextMenu(sender, mouse)
|
|
}
|
|
|
|
onReplyProfileClicked: {
|
|
root.openProfileContextMenu(sender, mouse, true)
|
|
}
|
|
|
|
onReplyMessageClicked: {
|
|
root.messageStore.messageModule.jumpToMessage(root.responseToMessageWithId)
|
|
}
|
|
|
|
onSenderNameClicked: {
|
|
root.openProfileContextMenu(sender, mouse)
|
|
}
|
|
|
|
onToggleReactionClicked: {
|
|
if (root.isChatBlocked)
|
|
return
|
|
|
|
if (!root.messageStore) {
|
|
console.error("Reaction can not be toggled, message store is not valid")
|
|
return
|
|
}
|
|
|
|
root.messageStore.toggleReaction(root.messageId, emojiId)
|
|
}
|
|
|
|
onAddReactionClicked: (sender, mouse) => {
|
|
d.addReactionClicked(sender, mouse)
|
|
}
|
|
|
|
onStickerClicked: {
|
|
root.openStickerPackPopup(root.stickerPack);
|
|
}
|
|
|
|
onResendClicked: {
|
|
root.messageStore.resendMessage(root.messageId)
|
|
}
|
|
|
|
mouseArea {
|
|
acceptedButtons: Qt.RightButton
|
|
enabled: (!root.isChatBlocked || d.addReactionAllowed) &&
|
|
!root.placeholderMessage
|
|
onClicked: {
|
|
root.openMessageContextMenu()
|
|
}
|
|
}
|
|
|
|
messageDetails: StatusMessageDetails {
|
|
contentType: delegate.contentType
|
|
messageOriginInfo: {
|
|
if (isDiscordMessage) {
|
|
return qsTr("Imported from discord")
|
|
} else if (isBridgeMessage) {
|
|
return qsTr("Bridged from %1").arg(d.correctBridgeNameCapitalization(root.bridgeName))
|
|
}
|
|
return ""
|
|
}
|
|
messageText: root.messageText
|
|
messageContent: {
|
|
switch (delegate.contentType)
|
|
{
|
|
case StatusMessage.ContentType.Sticker:
|
|
return root.sticker;
|
|
case StatusMessage.ContentType.Image:
|
|
|
|
return root.messageImage;
|
|
}
|
|
if (root.isDiscordMessage && root.messageImage != "") {
|
|
return root.messageImage
|
|
}
|
|
return "";
|
|
}
|
|
album: root.album
|
|
albumCount: root.albumCount
|
|
|
|
amISender: root.amISender
|
|
sender.id: root.senderIsEnsVerified ? "" : Utils.getCompressedPk(root.senderId)
|
|
sender.displayName: root.senderDisplayName
|
|
sender.secondaryName: root.senderOptionalName
|
|
sender.isEnsVerified: root.isBridgeMessage ? false : root.senderIsEnsVerified
|
|
sender.isContact: root.isBridgeMessage ? false : root.senderIsAdded
|
|
sender.trustIndicator: root.isBridgeMessage ? StatusContactVerificationIcons.TrustedType.None: root.senderTrustStatus
|
|
sender.profileImage {
|
|
width: 40
|
|
height: 40
|
|
name: root.senderIcon || ""
|
|
pubkey: root.senderId
|
|
colorId: Utils.colorIdForPubkey(root.senderId)
|
|
colorHash: root.senderColorHash
|
|
showRing: !root.isDiscordMessage && !root.senderIsEnsVerified && !root.isBridgeMessage
|
|
}
|
|
sender.badgeImage: Style.svg("discord-bridge")
|
|
}
|
|
|
|
replyDetails: StatusMessageDetails {
|
|
readonly property var responseMessage: contentType === StatusMessage.ContentType.Sticker || contentType === StatusMessage.ContentType.Image
|
|
? root.messageStore.getMessageByIdAsJson(responseToMessageWithId)
|
|
: null
|
|
onResponseMessageChanged: {
|
|
if (!responseMessage)
|
|
return
|
|
|
|
switch (contentType) {
|
|
case StatusMessage.ContentType.Sticker:
|
|
messageContent = responseMessage.sticker;
|
|
return
|
|
case StatusMessage.ContentType.Image:
|
|
messageContent = responseMessage.messageImage;
|
|
albumCount = responseMessage.albumImagesCount
|
|
album = responseMessage.albumMessageImages
|
|
return
|
|
default:
|
|
messageContent = ""
|
|
}
|
|
}
|
|
|
|
messageText: {
|
|
if (messageDeleted)
|
|
return qsTr("Message deleted")
|
|
if (!root.quotedMessageText && !root.quotedMessageFrom)
|
|
return qsTr("Unknown message. Try fetching more messages")
|
|
return root.quotedMessageText
|
|
}
|
|
album: root.quotedMessageAlbumMessageImages
|
|
albumCount: root.quotedMessageAlbumImagesCount
|
|
messageDeleted: root.quotedMessageDeleted
|
|
contentType: d.convertContentType(root.quotedMessageContentType)
|
|
amISender: root.quotedMessageFrom === userProfile.pubKey
|
|
sender.id: root.quotedMessageFrom
|
|
sender.isContact: quotedMessageAuthorDetailsIsContact
|
|
sender.displayName: quotedMessageAuthorDetailsDisplayName
|
|
sender.isEnsVerified: quotedMessageAuthorDetailsEnsVerified
|
|
sender.secondaryName: quotedMessageAuthorDetailsName
|
|
sender.profileImage {
|
|
width: 20
|
|
height: 20
|
|
name: quotedMessageAuthorDetailsThumbnailImage
|
|
assetSettings.isImage: quotedMessageAuthorDetailsThumbnailImage
|
|
showRing: (root.quotedMessageContentType !== Constants.messageContentType.discordMessageType) && !sender.isEnsVerified && (root.quotedMessageContentType !== Constants.messageContentType.bridgeMessageType)
|
|
pubkey: sender.id
|
|
colorId: Utils.colorIdForPubkey(sender.id)
|
|
colorHash: quotedMessageAuthorDetailsColorHash
|
|
}
|
|
}
|
|
|
|
statusChatInput: Component {
|
|
StatusChatInput {
|
|
id: editTextInput
|
|
objectName: "editMessageInput"
|
|
|
|
readonly property string messageText: editTextInput.textInput.text
|
|
|
|
// TODO: Move this property and Escape handler to StatusChatInput
|
|
property bool suggestionsOpened: false
|
|
|
|
width: parent.width
|
|
|
|
Keys.onEscapePressed: {
|
|
if (!suggestionsOpened) {
|
|
delegate.editCancelled()
|
|
}
|
|
suggestionsOpened = false
|
|
}
|
|
|
|
store: root.rootStore
|
|
usersStore: root.usersStore
|
|
emojiPopup: root.emojiPopup
|
|
stickersPopup: root.stickersPopup
|
|
|
|
chatType: root.messageStore.chatType
|
|
isEdit: true
|
|
|
|
onSendMessage: delegate.editCompletedHandler(editTextInput.getTextWithPublicKeys())
|
|
|
|
Component.onCompleted: {
|
|
parseMessage(root.messageText);
|
|
delegate.originalMessageText = editTextInput.textInput.text
|
|
}
|
|
}
|
|
}
|
|
|
|
linksComponent: Component {
|
|
LinksMessageView {
|
|
id: linksMessageView
|
|
linkPreviewModel: root.linkPreviewModel
|
|
gifLinks: root.gifLinks
|
|
playAnimations: root.messageStore.playAnimation
|
|
isOnline: root.rootStore.mainModuleInst.isOnline
|
|
highlightLink: delegate.hoveredLink
|
|
onImageClicked: (image, mouse, imageSource, url) => {
|
|
d.onImageClicked(image, mouse, imageSource, url)
|
|
}
|
|
onOpenContextMenu: (item, url, domain) => {
|
|
Global.openMenu(imageContextMenuComponent, item, { url: url, domain: domain, requireConfirmationOnOpen: true })
|
|
}
|
|
onHoveredLinkChanged: delegate.highlightedLink = linksMessageView.hoveredLink
|
|
gifUnfurlingEnabled: RootStore.gifUnfurlingEnabled
|
|
canAskToUnfurlGifs: !RootStore.neverAskAboutUnfurlingAgain
|
|
onSetNeverAskAboutUnfurlingAgain: RootStore.setNeverAskAboutUnfurlingAgain(neverAskAgain)
|
|
|
|
Component.onCompleted: {
|
|
root.messageStore.messageModule.forceLinkPreviewsLocalData(root.messageId)
|
|
}
|
|
}
|
|
}
|
|
|
|
transcationComponent: Component {
|
|
TransactionBubbleView {
|
|
transactionParams: root.transactionParams
|
|
store: root.rootStore
|
|
contactsStore: root.contactsStore
|
|
}
|
|
}
|
|
|
|
invitationComponent: Component {
|
|
InvitationBubbleView {
|
|
store: root.rootStore
|
|
communityId: root.communityId
|
|
}
|
|
}
|
|
|
|
quickActions: [
|
|
Loader {
|
|
active: d.addReactionAllowed && delegate.hovered && !root.isViewMemberMessagesePopup
|
|
|
|
visible: active
|
|
sourceComponent: StatusFlatRoundButton {
|
|
width: d.chatButtonSize
|
|
height: d.chatButtonSize
|
|
icon.name: "reaction-b"
|
|
type: StatusFlatRoundButton.Type.Tertiary
|
|
tooltip.text: qsTr("Add reaction")
|
|
onClicked: (mouse) => {
|
|
d.addReactionClicked(this, mouse)
|
|
}
|
|
}
|
|
},
|
|
Loader {
|
|
active: !root.isInPinnedPopup && delegate.hovered && !delegate.hideQuickActions
|
|
&& !root.isViewMemberMessagesePopup && root.rootStore.permissionsStore.viewAndPostCriteriaMet
|
|
visible: active
|
|
sourceComponent: StatusFlatRoundButton {
|
|
objectName: "replyToMessageButton"
|
|
width: d.chatButtonSize
|
|
height: d.chatButtonSize
|
|
icon.name: "reply"
|
|
type: StatusFlatRoundButton.Type.Tertiary
|
|
tooltip.text: qsTr("Reply")
|
|
onClicked: {
|
|
root.showReplyArea(root.messageId, root.senderId)
|
|
}
|
|
}
|
|
},
|
|
Loader {
|
|
active: !root.isInPinnedPopup && root.isText && !root.editModeOn && root.amISender && delegate.hovered && !delegate.hideQuickActions
|
|
&& !root.isViewMemberMessagesePopup && root.rootStore.permissionsStore.viewAndPostCriteriaMet
|
|
visible: active
|
|
sourceComponent: StatusFlatRoundButton {
|
|
objectName: "editMessageButton"
|
|
width: d.chatButtonSize
|
|
height: d.chatButtonSize
|
|
icon.name: "edit_pencil"
|
|
type: StatusFlatRoundButton.Type.Tertiary
|
|
tooltip.text: qsTr("Edit")
|
|
onClicked: {
|
|
root.messageStore.setEditModeOn(root.messageId)
|
|
}
|
|
}
|
|
},
|
|
Loader {
|
|
active: {
|
|
if(!delegate.hovered)
|
|
return false;
|
|
|
|
if (!root.messageStore)
|
|
return false
|
|
|
|
if(delegate.hideQuickActions)
|
|
return false;
|
|
|
|
if (!root.rootStore.permissionsStore.viewAndPostCriteriaMet)
|
|
return false;
|
|
|
|
if (root.isViewMemberMessagesePopup) {
|
|
return false
|
|
}
|
|
|
|
const chatType = root.messageStore.chatType;
|
|
const pinMessageAllowedForMembers = root.messageStore.isPinMessageAllowedForMembers
|
|
|
|
return chatType === Constants.chatType.oneToOne ||
|
|
chatType === Constants.chatType.privateGroupChat && root.amIChatAdmin ||
|
|
chatType === Constants.chatType.communityChat && (root.amIChatAdmin || pinMessageAllowedForMembers);
|
|
|
|
}
|
|
visible: active
|
|
sourceComponent: StatusFlatRoundButton {
|
|
objectName: "MessageView_toggleMessagePin"
|
|
width: d.chatButtonSize
|
|
height: d.chatButtonSize
|
|
icon.name: root.pinnedMessage ? "unpin" : "pin"
|
|
type: StatusFlatRoundButton.Type.Tertiary
|
|
tooltip.text: root.pinnedMessage ? qsTr("Unpin") : qsTr("Pin")
|
|
onClicked: {
|
|
if (root.pinnedMessage) {
|
|
messageStore.unpinMessage(root.messageId)
|
|
return;
|
|
}
|
|
|
|
if (!!root.messageStore && root.messageStore.getNumberOfPinnedMessages() < Constants.maxNumberOfPins) {
|
|
messageStore.pinMessage(root.messageId)
|
|
return;
|
|
}
|
|
|
|
if (!chatContentModule) {
|
|
console.warn("error on open pinned messages limit reached from message context menu - chat content module is not set")
|
|
return;
|
|
}
|
|
|
|
const chatId = root.messageStore.chatType === Constants.chatType.oneToOne ? chatContentModule.getMyChatId() : ""
|
|
Global.openPinnedMessagesPopupRequested(root.rootStore, messageStore, chatContentModule.pinnedMessagesModel, root.messageId, chatId)
|
|
}
|
|
}
|
|
},
|
|
Loader {
|
|
active: !root.editModeOn && delegate.hovered && !delegate.hideQuickActions && !root.isViewMemberMessagesePopup
|
|
visible: active
|
|
sourceComponent: StatusFlatRoundButton {
|
|
objectName: "markAsUnreadButton"
|
|
width: d.chatButtonSize
|
|
height: d.chatButtonSize
|
|
icon.name: "hide"
|
|
type: StatusFlatRoundButton.Type.Tertiary
|
|
tooltip.text: qsTr("Mark as unread")
|
|
onClicked: {
|
|
root.messageStore.markMessageAsUnread(root.messageId)
|
|
}
|
|
}
|
|
},
|
|
Loader {
|
|
active: {
|
|
if(!delegate.hovered)
|
|
return false;
|
|
if (root.isInPinnedPopup)
|
|
return false;
|
|
if (!root.messageStore)
|
|
return false;
|
|
if (delegate.hideQuickActions)
|
|
return false;
|
|
if (!root.rootStore.permissionsStore.viewAndPostCriteriaMet)
|
|
return false;
|
|
return (root.amISender || root.amIChatAdmin) &&
|
|
(messageContentType === Constants.messageContentType.messageType ||
|
|
messageContentType === Constants.messageContentType.stickerType ||
|
|
messageContentType === Constants.messageContentType.emojiType ||
|
|
messageContentType === Constants.messageContentType.imageType ||
|
|
messageContentType === Constants.messageContentType.audioType);
|
|
}
|
|
visible: active
|
|
sourceComponent: StatusFlatRoundButton {
|
|
objectName: "chatDeleteMessageButton"
|
|
width: d.chatButtonSize
|
|
height: d.chatButtonSize
|
|
icon.name: "delete"
|
|
type: StatusFlatRoundButton.Type.Tertiary
|
|
tooltip.text: qsTr("Delete")
|
|
onClicked: root.isViewMemberMessagesePopup
|
|
? root.chatCommunitySectionModule.deleteCommunityMemberMessages(root.senderId, root.messageId, root.chatId)
|
|
: messageStore.warnAndDeleteMessage(root.messageId)
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: newMessagesMarkerComponent
|
|
|
|
NewMessagesMarker {
|
|
count: root.messageStore.newMessagesCount
|
|
timestamp: root.messageTimestamp
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: addReactionContextMenu
|
|
|
|
MessageAddReactionContextMenu {
|
|
reactionsModel: root.emojiReactionsModel
|
|
|
|
onToggleReaction: (emojiId) => {
|
|
root.messageStore.toggleReaction(root.messageId, emojiId)
|
|
}
|
|
onOpened: {
|
|
root.setMessageActive(root.messageId, true)
|
|
}
|
|
onClosed: {
|
|
root.setMessageActive(root.messageId, false)
|
|
destroy()
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: imageContextMenuComponent
|
|
|
|
ImageContextMenu {
|
|
onClosed: {
|
|
destroy()
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: profileContextMenuComponent
|
|
|
|
ProfileContextMenu {
|
|
store: root.rootStore
|
|
onOpenProfileClicked: (publicKey) => {
|
|
Global.openProfilePopup(publicKey, null)
|
|
}
|
|
onCreateOneToOneChat: (communityId, chatId, ensName) => {
|
|
Global.changeAppSectionBySectionType(Constants.appSection.chat)
|
|
root.rootStore.chatCommunitySectionModule.createOneToOneChat("", chatId, ensName)
|
|
}
|
|
onOpened: {
|
|
root.setMessageActive(root.messageId, true)
|
|
}
|
|
onClosed: {
|
|
root.setMessageActive(root.messageId, false)
|
|
destroy()
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: messageContextMenuComponent
|
|
|
|
MessageContextMenuView {
|
|
store: root.rootStore
|
|
reactionModel: root.emojiReactionsModel
|
|
disabledForChat: !root.rootStore.isUserAllowedToSendMessage
|
|
forceEnableEmojiReactions: !root.rootStore.isUserAllowedToSendMessage && d.addReactionAllowed
|
|
|
|
onPinMessage: (messageId) => {
|
|
root.messageStore.pinMessage(messageId)
|
|
}
|
|
|
|
onUnpinMessage: (messageId) => {
|
|
root.messageStore.unpinMessage(messageId)
|
|
}
|
|
|
|
onPinnedMessagesLimitReached: (messageId) => {
|
|
if (!root.chatContentModule) {
|
|
console.warn("error on open pinned messages limit reached from message context menu - chat content module is not set")
|
|
return
|
|
}
|
|
Global.openPinnedMessagesPopupRequested(root.rootStore,
|
|
root.messageStore,
|
|
root.chatContentModule.pinnedMessagesModel,
|
|
messageId,
|
|
root.chatId)
|
|
}
|
|
|
|
onMarkMessageAsUnread: (messageId) => {
|
|
root.messageStore.markMessageAsUnread(messageId)
|
|
}
|
|
|
|
onToggleReaction: (messageId, emojiId) => {
|
|
root.messageStore.toggleReaction(messageId, emojiId)
|
|
}
|
|
|
|
onDeleteMessage: (messageId) => {
|
|
root.messageStore.warnAndDeleteMessage(messageId)
|
|
}
|
|
|
|
onEditClicked: (messageId) => {
|
|
root.messageStore.setEditModeOn(messageId)
|
|
}
|
|
|
|
onShowReplyArea: (messageId, senderId) => {
|
|
root.showReplyArea(messageId, senderId)
|
|
}
|
|
|
|
onOpened: {
|
|
root.setMessageActive(model.id, true)
|
|
}
|
|
onClosed: {
|
|
root.setMessageActive(model.id, false)
|
|
destroy()
|
|
}
|
|
}
|
|
}
|
|
}
|