2020-12-04 10:38:22 +00:00
|
|
|
import QtQuick 2.13
|
2020-07-15 21:04:14 +00:00
|
|
|
import "../../../../../shared"
|
|
|
|
import "../../../../../imports"
|
|
|
|
|
|
|
|
Item {
|
|
|
|
property var clickMessage: function () {}
|
|
|
|
property int chatHorizontalPadding: 12
|
|
|
|
property int chatVerticalPadding: 7
|
2020-09-15 17:42:23 +00:00
|
|
|
property bool showImages: appSettings.displayChatImages && imageUrls != ""
|
2020-07-15 21:04:14 +00:00
|
|
|
|
|
|
|
id: chatTextItem
|
|
|
|
anchors.top: parent.top
|
|
|
|
anchors.topMargin: authorCurrentMsg != authorPrevMsg ? Style.current.smallPadding : 0
|
|
|
|
height: childrenRect.height + this.anchors.topMargin
|
|
|
|
width: parent.width
|
|
|
|
|
|
|
|
// FIXME @jonathanr: Adding this breaks the first line. Need to fix the height somehow
|
|
|
|
// DateGroup {
|
|
|
|
// id: dateGroupLbl
|
|
|
|
// }
|
|
|
|
|
|
|
|
UserImage {
|
|
|
|
id: chatImage
|
|
|
|
anchors.left: parent.left
|
|
|
|
anchors.leftMargin: Style.current.padding
|
|
|
|
// anchors.top: dateGroupLbl.visible ? dateGroupLbl.bottom : parent.top
|
|
|
|
anchors.top: parent.top
|
|
|
|
}
|
|
|
|
|
|
|
|
UsernameLabel {
|
|
|
|
id: chatName
|
|
|
|
anchors.leftMargin: chatTextItem.chatHorizontalPadding
|
|
|
|
// anchors.top: dateGroupLbl.visible ? dateGroupLbl.bottom : parent.top
|
|
|
|
anchors.top: parent.top
|
|
|
|
anchors.left: chatImage.right
|
2020-12-08 15:45:43 +00:00
|
|
|
userName: messageItem.userName
|
|
|
|
localName: messageItem.localName
|
|
|
|
alias: messageItem.alias
|
2020-07-15 21:04:14 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
ChatReply {
|
|
|
|
id: chatReply
|
|
|
|
// anchors.top: chatName.visible ? chatName.bottom : (dateGroupLbl.visible ? dateGroupLbl.bottom : parent.top)
|
|
|
|
anchors.top: chatName.visible ? chatName.bottom : parent.top
|
|
|
|
anchors.topMargin: chatName.visible && this.visible ? chatTextItem.chatVerticalPadding : 0
|
|
|
|
anchors.left: chatImage.right
|
|
|
|
anchors.leftMargin: chatTextItem.chatHorizontalPadding
|
|
|
|
anchors.right: parent.right
|
|
|
|
anchors.rightMargin: chatTextItem.chatHorizontalPadding
|
|
|
|
}
|
|
|
|
|
|
|
|
ChatText {
|
|
|
|
id: chatText
|
|
|
|
anchors.top: chatReply.bottom
|
|
|
|
anchors.topMargin: chatName.visible && this.visible ? chatTextItem.chatVerticalPadding : 0
|
|
|
|
anchors.left: chatImage.right
|
|
|
|
anchors.leftMargin: chatTextItem.chatHorizontalPadding
|
|
|
|
anchors.right: parent.right
|
|
|
|
anchors.rightMargin: chatTextItem.chatHorizontalPadding
|
|
|
|
}
|
|
|
|
|
2020-07-20 17:34:20 +00:00
|
|
|
Loader {
|
2020-07-17 19:44:25 +00:00
|
|
|
id: chatImageContent
|
2020-07-20 17:34:20 +00:00
|
|
|
active: isImage
|
2020-09-30 18:16:16 +00:00
|
|
|
anchors.left: chatText.left
|
2020-07-23 18:20:57 +00:00
|
|
|
anchors.leftMargin: 8
|
|
|
|
anchors.top: chatReply.bottom
|
2020-11-27 15:38:58 +00:00
|
|
|
z: 51
|
|
|
|
|
2020-09-30 18:16:16 +00:00
|
|
|
sourceComponent: Component {
|
|
|
|
ChatImage {
|
|
|
|
imageSource: image
|
|
|
|
imageWidth: 200
|
2020-11-27 15:38:58 +00:00
|
|
|
onClicked: chatTextItem.clickMessage(false, false, true, image)
|
2020-09-30 18:16:16 +00:00
|
|
|
}
|
2020-07-20 17:34:20 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-09-30 18:01:20 +00:00
|
|
|
Loader {
|
|
|
|
id: stickerLoader
|
|
|
|
active: contentType === Constants.stickerType
|
2020-07-15 21:04:14 +00:00
|
|
|
anchors.left: chatText.left
|
|
|
|
anchors.top: chatName.visible ? chatName.bottom : parent.top
|
|
|
|
anchors.topMargin: this.visible && chatName.visible ? chatTextItem.chatVerticalPadding : 0
|
|
|
|
|
2020-09-30 18:01:20 +00:00
|
|
|
sourceComponent: Component {
|
|
|
|
Rectangle {
|
|
|
|
id: stickerContainer
|
|
|
|
color: Style.current.transparent
|
|
|
|
border.color: Style.current.grey
|
|
|
|
border.width: 1
|
|
|
|
radius: 16
|
|
|
|
width: stickerId.width + 2 * chatTextItem.chatVerticalPadding
|
|
|
|
height: stickerId.height + 2 * chatTextItem.chatVerticalPadding
|
|
|
|
|
|
|
|
Sticker {
|
|
|
|
id: stickerId
|
|
|
|
anchors.top: parent.top
|
|
|
|
anchors.topMargin: chatTextItem.chatVerticalPadding
|
|
|
|
anchors.left: parent.left
|
|
|
|
anchors.leftMargin: chatTextItem.chatVerticalPadding
|
|
|
|
}
|
|
|
|
}
|
2020-07-15 21:04:14 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
MessageMouseArea {
|
2020-09-30 18:01:20 +00:00
|
|
|
anchors.fill: stickerLoader.active ? stickerLoader : chatText
|
2020-07-15 21:04:14 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// TODO show date for not the first messsage (on hover maybe)
|
|
|
|
ChatTime {
|
|
|
|
id: chatTime
|
|
|
|
visible: authorCurrentMsg != authorPrevMsg
|
|
|
|
anchors.verticalCenter: chatName.verticalCenter
|
|
|
|
anchors.left: chatName.right
|
|
|
|
anchors.leftMargin: Style.current.padding
|
|
|
|
}
|
|
|
|
|
|
|
|
SentMessage {
|
|
|
|
id: sentMessage
|
2020-11-12 14:17:29 +00:00
|
|
|
visible: isCurrentUser && !timeout && !isExpired && isMessage && outgoingStatus !== "sent"
|
2020-07-15 21:04:14 +00:00
|
|
|
anchors.verticalCenter: chatTime.verticalCenter
|
|
|
|
anchors.left: chatTime.right
|
2020-07-22 18:45:03 +00:00
|
|
|
anchors.leftMargin: 8
|
2020-07-15 21:04:14 +00:00
|
|
|
}
|
2020-07-16 14:51:12 +00:00
|
|
|
|
2020-07-14 15:35:21 +00:00
|
|
|
Retry {
|
|
|
|
id: retry
|
|
|
|
anchors.right: chatTime.right
|
|
|
|
anchors.rightMargin: 5
|
|
|
|
}
|
|
|
|
|
2020-07-16 14:51:12 +00:00
|
|
|
Loader {
|
|
|
|
id: imageLoader
|
|
|
|
active: showImages
|
2020-09-30 18:16:16 +00:00
|
|
|
anchors.left: chatText.left
|
2020-07-16 14:51:12 +00:00
|
|
|
anchors.leftMargin: 8
|
|
|
|
anchors.top: chatText.bottom
|
|
|
|
|
2020-09-30 18:16:16 +00:00
|
|
|
sourceComponent: Component {
|
|
|
|
ImageMessage {
|
|
|
|
color: Style.current.transparent
|
|
|
|
chatHorizontalPadding: 0
|
2020-11-17 19:43:52 +00:00
|
|
|
onClicked: {
|
|
|
|
chatTextItem.clickMessage(false, false, true, image)
|
|
|
|
}
|
2020-09-30 18:16:16 +00:00
|
|
|
}
|
2020-07-16 14:51:12 +00:00
|
|
|
}
|
|
|
|
}
|
2020-07-30 16:07:41 +00:00
|
|
|
|
2020-10-23 19:46:44 +00:00
|
|
|
Loader {
|
|
|
|
id: linksLoader
|
|
|
|
active: !!linkUrls
|
|
|
|
anchors.left: chatText.left
|
|
|
|
anchors.leftMargin: 8
|
|
|
|
anchors.top: chatText.bottom
|
|
|
|
|
|
|
|
sourceComponent: Component {
|
|
|
|
LinksMessage {}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-07-30 16:07:41 +00:00
|
|
|
Loader {
|
|
|
|
id: audioPlayerLoader
|
|
|
|
active: isAudio
|
|
|
|
anchors.top: chatName.visible ? chatName.bottom : parent.top
|
|
|
|
anchors.left: chatImage.right
|
|
|
|
|
2020-09-30 18:45:45 +00:00
|
|
|
sourceComponent: Component {
|
|
|
|
AudioPlayer {
|
|
|
|
audioSource: audio
|
|
|
|
}
|
2020-07-30 16:07:41 +00:00
|
|
|
}
|
|
|
|
}
|
2020-08-12 15:01:03 +00:00
|
|
|
|
|
|
|
Loader {
|
|
|
|
id: emojiReactionLoader
|
|
|
|
active: emojiReactions !== ""
|
|
|
|
anchors.top: chatText.bottom
|
|
|
|
anchors.left: chatText.left
|
2020-09-30 20:40:54 +00:00
|
|
|
anchors.topMargin: active ? 2 : 0
|
2020-08-12 15:01:03 +00:00
|
|
|
|
2020-09-30 18:45:45 +00:00
|
|
|
sourceComponent: Component {
|
|
|
|
EmojiReactions {}
|
|
|
|
}
|
2020-08-12 15:01:03 +00:00
|
|
|
}
|
2020-07-15 21:04:14 +00:00
|
|
|
}
|