97 lines
2.6 KiB
QML
97 lines
2.6 KiB
QML
|
import QtQuick 2.13
|
||
|
|
import QtQuick.Controls 2.13
|
||
|
|
import QtQuick.Layouts 1.13
|
||
|
|
import "../../../../imports"
|
||
|
|
import "../../../../shared"
|
||
|
|
import "./"
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
property string userName: "Joseph Joestar"
|
||
|
|
property string message: "Your next line is: is this is a Jojo reference?"
|
||
|
|
property string identicon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="
|
||
|
|
|
||
|
|
id: replyArea
|
||
|
|
height: 70
|
||
|
|
anchors.left: parent.left
|
||
|
|
anchors.right: parent.right
|
||
|
|
anchors.top: parent.top
|
||
|
|
color: "#00000000"
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
id: closeButton
|
||
|
|
height: 32
|
||
|
|
width: 32
|
||
|
|
anchors.top: parent.top
|
||
|
|
anchors.topMargin: Style.current.padding
|
||
|
|
anchors.rightMargin: Style.current.padding
|
||
|
|
anchors.right: parent.right
|
||
|
|
radius: 8
|
||
|
|
|
||
|
|
SVGImage {
|
||
|
|
id: closeModalImg
|
||
|
|
source: "../../../../shared/img/close.svg"
|
||
|
|
width: 25
|
||
|
|
height: 25
|
||
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
|
anchors.verticalCenter: parent.verticalCenter
|
||
|
|
}
|
||
|
|
|
||
|
|
MouseArea {
|
||
|
|
id: closeModalMouseArea
|
||
|
|
cursorShape: Qt.PointingHandCursor
|
||
|
|
anchors.fill: parent
|
||
|
|
hoverEnabled: true
|
||
|
|
onExited: {
|
||
|
|
closeButton.color = Style.current.white
|
||
|
|
}
|
||
|
|
onEntered: {
|
||
|
|
closeButton.color = Style.current.grey
|
||
|
|
}
|
||
|
|
onClicked: chatsModel.enableReplyArea(false, "","","")
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Image {
|
||
|
|
id: chatImage
|
||
|
|
width: 36
|
||
|
|
height: 36
|
||
|
|
anchors.topMargin: 20
|
||
|
|
anchors.left: parent.left
|
||
|
|
anchors.leftMargin: Style.current.padding
|
||
|
|
anchors.top: parent.top
|
||
|
|
fillMode: Image.PreserveAspectFit
|
||
|
|
source: identicon
|
||
|
|
mipmap: true
|
||
|
|
smooth: false
|
||
|
|
antialiasing: true
|
||
|
|
}
|
||
|
|
|
||
|
|
StyledTextEdit {
|
||
|
|
id: replyToUsername
|
||
|
|
text: userName
|
||
|
|
font.bold: true
|
||
|
|
font.pixelSize: 14
|
||
|
|
anchors.leftMargin: 20
|
||
|
|
anchors.top: parent.top
|
||
|
|
anchors.topMargin: 0
|
||
|
|
anchors.left: chatImage.right
|
||
|
|
readOnly: true
|
||
|
|
wrapMode: Text.WordWrap
|
||
|
|
selectByMouse: true
|
||
|
|
}
|
||
|
|
|
||
|
|
StyledText {
|
||
|
|
id: replyText
|
||
|
|
text: Emoji.parse(message, "26x26")
|
||
|
|
anchors.left: replyToUsername.left
|
||
|
|
anchors.top: replyToUsername.bottom
|
||
|
|
anchors.topMargin: 8
|
||
|
|
anchors.right: parent.right
|
||
|
|
anchors.rightMargin: Style.current.padding
|
||
|
|
elide: Text.ElideRight
|
||
|
|
wrapMode: Text.Wrap
|
||
|
|
font.pixelSize: 15
|
||
|
|
textFormat: Text.RichText
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|