mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-12 23:35:32 +00:00
4ee21ada05
Introduced Style.svg() Style.png() Style.emoji() and
Style.icon() in Style.qml. Those should be used to
set the source in Images instead of using relative
paths. Usage:
Image {
source: Style.svg("check)
....
Also moved all Singletons inside a new "utils"
folder and made it a QML module, to use
import utils 1.0 instead of relative paths
Closes #3678
181 lines
6.8 KiB
QML
181 lines
6.8 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Shapes 1.13
|
|
import QtGraphicalEffects 1.13
|
|
import "../../../../../shared"
|
|
import "../../../../../shared/status"
|
|
|
|
import utils 1.0
|
|
|
|
Loader {
|
|
property int textFieldWidth: item ? item.textField.width : 0
|
|
property int textFieldImplicitWidth: 0
|
|
property int authorWidth: item ? item.authorMetrics.width : 0
|
|
|
|
property bool longReply: false
|
|
property color elementsColor: isCurrentUser ? Style.current.chatReplyCurrentUser : Style.current.secondaryText
|
|
property var container
|
|
property int chatHorizontalPadding
|
|
|
|
property int nameMargin: 6
|
|
|
|
id: root
|
|
active: responseTo !== "" && replyMessageIndex > -1 && !activityCenterMessage
|
|
|
|
sourceComponent: Component {
|
|
Item {
|
|
property alias textField: lblReplyMessage
|
|
property alias authorMetrics: txtAuthorMetrics
|
|
|
|
id: chatReply
|
|
// childrenRect.height shows a binding loop for some reason, so we use heights instead
|
|
height: {
|
|
const h = userImage.height + 4
|
|
if (repliedMessageType === Constants.imageType) {
|
|
return h + imgReplyImage.height
|
|
}
|
|
if (repliedMessageType === Constants.stickerType) {
|
|
return h + stickerLoader.height
|
|
}
|
|
return h + lblReplyMessage.height
|
|
}
|
|
width: parent.width
|
|
clip: true
|
|
|
|
TextMetrics {
|
|
id: txtAuthorMetrics
|
|
font: lblReplyAuthor.font
|
|
text: lblReplyAuthor.text
|
|
}
|
|
|
|
Shape {
|
|
id: replyCorner
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 20 - 1
|
|
anchors.top: parent.top
|
|
anchors.topMargin: Style.current.smallPadding
|
|
width: 20
|
|
height: parent.height - anchors.topMargin
|
|
asynchronous: true
|
|
antialiasing: true
|
|
|
|
ShapePath {
|
|
id: capTest
|
|
|
|
strokeColor: Utils.setColorAlpha(root.elementsColor, 0.4)
|
|
strokeWidth: 3
|
|
fillColor: "transparent"
|
|
|
|
capStyle: ShapePath.RoundCap
|
|
joinStyle: ShapePath.RoundJoin
|
|
|
|
startX: 20
|
|
startY: 0
|
|
PathLine { x: 10; y: 0 }
|
|
PathArc {
|
|
x: 0; y: 10
|
|
radiusX: 13
|
|
radiusY: 13
|
|
direction: PathArc.Counterclockwise
|
|
}
|
|
PathLine { x: 0; y: chatReply.height - replyCorner.anchors.topMargin }
|
|
}
|
|
}
|
|
|
|
UserImage {
|
|
id: userImage
|
|
imageHeight: 20
|
|
imageWidth: 20
|
|
active: true
|
|
anchors.left: replyCorner.right
|
|
anchors.leftMargin: Style.current.halfPadding
|
|
identiconImageSource: repliedMessageUserIdenticon
|
|
isReplyImage: true
|
|
profileImage: repliedMessageUserImage
|
|
}
|
|
|
|
Connections {
|
|
target: chatsModel.messageView
|
|
onMessageEdited: {
|
|
if (responseTo === editedMessageId){
|
|
lblReplyMessage.text = Utils.getReplyMessageStyle(Emoji.parse(Utils.linkifyAndXSS(editedMessageContent + Constants.editLabel), Emoji.size.small), isCurrentUser, appSettings.useCompactMode)
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledTextEdit {
|
|
id: lblReplyAuthor
|
|
text: repliedMessageAuthor
|
|
color: root.elementsColor
|
|
readOnly: true
|
|
font.pixelSize: Style.current.secondaryTextFontSize
|
|
selectByMouse: true
|
|
font.weight: Font.Medium
|
|
anchors.verticalCenter: userImage.verticalCenter
|
|
anchors.left: userImage.right
|
|
anchors.leftMargin: 5
|
|
}
|
|
|
|
StatusChatImage {
|
|
id: imgReplyImage
|
|
visible: repliedMessageType === Constants.imageType
|
|
imageWidth: 50
|
|
imageSource: repliedMessageImage
|
|
anchors.top: lblReplyAuthor.bottom
|
|
anchors.topMargin: nameMargin
|
|
anchors.left: userImage.left
|
|
chatHorizontalPadding: 0
|
|
container: root.container
|
|
allCornersRounded: true
|
|
}
|
|
|
|
Loader {
|
|
id: stickerLoader
|
|
active: repliedMessageType === Constants.stickerType
|
|
anchors.top: lblReplyAuthor.bottom
|
|
anchors.topMargin: nameMargin
|
|
anchors.left: userImage.left
|
|
sourceComponent: Component {
|
|
StatusSticker {
|
|
id: stickerId
|
|
imageHeight: 56
|
|
imageWidth: 56
|
|
stickerData: chatsModel.messageView.messageList.getMessageData(replyMessageIndex, "sticker")
|
|
contentType: repliedMessageType
|
|
onLoaded: {
|
|
scrollToBottom(true, root.container)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledTextEdit {
|
|
id: lblReplyMessage
|
|
visible: repliedMessageType !== Constants.imageType && repliedMessageType !== Constants.stickerType
|
|
Component.onCompleted: textFieldImplicitWidth = implicitWidth
|
|
anchors.top: lblReplyAuthor.bottom
|
|
anchors.topMargin: nameMargin
|
|
text: {
|
|
if (repliedMessageIsEdited){
|
|
let index = repliedMessageContent.length - 4
|
|
return Utils.getReplyMessageStyle(Emoji.parse(Utils.linkifyAndXSS(repliedMessageContent.slice(0, index) + Constants.editLabel + repliedMessageContent.slice(index)), Emoji.size.small), isCurrentUser, appSettings.useCompactMode)
|
|
} else {
|
|
return Utils.getReplyMessageStyle(Emoji.parse(Utils.linkifyAndXSS(repliedMessageContent), Emoji.size.small), isCurrentUser, appSettings.useCompactMode)
|
|
}
|
|
}
|
|
textFormat: Text.RichText
|
|
color: root.elementsColor
|
|
readOnly: true
|
|
selectByMouse: true
|
|
font.pixelSize: Style.current.additionalTextSize
|
|
font.weight: Font.Medium
|
|
anchors.left: userImage.left
|
|
width: root.longReply ? parent.width : implicitWidth
|
|
height: 20
|
|
clip: true
|
|
z: 51
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|