mirror of
https://github.com/Nheko-Reborn/nheko.git
synced 2024-10-30 09:30:47 +03:00
Remove old TimelineRow
This commit is contained in:
Nicolas Werner
parent
b29ce3ca44
commit
57a27396ad
2 changed files with 0 additions and 348 deletions
|
|
@ -722,7 +722,6 @@ set(QML_SOURCES
|
|||
resources/qml/Reactions.qml
|
||||
resources/qml/ReplyPopup.qml
|
||||
resources/qml/StatusIndicator.qml
|
||||
resources/qml/TimelineRow.qml
|
||||
resources/qml/TopBar.qml
|
||||
resources/qml/QuickSwitcher.qml
|
||||
resources/qml/ForwardCompleter.qml
|
||||
|
|
|
|||
|
|
@ -1,347 +0,0 @@
|
|||
// SPDX-FileCopyrightText: Nheko Contributors
|
||||
//
|
||||
// SPDX-License-Identifier: GPL-3.0-or-later
|
||||
|
||||
import "./delegates"
|
||||
import "./emoji"
|
||||
import QtQuick 2.15
|
||||
import QtQuick.Controls 2.3
|
||||
import QtQuick.Layouts 1.2
|
||||
import QtQuick.Window 2.13
|
||||
import im.nheko 1.0
|
||||
|
||||
AbstractButton {
|
||||
id: r
|
||||
|
||||
required property string blurhash
|
||||
required property string body
|
||||
required property string callType
|
||||
required property int duration
|
||||
required property int encryptionError
|
||||
required property string eventId
|
||||
required property string filename
|
||||
required property string filesize
|
||||
required property string formattedBody
|
||||
required property int index
|
||||
required property bool isEditable
|
||||
required property bool isEdited
|
||||
required property bool isEncrypted
|
||||
required property bool isOnlyEmoji
|
||||
required property bool isSender
|
||||
required property bool isStateEvent
|
||||
required property int notificationlevel
|
||||
required property int originalWidth
|
||||
required property double proportionalHeight
|
||||
required property var reactions
|
||||
required property int relatedEventCacheBuster
|
||||
required property string replyTo
|
||||
required property string roomName
|
||||
required property string roomTopic
|
||||
required property int status
|
||||
required property string threadId
|
||||
required property string thumbnailUrl
|
||||
required property var timestamp
|
||||
required property int trustlevel
|
||||
required property int type
|
||||
required property string typeString
|
||||
required property string url
|
||||
required property string userId
|
||||
required property string userName
|
||||
|
||||
height: row.height + (reactionRow.height > 0 ? reactionRow.height - 2 : 0) + unreadRow.height
|
||||
hoverEnabled: true
|
||||
|
||||
states: State {
|
||||
name: "dragging"
|
||||
when: draghandler.active
|
||||
}
|
||||
transitions: Transition {
|
||||
from: "dragging"
|
||||
to: ""
|
||||
|
||||
PropertyAnimation {
|
||||
duration: 100
|
||||
easing.type: Easing.InOutQuad
|
||||
properties: "x"
|
||||
target: r
|
||||
to: 0
|
||||
}
|
||||
}
|
||||
|
||||
onClicked: {
|
||||
let link = contentItem.child.linkAt != undefined && contentItem.child.linkAt(pressX - row.x - msg.x, pressY - row.y - msg.y - contentItem.y);
|
||||
if (link) {
|
||||
Nheko.openLink(link);
|
||||
}
|
||||
}
|
||||
onDoubleClicked: room.reply = eventId
|
||||
onPressAndHold: messageContextMenu.show(eventId, threadId, type, isSender, isEncrypted, isEditable, contentItem.child.hoveredLink, contentItem.child.copyText)
|
||||
|
||||
Rectangle {
|
||||
anchors.fill: parent
|
||||
color: (Settings.messageHoverHighlight && hovered) ? palette.alternateBase : "transparent"
|
||||
|
||||
// this looks better without margins
|
||||
TapHandler {
|
||||
acceptedButtons: Qt.RightButton
|
||||
acceptedDevices: PointerDevice.Mouse | PointerDevice.Stylus | PointerDevice.TouchPad
|
||||
gesturePolicy: TapHandler.ReleaseWithinBounds
|
||||
|
||||
onSingleTapped: messageContextMenu.show(eventId, threadId, type, isSender, isEncrypted, isEditable, contentItem.child.hoveredLink, contentItem.child.copyText)
|
||||
}
|
||||
}
|
||||
DragHandler {
|
||||
id: draghandler
|
||||
|
||||
xAxis.maximum: 100
|
||||
xAxis.minimum: -100
|
||||
yAxis.enabled: false
|
||||
|
||||
onActiveChanged: {
|
||||
if (!active && (x < -70 || x > 70))
|
||||
room.reply = eventId;
|
||||
}
|
||||
}
|
||||
AbstractButton {
|
||||
ToolTip.delay: Nheko.tooltipDelay
|
||||
ToolTip.text: qsTr("Part of a thread")
|
||||
ToolTip.visible: hovered
|
||||
anchors.left: parent.left
|
||||
anchors.leftMargin: Settings.smallAvatars ? 0 : (Nheko.avatarSize + 8) // align bubble with section header
|
||||
height: parent.height
|
||||
visible: threadId
|
||||
width: 4
|
||||
|
||||
onClicked: room.thread = threadId
|
||||
|
||||
Rectangle {
|
||||
id: threadLine
|
||||
|
||||
anchors.fill: parent
|
||||
color: TimelineManager.userColor(threadId, palette.base)
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
id: row
|
||||
|
||||
property color bgColor: palette.base
|
||||
property bool bubbleOnRight: isSender && Settings.bubbles
|
||||
property int maxWidth: (parent.width - (Settings.smallAvatars || isStateEvent ? 0 : Nheko.avatarSize + 8)) * (Settings.bubbles && !isStateEvent ? 0.9 : 1)
|
||||
property color userColor: TimelineManager.userColor(userId, palette.base)
|
||||
|
||||
anchors.horizontalCenter: isStateEvent ? parent.horizontalCenter : undefined
|
||||
anchors.left: (isStateEvent || bubbleOnRight) ? undefined : parent.left
|
||||
anchors.leftMargin: (isStateEvent || Settings.smallAvatars ? 0 : (Nheko.avatarSize + 8)) + (threadId ? 6 : 0) // align bubble with section header
|
||||
anchors.right: (isStateEvent || !bubbleOnRight) ? undefined : parent.right
|
||||
border.color: Nheko.theme.red
|
||||
border.width: r.notificationlevel == MtxEvent.Highlight ? 1 : 0
|
||||
color: (Settings.bubbles && !isStateEvent) ? Qt.tint(bgColor, Qt.hsla(userColor.hslHue, 0.5, userColor.hslLightness, 0.2)) : "#00000000"
|
||||
height: msg.height + msg.anchors.margins * 2
|
||||
radius: 4
|
||||
width: Settings.bubbles ? Math.min(maxWidth, Math.max(reply.implicitWidth + 8, contentItem.implicitWidth + metadata.width + 20)) : maxWidth
|
||||
|
||||
GridLayout {
|
||||
id: msg
|
||||
|
||||
columnSpacing: 2
|
||||
columns: Settings.bubbles ? 1 : 2
|
||||
rowSpacing: 0
|
||||
rows: Settings.bubbles ? 3 : 2
|
||||
|
||||
/*
|
||||
anchors {
|
||||
left: parent.left
|
||||
leftMargin: 4
|
||||
margins: (Settings.bubbles && !isStateEvent) ? 4 : 2
|
||||
right: parent.right
|
||||
rightMargin: 4
|
||||
top: parent.top
|
||||
}
|
||||
|
||||
// fancy reply, if this is a reply
|
||||
Reply {
|
||||
id: reply
|
||||
|
||||
function fromModel(role) {
|
||||
return replyTo != "" ? room.dataById(replyTo, role, r.eventId) : null;
|
||||
}
|
||||
|
||||
Layout.bottomMargin: visible ? 2 : 0
|
||||
Layout.column: 0
|
||||
Layout.fillWidth: true
|
||||
Layout.maximumWidth: Settings.bubbles ? Number.MAX_VALUE : implicitWidth
|
||||
Layout.preferredHeight: height
|
||||
Layout.row: 0
|
||||
blurhash: r.relatedEventCacheBuster, fromModel(Room.Blurhash) ?? ""
|
||||
body: r.relatedEventCacheBuster, fromModel(Room.Body) ?? ""
|
||||
callType: r.relatedEventCacheBuster, fromModel(Room.Voip) ?? ""
|
||||
duration: r.relatedEventCacheBuster, fromModel(Room.Duration) ?? 0
|
||||
encryptionError: r.relatedEventCacheBuster, fromModel(Room.EncryptionError) ?? 0
|
||||
eventId: fromModel(Room.EventId) ?? ""
|
||||
filename: r.relatedEventCacheBuster, fromModel(Room.Filename) ?? ""
|
||||
filesize: r.relatedEventCacheBuster, fromModel(Room.Filesize) ?? ""
|
||||
formattedBody: r.relatedEventCacheBuster, fromModel(Room.FormattedBody) ?? ""
|
||||
isOnlyEmoji: r.relatedEventCacheBuster, fromModel(Room.IsOnlyEmoji) ?? false
|
||||
isStateEvent: r.relatedEventCacheBuster, fromModel(Room.IsStateEvent) ?? false
|
||||
originalWidth: r.relatedEventCacheBuster, fromModel(Room.OriginalWidth) ?? 0
|
||||
proportionalHeight: r.relatedEventCacheBuster, fromModel(Room.ProportionalHeight) ?? 1
|
||||
relatedEventCacheBuster: r.relatedEventCacheBuster, fromModel(Room.RelatedEventCacheBuster) ?? 0
|
||||
roomName: r.relatedEventCacheBuster, fromModel(Room.RoomName) ?? ""
|
||||
roomTopic: r.relatedEventCacheBuster, fromModel(Room.RoomTopic) ?? ""
|
||||
thumbnailUrl: r.relatedEventCacheBuster, fromModel(Room.ThumbnailUrl) ?? ""
|
||||
type: r.relatedEventCacheBuster, fromModel(Room.Type) ?? MtxEvent.UnknownMessage
|
||||
typeString: r.relatedEventCacheBuster, fromModel(Room.TypeString) ?? ""
|
||||
url: r.relatedEventCacheBuster, fromModel(Room.Url) ?? ""
|
||||
userColor: r.relatedEventCacheBuster, TimelineManager.userColor(userId, palette.base)
|
||||
userId: r.relatedEventCacheBuster, fromModel(Room.UserId) ?? ""
|
||||
userName: r.relatedEventCacheBuster, fromModel(Room.UserName) ?? ""
|
||||
visible: replyTo
|
||||
}
|
||||
|
||||
// actual message content
|
||||
MessageDelegate {
|
||||
id: contentItem
|
||||
|
||||
Layout.column: 0
|
||||
Layout.fillWidth: true
|
||||
Layout.preferredHeight: height
|
||||
Layout.row: 1
|
||||
blurhash: r.blurhash
|
||||
body: r.body
|
||||
callType: r.callType
|
||||
duration: r.duration
|
||||
encryptionError: r.encryptionError
|
||||
eventId: r.eventId
|
||||
filename: r.filename
|
||||
filesize: r.filesize
|
||||
formattedBody: r.formattedBody
|
||||
isOnlyEmoji: r.isOnlyEmoji
|
||||
isReply: false
|
||||
isStateEvent: r.isStateEvent
|
||||
metadataWidth: metadata.width
|
||||
originalWidth: r.originalWidth
|
||||
proportionalHeight: r.proportionalHeight
|
||||
relatedEventCacheBuster: r.relatedEventCacheBuster
|
||||
roomName: r.roomName
|
||||
roomTopic: r.roomTopic
|
||||
thumbnailUrl: r.thumbnailUrl
|
||||
type: r.type
|
||||
typeString: r.typeString ?? ""
|
||||
url: r.url
|
||||
userId: r.userId
|
||||
userName: r.userName
|
||||
}
|
||||
*/
|
||||
RowLayout {
|
||||
id: metadata
|
||||
|
||||
property int iconSize: Math.floor(fontMetrics.ascent * scaling)
|
||||
property double scaling: Settings.bubbles ? 0.75 : 1
|
||||
|
||||
Layout.alignment: Qt.AlignTop | Qt.AlignRight
|
||||
Layout.bottomMargin: -2
|
||||
Layout.column: Settings.bubbles ? 0 : 1
|
||||
Layout.preferredWidth: implicitWidth
|
||||
Layout.row: Settings.bubbles ? 2 : 0
|
||||
Layout.rowSpan: Settings.bubbles ? 1 : 2
|
||||
Layout.topMargin: (contentItem.fitsMetadata && Settings.bubbles) ? -height - Layout.bottomMargin : 0
|
||||
spacing: 2
|
||||
visible: !isStateEvent
|
||||
|
||||
StatusIndicator {
|
||||
Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
|
||||
eventId: r.eventId
|
||||
height: parent.iconSize
|
||||
status: r.status
|
||||
width: parent.iconSize
|
||||
}
|
||||
Image {
|
||||
Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
|
||||
ToolTip.delay: Nheko.tooltipDelay
|
||||
ToolTip.text: qsTr("Edited")
|
||||
ToolTip.visible: editHovered.hovered
|
||||
height: parent.iconSize
|
||||
source: "image://colorimage/:/icons/icons/ui/edit.svg?" + ((eventId == room.edit) ? palette.highlight : palette.buttonText)
|
||||
sourceSize.height: parent.iconSize * Screen.devicePixelRatio
|
||||
sourceSize.width: parent.iconSize * Screen.devicePixelRatio
|
||||
visible: isEdited || eventId == room.edit
|
||||
width: parent.iconSize
|
||||
|
||||
HoverHandler {
|
||||
id: editHovered
|
||||
|
||||
}
|
||||
}
|
||||
ImageButton {
|
||||
Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
|
||||
ToolTip.delay: Nheko.tooltipDelay
|
||||
ToolTip.text: qsTr("Part of a thread")
|
||||
ToolTip.visible: hovered
|
||||
buttonTextColor: TimelineManager.userColor(threadId, palette.base)
|
||||
height: parent.iconSize
|
||||
image: ":/icons/icons/ui/thread.svg"
|
||||
visible: threadId
|
||||
width: parent.iconSize
|
||||
|
||||
onClicked: room.thread = threadId
|
||||
}
|
||||
EncryptionIndicator {
|
||||
Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
|
||||
encrypted: isEncrypted
|
||||
height: parent.iconSize
|
||||
sourceSize.height: parent.iconSize * Screen.devicePixelRatio
|
||||
sourceSize.width: parent.iconSize * Screen.devicePixelRatio
|
||||
trust: trustlevel
|
||||
visible: room.isEncrypted
|
||||
width: parent.iconSize
|
||||
}
|
||||
Label {
|
||||
id: ts
|
||||
|
||||
Layout.alignment: Qt.AlignRight | Qt.AlignTop
|
||||
Layout.preferredWidth: implicitWidth
|
||||
ToolTip.delay: Nheko.tooltipDelay
|
||||
ToolTip.text: Qt.formatDateTime(timestamp, Qt.DefaultLocaleLongDate)
|
||||
ToolTip.visible: ma.hovered
|
||||
color: palette.inactive.text
|
||||
font.pointSize: fontMetrics.font.pointSize * parent.scaling
|
||||
text: timestamp.toLocaleTimeString(Locale.ShortFormat)
|
||||
|
||||
HoverHandler {
|
||||
id: ma
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reactions {
|
||||
id: reactionRow
|
||||
|
||||
eventId: r.eventId
|
||||
layoutDirection: row.bubbleOnRight ? Qt.RightToLeft : Qt.LeftToRight
|
||||
reactions: r.reactions
|
||||
width: row.maxWidth
|
||||
|
||||
anchors {
|
||||
left: row.bubbleOnRight ? undefined : row.left
|
||||
right: row.bubbleOnRight ? row.right : undefined
|
||||
top: row.bottom
|
||||
topMargin: -4
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
id: unreadRow
|
||||
|
||||
color: palette.highlight
|
||||
height: visible ? 3 : 0
|
||||
visible: (r.index > 0 && (room.fullyReadEventId == r.eventId))
|
||||
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
top: reactionRow.bottom
|
||||
topMargin: 5
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue