mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-10 13:46:35 +00:00
7f40ae0f57
- `NormalMessageView` component is removed since we work with `CompactMessageView` and it's the only and default message component in the app. - `useCompactMode` property removed from local settings since it's not in use as well and corresponding code is updated accordingly
139 lines
4.0 KiB
QML
139 lines
4.0 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtGraphicalEffects 1.13
|
|
|
|
import utils 1.0
|
|
import shared 1.0
|
|
import shared.panels 1.0
|
|
|
|
Rectangle {
|
|
id: root
|
|
height: (root.contentType === Constants.messageContentType.imageType) ?
|
|
replyToUsername.height + imageThumbnail.height + Style.current.padding :
|
|
(root.contentType === Constants.messageContentType.stickerType) ?
|
|
replyToUsername.height + stickerThumbnail.height + Style.current.padding : 50
|
|
color: Style.current.replyBackground
|
|
radius: 16
|
|
clip: true
|
|
|
|
property string userName: ""
|
|
property string message : ""
|
|
property string identicon: ""
|
|
property string image: ""
|
|
property string stickerData: ""
|
|
property int contentType: -1
|
|
|
|
signal closeButtonClicked()
|
|
|
|
Rectangle {
|
|
color: parent.color
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
height: parent.height / 2
|
|
width: 32
|
|
radius: Style.current.radius
|
|
}
|
|
|
|
StyledText {
|
|
id: replyToUsername
|
|
text: "↪ " + userName
|
|
color: Style.current.textColor
|
|
anchors.top: parent.top
|
|
anchors.topMargin: Style.current.halfPadding
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: Style.current.smallPadding
|
|
font.pixelSize: 13
|
|
font.weight: Font.Medium
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.left: replyToUsername.left
|
|
anchors.top: replyToUsername.bottom
|
|
anchors.topMargin: -3
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Style.current.padding
|
|
anchors.bottom: parent.bottom
|
|
clip: true
|
|
color: Style.current.transparent
|
|
visible: (root.contentType !== Constants.messageContentType.imageType) && (root.contentType !== Constants.messageContentType.stickerType)
|
|
|
|
StyledText {
|
|
id: replyText
|
|
text: Utils.getMessageWithStyle(Utils.linkifyAndXSS(Emoji.parse(message)), false)
|
|
anchors.fill: parent
|
|
elide: Text.ElideRight
|
|
font.pixelSize: 13
|
|
font.weight: Font.Normal
|
|
textFormat: Text.RichText
|
|
color: Style.current.textColor
|
|
}
|
|
}
|
|
|
|
StatusChatImage {
|
|
id: imageThumbnail
|
|
anchors.left: replyToUsername.left
|
|
anchors.top: replyToUsername.bottom
|
|
anchors.topMargin: 2
|
|
imageWidth: 64
|
|
imageSource: root.image
|
|
chatHorizontalPadding: 0
|
|
container: root.container
|
|
visible: root.contentType === Constants.messageContentType.imageType
|
|
}
|
|
|
|
StatusSticker {
|
|
id: stickerThumbnail
|
|
anchors.left: replyToUsername.left
|
|
anchors.top: replyToUsername.bottom
|
|
anchors.topMargin: 2
|
|
imageWidth: 64
|
|
imageHeight: 64
|
|
stickerData: root.stickerData
|
|
color: Style.current.transparent
|
|
contentType: root.contentType
|
|
}
|
|
|
|
RoundButton {
|
|
id: closeBtn
|
|
implicitWidth: 20
|
|
implicitHeight: 20
|
|
radius: 10
|
|
padding: 0
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 4
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 4
|
|
contentItem: SVGImage {
|
|
id: iconImg
|
|
source: Style.svg("close")
|
|
width: closeBtn.width
|
|
height: closeBtn.height
|
|
|
|
ColorOverlay {
|
|
anchors.fill: iconImg
|
|
source: iconImg
|
|
color: Style.current.textColor
|
|
antialiasing: true
|
|
}
|
|
}
|
|
background: Rectangle {
|
|
color: "transparent"
|
|
width: closeBtn.width
|
|
height: closeBtn.height
|
|
radius: closeBtn.radius
|
|
}
|
|
onClicked: {
|
|
root.userName = ""
|
|
root.message = ""
|
|
root.identicon = ""
|
|
root.closeButtonClicked()
|
|
}
|
|
MouseArea {
|
|
cursorShape: Qt.PointingHandCursor
|
|
anchors.fill: parent
|
|
onPressed: mouse.accepted = false
|
|
}
|
|
}
|
|
|
|
}
|