mirror of
https://github.com/Nheko-Reborn/nheko.git
synced 2024-11-22 19:08:58 +03:00
131 lines
4 KiB
QML
131 lines
4 KiB
QML
// SPDX-FileCopyrightText: Nheko Contributors
|
|
//
|
|
// SPDX-License-Identifier: GPL-3.0-or-later
|
|
|
|
import ".."
|
|
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import im.nheko 1.0
|
|
|
|
ApplicationWindow {
|
|
id: readReceiptsRoot
|
|
|
|
property ReadReceiptsProxy readReceipts
|
|
property Room room
|
|
|
|
height: 380
|
|
width: 340
|
|
minimumHeight: 380
|
|
minimumWidth: headerTitle.width + 2 * Nheko.paddingMedium
|
|
color: palette.window
|
|
flags: Qt.Dialog | Qt.WindowCloseButtonHint | Qt.WindowTitleHint
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.Cancel
|
|
onActivated: readReceiptsRoot.close()
|
|
}
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
anchors.margins: Nheko.paddingMedium
|
|
spacing: Nheko.paddingMedium
|
|
|
|
Label {
|
|
id: headerTitle
|
|
|
|
color: palette.text
|
|
Layout.alignment: Qt.AlignCenter
|
|
text: qsTr("Read receipts")
|
|
font.pointSize: fontMetrics.font.pointSize * 1.5
|
|
}
|
|
|
|
ScrollView {
|
|
padding: Nheko.paddingMedium
|
|
ScrollBar.horizontal.visible: false
|
|
Layout.fillHeight: true
|
|
Layout.minimumHeight: 200
|
|
Layout.fillWidth: true
|
|
|
|
ListView {
|
|
id: readReceiptsList
|
|
|
|
clip: true
|
|
boundsBehavior: Flickable.StopAtBounds
|
|
model: readReceipts
|
|
|
|
delegate: ItemDelegate {
|
|
id: del
|
|
|
|
onClicked: room.openUserProfile(model.mxid)
|
|
padding: Nheko.paddingMedium
|
|
width: ListView.view.width
|
|
height: receiptLayout.implicitHeight + Nheko.paddingSmall * 2
|
|
hoverEnabled: true
|
|
ToolTip.visible: hovered
|
|
ToolTip.text: model.mxid
|
|
background: Rectangle {
|
|
color: del.hovered ? palette.dark : readReceiptsRoot.color
|
|
}
|
|
|
|
RowLayout {
|
|
id: receiptLayout
|
|
|
|
spacing: Nheko.paddingMedium
|
|
anchors.fill: parent
|
|
anchors.margins: Nheko.paddingSmall
|
|
|
|
Avatar {
|
|
id: avatar
|
|
|
|
width: Nheko.avatarSize
|
|
height: Nheko.avatarSize
|
|
userid: model.mxid
|
|
url: model.avatarUrl.replace("mxc://", "image://MxcImage/")
|
|
displayName: model.displayName
|
|
enabled: false
|
|
}
|
|
|
|
ColumnLayout {
|
|
spacing: Nheko.paddingSmall
|
|
Layout.fillWidth: true
|
|
|
|
ElidedLabel {
|
|
fullText: model.displayName
|
|
color: TimelineManager.userColor(model ? model.mxid : "", palette.window)
|
|
font.pointSize: fontMetrics.font.pointSize
|
|
elideWidth: del.width - Nheko.paddingMedium - avatar.width
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
ElidedLabel {
|
|
fullText: model.timestamp
|
|
color: palette.buttonText
|
|
font.pointSize: fontMetrics.font.pointSize * 0.9
|
|
elideWidth: del.width - Nheko.paddingMedium - avatar.width
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
NhekoCursorShape {
|
|
anchors.fill: parent
|
|
cursorShape: Qt.PointingHandCursor
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
footer: DialogButtonBox {
|
|
standardButtons: DialogButtonBox.Ok
|
|
onAccepted: readReceiptsRoot.close()
|
|
}
|
|
|
|
}
|