1e047a8ff1
It seems that this mode didn't get much love when I added the bubbles so
it was quite broken. This patches removes the bubbles and fix the
alignment issues when using this mode.
We probably should rename it to compact mode in a follow up commit (but
not this one so we can backport it to the stable branch).
(cherry picked from commit dded804f00)
104 lines
3.7 KiB
QML
104 lines
3.7 KiB
QML
// SPDX-FileCopyrightText: 2019 Black Hat <bhat@encom.eu.org>
|
|
// SPDX-FileCopyrightText: 2020 Carl Schwan <carl@carlschwan.eu>
|
|
// SPDX-License-Identifier: GPL-3.0-only
|
|
|
|
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15 as QQC2
|
|
import QtQuick.Layouts 1.15
|
|
|
|
import org.kde.kirigami 2.15 as Kirigami
|
|
|
|
import org.kde.neochat 1.0
|
|
import NeoChat.Component.Timeline 1.0
|
|
|
|
MouseArea {
|
|
id: replyButton
|
|
Layout.fillWidth: true
|
|
implicitHeight: replyName.implicitHeight + (loader.item ? loader.item.height : 0) + Kirigami.Units.largeSpacing
|
|
implicitWidth: Math.min(bubbleMaxWidth, Math.max((loader.item ? loader.item.width : 0), replyName.implicitWidth)) + Kirigami.Units.gridUnit + Kirigami.Units.smallSpacing * 3
|
|
Component.onCompleted: {
|
|
parent.Layout.fillWidth = true;
|
|
parent.Layout.preferredWidth = Qt.binding(function() { return implicitWidth; })
|
|
parent.Layout.maximumWidth = Qt.binding(function() { return bubbleMaxWidth + Kirigami.Units.largeSpacing * 2; })
|
|
}
|
|
Rectangle {
|
|
id: replyLeftBorder
|
|
width: Kirigami.Units.smallSpacing
|
|
height: parent.height
|
|
color: Kirigami.Theme.highlightColor
|
|
}
|
|
|
|
Kirigami.Avatar {
|
|
id: avatatReply
|
|
anchors.left: replyLeftBorder.right
|
|
anchors.leftMargin: Kirigami.Units.smallSpacing
|
|
width: visible ? Kirigami.Units.gridUnit : 0
|
|
height: Kirigami.Units.gridUnit
|
|
sourceSize.width: width
|
|
sourceSize.height: height
|
|
Layout.alignment: Qt.AlignTop
|
|
visible: Config.showAvatarInTimeline
|
|
source: reply.author.avatarMediaId ? ("image://mxc/" + reply.author.avatarMediaId) : ""
|
|
name: reply.author.name || ""
|
|
color: reply.author.color
|
|
}
|
|
|
|
QQC2.Label {
|
|
id: replyName
|
|
anchors {
|
|
left: avatatReply.right
|
|
leftMargin: Kirigami.Units.smallSpacing
|
|
right: parent.right
|
|
rightMargin: Kirigami.Units.smallSpacing
|
|
}
|
|
text: reply.author.displayName
|
|
color: reply.author.color
|
|
elide: Text.ElideRight
|
|
}
|
|
|
|
Loader {
|
|
id: loader
|
|
anchors.top: replyName.bottom
|
|
sourceComponent: {
|
|
switch (reply.type) {
|
|
case "image":
|
|
case "sticker":
|
|
return imageComponent;
|
|
case "message":
|
|
return textComponent;
|
|
// TODO support more types
|
|
default:
|
|
return textComponent;
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: textComponent
|
|
TextDelegate {
|
|
id: replyText
|
|
textMessage: reply.display
|
|
textFormat: Text.RichText
|
|
wrapMode: Text.WordWrap
|
|
width: Math.min(implicitWidth, bubbleMaxWidth) - Kirigami.Units.smallSpacing * 5 - avatatReply.width
|
|
x: Kirigami.Units.smallSpacing * 3 + avatatReply.width
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: imageComponent
|
|
Image {
|
|
readonly property var content: reply.content
|
|
readonly property bool isThumbnail: !(content.info.thumbnail_info == null || content.thumbnailMediaId == null)
|
|
// readonly property var info: isThumbnail ? content.info.thumbnail_info : content.info
|
|
readonly property var info: content.info
|
|
readonly property string mediaId: isThumbnail ? content.thumbnailMediaId : content.mediaId
|
|
source: "image://mxc/" + mediaId
|
|
|
|
width: bubbleMaxWidth * 0.75 - Kirigami.Units.smallSpacing * 5 - avatatReply.width
|
|
height: reply.content.info.h / reply.content.info.w * width
|
|
x: Kirigami.Units.smallSpacing * 3 + avatatReply.width
|
|
}
|
|
}
|
|
}
|
|
}
|