2020-11-18 18:55:57 +00:00
|
|
|
import QtQuick 2.13
|
2020-07-15 21:04:14 +00:00
|
|
|
import "../../../../../shared"
|
|
|
|
|
import "../../../../../imports"
|
|
|
|
|
|
2020-09-25 19:44:40 +00:00
|
|
|
Item {
|
|
|
|
|
property bool longChatText: true
|
|
|
|
|
property bool veryLongChatText: chatsModel.plainText(message).length >
|
|
|
|
|
(appSettings.compactMode ? Constants.limitLongChatTextCompactMode : Constants.limitLongChatText)
|
|
|
|
|
property bool readMore: false
|
|
|
|
|
property alias textField: chatText
|
|
|
|
|
|
|
|
|
|
id: root
|
2020-07-15 21:04:14 +00:00
|
|
|
visible: contentType == Constants.messageType || isEmoji
|
2020-07-20 21:59:01 +00:00
|
|
|
z: 51
|
2020-09-30 18:45:45 +00:00
|
|
|
height: visible ? (showMoreLoader.active ? childrenRect.height : chatText.height) : 0
|
2020-11-18 18:55:57 +00:00
|
|
|
|
|
|
|
|
// This function is to avoid the binding loop warning
|
|
|
|
|
function setWidths() {
|
|
|
|
|
if (longChatText) {
|
|
|
|
|
root.width = undefined
|
|
|
|
|
chatText.width = Qt.binding(function () {return root.width})
|
|
|
|
|
} else {
|
|
|
|
|
chatText.width = Qt.binding(function () {return chatText.implicitWidth})
|
|
|
|
|
root.width = Qt.binding(function () {return chatText.width})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Component.onCompleted: {
|
|
|
|
|
root.setWidths()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Connections {
|
|
|
|
|
enabled: !appSettings.compactMode
|
|
|
|
|
target: appSettings.compactMode ? null : chatBox
|
|
|
|
|
onLongChatTextChanged: {
|
|
|
|
|
root.setWidths()
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-25 19:44:40 +00:00
|
|
|
|
|
|
|
|
StyledTextEdit {
|
|
|
|
|
id: chatText
|
|
|
|
|
textFormat: Text.RichText
|
|
|
|
|
horizontalAlignment: Text.AlignLeft
|
|
|
|
|
wrapMode: Text.Wrap
|
|
|
|
|
font.pixelSize: 15
|
|
|
|
|
readOnly: true
|
|
|
|
|
selectByMouse: true
|
|
|
|
|
color: Style.current.textColor
|
|
|
|
|
height: root.veryLongChatText && !root.readMore ? 200 : implicitHeight
|
|
|
|
|
clip: true
|
|
|
|
|
onLinkActivated: function (link) {
|
|
|
|
|
if(link.startsWith("#")) {
|
|
|
|
|
chatsModel.joinChat(link.substring(1), Constants.chatTypePublic);
|
|
|
|
|
return;
|
|
|
|
|
}
|
2020-07-20 21:59:01 +00:00
|
|
|
|
2020-09-25 19:44:40 +00:00
|
|
|
if (link.startsWith('//')) {
|
|
|
|
|
let pk = link.replace("//", "");
|
2020-10-02 13:02:56 +00:00
|
|
|
openProfilePopup(chatsModel.userNameOrAlias(pk), pk, chatsModel.generateIdenticon(pk))
|
2020-09-25 19:44:40 +00:00
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Qt.openUrlExternally(link)
|
|
|
|
|
}
|
|
|
|
|
text: {
|
|
|
|
|
if(contentType === Constants.stickerType) return "";
|
|
|
|
|
let msg = Utils.linkifyAndXSS(message);
|
|
|
|
|
if(isEmoji) {
|
|
|
|
|
return Emoji.parse(msg, "72x72");
|
|
|
|
|
} else {
|
|
|
|
|
return `<html>`+
|
|
|
|
|
`<head>`+
|
|
|
|
|
`<style type="text/css">`+
|
|
|
|
|
`code {`+
|
|
|
|
|
`background-color: #1a356b;`+
|
|
|
|
|
`color: #FFFFFF;`+
|
|
|
|
|
`white-space: pre;`+
|
|
|
|
|
`}`+
|
|
|
|
|
`p {`+
|
|
|
|
|
`white-space: pre-wrap;`+
|
|
|
|
|
`}`+
|
|
|
|
|
`a {`+
|
|
|
|
|
`color: ${isCurrentUser && !appSettings.compactMode ? Style.current.white : Style.current.textColor};`+
|
|
|
|
|
`}`+
|
|
|
|
|
`a.mention {`+
|
|
|
|
|
`color: ${isCurrentUser ? Style.current.cyan : Style.current.turquoise};`+
|
|
|
|
|
`}`+
|
|
|
|
|
`blockquote {`+
|
|
|
|
|
`margin: 0;`+
|
|
|
|
|
`padding: 0;`+
|
|
|
|
|
`}`+
|
|
|
|
|
`</style>`+
|
|
|
|
|
`</head>`+
|
|
|
|
|
`<body>`+
|
|
|
|
|
`${Emoji.parse(msg, "26x26")}`+
|
|
|
|
|
`</body>`+
|
|
|
|
|
`</html>`;
|
|
|
|
|
}
|
2020-07-20 21:59:01 +00:00
|
|
|
}
|
2020-09-25 19:44:40 +00:00
|
|
|
}
|
2020-07-20 21:59:01 +00:00
|
|
|
|
2020-09-25 19:44:40 +00:00
|
|
|
Loader {
|
2020-09-30 18:45:45 +00:00
|
|
|
id: showMoreLoader
|
2020-09-25 19:44:40 +00:00
|
|
|
active: root.veryLongChatText
|
|
|
|
|
anchors.top: chatText.bottom
|
|
|
|
|
anchors.topMargin: Style.current.smallPadding
|
|
|
|
|
anchors.left: chatText.horizontalAlignment === Text.AlignLeft ? chatText.left : undefined
|
|
|
|
|
anchors.right: chatText.horizontalAlignment === Text.AlignLeft ? undefined : chatText.right
|
|
|
|
|
|
2020-09-30 18:45:45 +00:00
|
|
|
sourceComponent: Component {
|
|
|
|
|
StyledText {
|
|
|
|
|
text: root.readMore ?
|
|
|
|
|
qsTr("Read less") :
|
|
|
|
|
qsTr("Read more")
|
|
|
|
|
color: chatText.color
|
|
|
|
|
font.pixelSize: 12
|
|
|
|
|
font.underline: true
|
|
|
|
|
z: 100
|
2020-09-25 19:44:40 +00:00
|
|
|
|
2020-09-30 18:45:45 +00:00
|
|
|
MouseArea {
|
|
|
|
|
z: 101
|
|
|
|
|
anchors.fill: parent
|
|
|
|
|
cursorShape: Qt.PointingHandCursor
|
|
|
|
|
onClicked: {
|
|
|
|
|
root.readMore = !root.readMore
|
|
|
|
|
}
|
2020-09-25 19:44:40 +00:00
|
|
|
}
|
|
|
|
|
}
|
2020-07-15 21:04:14 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
