138 lines
4.1 KiB
QML
138 lines
4.1 KiB
QML
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12 as Controls
|
|
import QtQuick.Layouts 1.12
|
|
import QtGraphicalEffects 1.12
|
|
|
|
import org.kde.kirigami 2.13 as Kirigami
|
|
|
|
import Spectral 0.1
|
|
import Spectral.Setting 0.1
|
|
import Spectral.Component 2.0
|
|
|
|
RowLayout {
|
|
default property alias innerObject : column.children
|
|
|
|
readonly property bool sentByMe: author.isLocalUser
|
|
readonly property bool darkBackground: !sentByMe
|
|
readonly property bool replyVisible: reply ?? false
|
|
readonly property bool failed: marks == EventStatus.SendingFailed
|
|
readonly property color authorColor: eventType == "notice" ? MPalette.primary : author.color
|
|
readonly property color replyAuthorColor: replyVisible ? reply.author.color : MPalette.accent
|
|
|
|
signal saveFileAs()
|
|
signal openExternally()
|
|
|
|
id: root
|
|
|
|
spacing: Kirigami.Units.largeSpacing
|
|
|
|
Kirigami.Avatar {
|
|
Layout.preferredWidth: Kirigami.Units.gridUnit * 1.5
|
|
Layout.preferredHeight: Kirigami.Units.gridUnit * 1.5
|
|
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
visible: showAuthor
|
|
name: author.displayName
|
|
source: author.avatarMediaId ? "image://mxc/" + author.avatarMediaId : ""
|
|
color: author.color
|
|
}
|
|
|
|
Item {
|
|
Layout.preferredWidth: Kirigami.Units.gridUnit * 1.5
|
|
Layout.preferredHeight: 1
|
|
|
|
visible: !showAuthor
|
|
}
|
|
|
|
Item {
|
|
Layout.preferredWidth: column.width + 16
|
|
Layout.preferredHeight: column.height + 16
|
|
|
|
/*RectangularGlow {
|
|
anchors.fill: messageBubble
|
|
glowRadius: 0.8
|
|
spread: 0.3
|
|
cornerRadius: messageBubble.radius + glowRadius
|
|
color: Qt.darker(messageBubble.color, 1.2)
|
|
}*/
|
|
|
|
// inner area of the message bubble
|
|
/*Rectangle {
|
|
id: messageBubble
|
|
anchors.fill: parent
|
|
radius: 2
|
|
color: authorColor
|
|
}*/
|
|
|
|
|
|
ColumnLayout {
|
|
id: column
|
|
Layout.fillWidth: true
|
|
anchors.centerIn: parent
|
|
spacing: Kirigami.Units.smallSpacing
|
|
|
|
Controls.Label {
|
|
Layout.fillWidth: true
|
|
|
|
visible: showAuthor
|
|
|
|
text: author.displayName
|
|
font.bold: true
|
|
color: Kirigami.Theme.activeTextColor
|
|
wrapMode: Text.Wrap
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
visible: replyVisible
|
|
|
|
Rectangle {
|
|
Layout.preferredWidth: 4
|
|
Layout.fillHeight: true
|
|
|
|
color: Kirigami.Theme.highlightColor
|
|
}
|
|
|
|
Kirigami.Avatar {
|
|
Layout.preferredWidth: Kirigami.Units.gridUnit * 1.5
|
|
Layout.preferredHeight: Kirigami.Units.gridUnit * 1.5
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
source: replyVisible && reply.author.avatarMediaId ? "image://mxc/" + reply.author.avatarMediaId : ""
|
|
name: replyVisible ? reply.author.displayName : "H"
|
|
color: replyVisible ? reply.author.color : MPalette.accent
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
Controls.Label {
|
|
Layout.fillWidth: true
|
|
|
|
text: replyVisible ? reply.author.displayName : ""
|
|
color: Kirigami.Theme.activeTextColor
|
|
wrapMode: Text.Wrap
|
|
}
|
|
|
|
Text {
|
|
Layout.fillWidth: true
|
|
|
|
text: replyVisible ? reply.display : ""
|
|
|
|
color: Kirigami.Theme.textColor
|
|
// selectionColor: Kirigami.Theme.highlightColor
|
|
// selectedTextColor: Kirigami.Theme.highlightedTextColor
|
|
|
|
// selectByMouse: true
|
|
// readOnly: true
|
|
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
|
|
textFormat: Text.RichText
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|