import QtQuick 2.13 import QtQuick.Controls 2.13 import QtGraphicalEffects 1.13 import utils 1.0 import "../../shared" import "../../shared/panels" Rectangle { id: root height: (root.contentType === Constants.imageType) ? replyToUsername.height + imageThumbnail.height + Style.current.padding : (root.contentType === Constants.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 sticker: "" 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.imageType) && (root.contentType !== Constants.stickerType) StyledText { id: replyText text: Utils.getMessageWithStyle(Utils.linkifyAndXSS(Emoji.parse(message)), appSettings.useCompactMode, 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.imageType } StatusSticker { id: stickerThumbnail anchors.left: replyToUsername.left anchors.top: replyToUsername.bottom anchors.topMargin: 2 imageWidth: 64 imageHeight: 64 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 } } }