2020-12-10 20:59:00 +00:00
|
|
|
import QtQuick 2.14
|
2020-07-15 21:04:14 +00:00
|
|
|
import "../../../../../shared"
|
|
|
|
|
import "../../../../../imports"
|
|
|
|
|
|
2020-09-30 20:40:54 +00:00
|
|
|
Loader {
|
|
|
|
|
property int textFieldWidth: item ? item.textField.width : 0
|
2020-12-10 20:59:00 +00:00
|
|
|
property int authorWidth: item ? item.authorMetrics.width : 0
|
|
|
|
|
|
2020-07-20 21:26:29 +00:00
|
|
|
property bool longReply: false
|
2020-09-22 14:30:49 +00:00
|
|
|
property color elementsColor: isCurrentUser ? Style.current.chatReplyCurrentUser : Style.current.secondaryText
|
2020-07-20 21:26:29 +00:00
|
|
|
|
2020-09-30 20:40:54 +00:00
|
|
|
id: root
|
|
|
|
|
active: responseTo != "" && replyMessageIndex > -1
|
2020-07-15 21:04:14 +00:00
|
|
|
|
2020-09-30 20:40:54 +00:00
|
|
|
sourceComponent: Component {
|
|
|
|
|
Rectangle {
|
|
|
|
|
property alias textField: lblReplyMessage
|
2020-12-10 20:59:00 +00:00
|
|
|
property alias authorMetrics: txtAuthorMetrics
|
2020-07-17 19:44:25 +00:00
|
|
|
|
2020-09-30 20:40:54 +00:00
|
|
|
id: chatReply
|
|
|
|
|
visible: responseTo != "" && replyMessageIndex > -1
|
|
|
|
|
// childrenRect.height shows a binding loop for soem reason, so we use heights instead
|
|
|
|
|
height: this.visible ? lblReplyAuthor.height + ((repliedMessageType === Constants.imageType ? imgReplyImage.height : lblReplyMessage.height) + 5 + 8) : 0
|
|
|
|
|
color: Style.current.transparent
|
|
|
|
|
|
2020-12-10 20:59:00 +00:00
|
|
|
TextMetrics {
|
|
|
|
|
id: txtAuthorMetrics
|
|
|
|
|
font: lblReplyAuthor.font
|
|
|
|
|
text: lblReplyAuthor.text
|
|
|
|
|
}
|
|
|
|
|
|
2020-09-30 20:40:54 +00:00
|
|
|
StyledTextEdit {
|
|
|
|
|
id: lblReplyAuthor
|
|
|
|
|
text: "↳" + repliedMessageAuthor
|
|
|
|
|
color: root.elementsColor
|
|
|
|
|
readOnly: true
|
|
|
|
|
selectByMouse: true
|
|
|
|
|
wrapMode: Text.Wrap
|
|
|
|
|
anchors.left: parent.left
|
|
|
|
|
anchors.right: parent.right
|
|
|
|
|
}
|
2020-07-15 21:04:14 +00:00
|
|
|
|
2020-09-30 20:40:54 +00:00
|
|
|
ChatImage {
|
|
|
|
|
id: imgReplyImage
|
|
|
|
|
visible: repliedMessageType == Constants.imageType
|
|
|
|
|
imageWidth: 50
|
|
|
|
|
imageSource: repliedMessageImage
|
|
|
|
|
anchors.top: lblReplyAuthor.bottom
|
|
|
|
|
anchors.topMargin: 5
|
|
|
|
|
anchors.left: parent.left
|
|
|
|
|
chatHorizontalPadding: 0
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
StyledTextEdit {
|
|
|
|
|
id: lblReplyMessage
|
|
|
|
|
visible: repliedMessageType != Constants.imageType
|
|
|
|
|
anchors.top: lblReplyAuthor.bottom
|
|
|
|
|
anchors.topMargin: 5
|
2020-11-26 17:35:13 +00:00
|
|
|
text: `<style type="text/css">`+
|
2020-11-26 14:42:10 +00:00
|
|
|
`a {`+
|
|
|
|
|
`color: ${isCurrentUser && !appSettings.compactMode ? Style.current.white : Style.current.textColor};`+
|
|
|
|
|
`}`+
|
|
|
|
|
`a.mention {`+
|
|
|
|
|
`color: ${isCurrentUser ? Style.current.cyan : Style.current.turquoise};`+
|
|
|
|
|
`}`+
|
|
|
|
|
`</style>`+
|
|
|
|
|
`</head>`+
|
|
|
|
|
`<body>`+
|
2020-11-26 17:35:13 +00:00
|
|
|
`${Emoji.parse(Utils.linkifyAndXSS(repliedMessageContent), "26x26")}`+
|
2020-11-26 14:42:10 +00:00
|
|
|
`</body>`+
|
|
|
|
|
`</html>`
|
2020-09-30 20:40:54 +00:00
|
|
|
textFormat: Text.RichText
|
|
|
|
|
color: root.elementsColor
|
|
|
|
|
readOnly: true
|
|
|
|
|
selectByMouse: true
|
|
|
|
|
wrapMode: Text.Wrap
|
|
|
|
|
anchors.left: parent.left
|
|
|
|
|
anchors.right: root.longReply ? parent.right : undefined
|
|
|
|
|
z: 51
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Separator {
|
|
|
|
|
anchors.top: repliedMessageType == Constants.imageType ? imgReplyImage.bottom : lblReplyMessage.bottom
|
|
|
|
|
anchors.topMargin: repliedMessageType == Constants.imageType ? 15 : 8
|
|
|
|
|
anchors.left: lblReplyMessage.left
|
|
|
|
|
anchors.right: lblReplyMessage.right
|
2020-12-11 18:15:40 +00:00
|
|
|
anchors.rightMargin: root.chatHorizontalPadding
|
2020-09-30 20:40:54 +00:00
|
|
|
color: root.elementsColor
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-07-15 21:04:14 +00:00
|
|
|
}
|
|
|
|
|
}
|
2020-09-30 20:40:54 +00:00
|
|
|
|
