mirror of
https://github.com/Nheko-Reborn/nheko.git
synced 2024-11-22 19:08:58 +03:00
456 lines
12 KiB
QML
456 lines
12 KiB
QML
// SPDX-FileCopyrightText: 2021 Nheko Contributors
|
|
// SPDX-FileCopyrightText: 2022 Nheko Contributors
|
|
// SPDX-FileCopyrightText: 2023 Nheko Contributors
|
|
//
|
|
// SPDX-License-Identifier: GPL-3.0-or-later
|
|
|
|
import "./components"
|
|
import "./delegates"
|
|
import "./device-verification"
|
|
import "./emoji"
|
|
import "./ui"
|
|
import "./voip"
|
|
import Qt.labs.platform 1.1 as Platform
|
|
import QtQuick 2.15
|
|
import QtQuick.Controls 2.5
|
|
import QtQuick.Layouts 1.3
|
|
import QtQuick.Particles 2.15
|
|
import QtQuick.Window 2.13
|
|
import im.nheko 1.0
|
|
import im.nheko.EmojiModel 1.0
|
|
|
|
Item {
|
|
id: timelineView
|
|
|
|
property var room: null
|
|
property var roomPreview: null
|
|
property bool showBackButton: false
|
|
property bool shouldEffectsRun: false
|
|
clip: true
|
|
|
|
onRoomChanged: if (room != null) room.triggerSpecialEffects()
|
|
|
|
// focus message input on key press, but not on Ctrl-C and such.
|
|
Keys.onPressed: if (event.text && !topBar.searchHasFocus) TimelineManager.focusMessageInput();
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.Close
|
|
onActivated: Rooms.resetCurrentRoom()
|
|
}
|
|
|
|
Label {
|
|
visible: !room && !TimelineManager.isInitialSync && (!roomPreview || !roomPreview.roomid)
|
|
anchors.centerIn: parent
|
|
text: qsTr("No room open")
|
|
font.pointSize: 24
|
|
color: Nheko.colors.text
|
|
}
|
|
|
|
Spinner {
|
|
visible: TimelineManager.isInitialSync
|
|
anchors.centerIn: parent
|
|
foreground: Nheko.colors.mid
|
|
running: TimelineManager.isInitialSync
|
|
// height is somewhat arbitrary here... don't set width because width scales w/ height
|
|
height: parent.height / 16
|
|
z: 3
|
|
opacity: hh.hovered ? 0.3 : 1
|
|
|
|
Behavior on opacity {
|
|
NumberAnimation { duration: 100; }
|
|
}
|
|
|
|
HoverHandler {
|
|
id: hh
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: timelineLayout
|
|
|
|
visible: room != null && !room.isSpace
|
|
enabled: visible
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
|
|
TopBar {
|
|
id: topBar
|
|
|
|
showBackButton: timelineView.showBackButton
|
|
}
|
|
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
height: 1
|
|
z: 3
|
|
color: Nheko.theme.separator
|
|
}
|
|
|
|
Rectangle {
|
|
id: msgView
|
|
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
color: Nheko.colors.base
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
|
|
StackLayout {
|
|
id: stackLayout
|
|
|
|
currentIndex: 0
|
|
|
|
Connections {
|
|
function onRoomChanged() {
|
|
stackLayout.currentIndex = 0;
|
|
}
|
|
|
|
target: timelineView
|
|
}
|
|
|
|
MessageView {
|
|
implicitHeight: msgView.height - typingIndicator.height
|
|
searchString: topBar.searchString
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Loader {
|
|
source: CallManager.isOnCall && CallManager.callType != CallType.VOICE ? "voip/VideoCall.qml" : ""
|
|
onLoaded: TimelineManager.setVideoCallItem()
|
|
}
|
|
|
|
}
|
|
|
|
TypingIndicator {
|
|
id: typingIndicator
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
CallInviteBar {
|
|
id: callInviteBar
|
|
|
|
Layout.fillWidth: true
|
|
z: 3
|
|
}
|
|
|
|
ActiveCallBar {
|
|
Layout.fillWidth: true
|
|
z: 3
|
|
}
|
|
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
z: 3
|
|
height: 1
|
|
color: Nheko.theme.separator
|
|
}
|
|
|
|
|
|
UploadBox {
|
|
}
|
|
|
|
NotificationWarning {
|
|
}
|
|
|
|
ReplyPopup {
|
|
}
|
|
|
|
MessageInput {
|
|
}
|
|
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: preview
|
|
|
|
property string roomId: room ? room.roomId : (roomPreview ? roomPreview.roomid : "")
|
|
property string roomName: room ? room.roomName : (roomPreview ? roomPreview.roomName : "")
|
|
property string roomTopic: room ? room.roomTopic : (roomPreview ? roomPreview.roomTopic : "")
|
|
property string avatarUrl: room ? room.roomAvatarUrl : (roomPreview ? roomPreview.roomAvatarUrl : "")
|
|
property string reason: roomPreview ? roomPreview.reason : ""
|
|
|
|
visible: room != null && room.isSpace || roomPreview != null
|
|
enabled: visible
|
|
anchors.fill: parent
|
|
anchors.margins: Nheko.paddingLarge
|
|
spacing: Nheko.paddingLarge
|
|
|
|
Item {
|
|
Layout.fillHeight: true
|
|
}
|
|
|
|
Avatar {
|
|
url: parent.avatarUrl.replace("mxc://", "image://MxcImage/")
|
|
roomid: parent.roomId
|
|
displayName: parent.roomName
|
|
height: 130
|
|
width: 130
|
|
Layout.alignment: Qt.AlignHCenter
|
|
enabled: false
|
|
}
|
|
|
|
RowLayout {
|
|
spacing: Nheko.paddingMedium
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
MatrixText {
|
|
text: preview.roomName == "" ? qsTr("No preview available") : preview.roomName
|
|
font.pixelSize: 24
|
|
}
|
|
|
|
ImageButton {
|
|
image: ":/icons/icons/ui/settings.svg"
|
|
visible: !!room
|
|
hoverEnabled: true
|
|
ToolTip.visible: hovered
|
|
ToolTip.text: qsTr("Settings")
|
|
onClicked: TimelineManager.openRoomSettings(room.roomId)
|
|
}
|
|
|
|
}
|
|
|
|
RowLayout {
|
|
visible: !!room
|
|
spacing: Nheko.paddingMedium
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
MatrixText {
|
|
text: qsTr("%n member(s)", "", room ? room.roomMemberCount : 0)
|
|
}
|
|
|
|
ImageButton {
|
|
image: ":/icons/icons/ui/people.svg"
|
|
hoverEnabled: true
|
|
ToolTip.visible: hovered
|
|
ToolTip.text: qsTr("View members of %1").arg(room ? room.roomName : "")
|
|
onClicked: TimelineManager.openRoomMembers(room)
|
|
}
|
|
|
|
}
|
|
|
|
ScrollView {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: Nheko.paddingLarge
|
|
Layout.rightMargin: Nheko.paddingLarge
|
|
|
|
TextArea {
|
|
text: TimelineManager.escapeEmoji(preview.roomTopic)
|
|
wrapMode: TextEdit.WordWrap
|
|
textFormat: TextEdit.RichText
|
|
readOnly: true
|
|
background: null
|
|
selectByMouse: true
|
|
color: Nheko.colors.text
|
|
horizontalAlignment: TextEdit.AlignHCenter
|
|
onLinkActivated: Nheko.openLink(link)
|
|
|
|
CursorShape {
|
|
anchors.fill: parent
|
|
cursorShape: parent.hoveredLink ? Qt.PointingHandCursor : Qt.ArrowCursor
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
FlatButton {
|
|
visible: roomPreview && !roomPreview.isInvite
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: qsTr("join the conversation")
|
|
onClicked: Rooms.joinPreview(roomPreview.roomid)
|
|
}
|
|
|
|
FlatButton {
|
|
visible: roomPreview && roomPreview.isInvite
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: qsTr("accept invite")
|
|
onClicked: Rooms.acceptInvite(roomPreview.roomid)
|
|
}
|
|
|
|
FlatButton {
|
|
visible: roomPreview && roomPreview.isInvite
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: qsTr("decline invite")
|
|
onClicked: Rooms.declineInvite(roomPreview.roomid)
|
|
}
|
|
|
|
ScrollView {
|
|
id: reasonField
|
|
property bool showReason: false
|
|
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: Nheko.paddingLarge
|
|
Layout.rightMargin: Nheko.paddingLarge
|
|
visible: preview.reason !== "" && showReason
|
|
|
|
TextArea {
|
|
text: TimelineManager.escapeEmoji(preview.reason)
|
|
wrapMode: TextEdit.WordWrap
|
|
textFormat: TextEdit.RichText
|
|
readOnly: true
|
|
background: null
|
|
selectByMouse: true
|
|
color: Nheko.colors.text
|
|
horizontalAlignment: TextEdit.AlignHCenter
|
|
}
|
|
|
|
}
|
|
|
|
Button {
|
|
id: showReasonButton
|
|
|
|
Layout.alignment: Qt.AlignHCenter
|
|
//Layout.fillWidth: true
|
|
Layout.leftMargin: Nheko.paddingLarge
|
|
Layout.rightMargin: Nheko.paddingLarge
|
|
|
|
visible: preview.reason !== ""
|
|
text: reasonField.showReason ? qsTr("Hide invite reason") : qsTr("Show invite reason")
|
|
onClicked: {
|
|
reasonField.showReason = !reasonField.showReason;
|
|
}
|
|
}
|
|
|
|
Item {
|
|
visible: room != null
|
|
Layout.preferredHeight: Math.ceil(fontMetrics.lineSpacing * 2)
|
|
}
|
|
|
|
Item {
|
|
Layout.fillHeight: true
|
|
}
|
|
|
|
}
|
|
|
|
ImageButton {
|
|
id: backToRoomsButton
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.margins: Nheko.paddingMedium
|
|
width: Nheko.avatarSize
|
|
height: Nheko.avatarSize
|
|
visible: (room == null || room.isSpace) && showBackButton
|
|
enabled: visible
|
|
image: ":/icons/icons/ui/angle-arrow-left.svg"
|
|
ToolTip.visible: hovered
|
|
ToolTip.text: qsTr("Back to room list")
|
|
onClicked: Rooms.resetCurrentRoom()
|
|
}
|
|
|
|
ParticleSystem { id: confettiParticleSystem
|
|
Component.onCompleted: pause();
|
|
paused: !shouldEffectsRun
|
|
}
|
|
|
|
Emitter {
|
|
id: confettiEmitter
|
|
|
|
width: parent.width * 3/4
|
|
enabled: false
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
y: parent.height
|
|
emitRate: Math.min(400 * Math.sqrt(parent.width * parent.height) / 870, 1000)
|
|
lifeSpan: 15000
|
|
system: confettiParticleSystem
|
|
maximumEmitted: 500
|
|
velocityFromMovement: 8
|
|
size: 16
|
|
sizeVariation: 4
|
|
velocity: PointDirection {
|
|
x: 0
|
|
y: -Math.min(450 * parent.height / 700, 1000)
|
|
xVariation: Math.min(4 * parent.width / 7, 450)
|
|
yVariation: 250
|
|
}
|
|
}
|
|
|
|
ImageParticle {
|
|
system: confettiParticleSystem
|
|
source: "qrc:/confettiparticle.svg"
|
|
rotationVelocity: 0
|
|
rotationVelocityVariation: 360
|
|
colorVariation: 1
|
|
color: "white"
|
|
entryEffect: ImageParticle.None
|
|
xVector: PointDirection {
|
|
x: 1
|
|
y: 0
|
|
xVariation: 0.2
|
|
yVariation: 0.2
|
|
}
|
|
yVector: PointDirection {
|
|
x: 0
|
|
y: 0.5
|
|
xVariation: 0.2
|
|
yVariation: 0.2
|
|
}
|
|
}
|
|
|
|
Gravity {
|
|
system: confettiParticleSystem
|
|
anchors.fill: parent
|
|
magnitude: 350
|
|
angle: 90
|
|
}
|
|
|
|
NhekoDropArea {
|
|
anchors.fill: parent
|
|
roomid: room ? room.roomId : ""
|
|
}
|
|
|
|
Timer {
|
|
id: effectsTimer
|
|
onTriggered: shouldEffectsRun = false;
|
|
interval: confettiEmitter.lifeSpan
|
|
repeat: false
|
|
running: false
|
|
}
|
|
|
|
Connections {
|
|
function onOpenReadReceiptsDialog(rr) {
|
|
var dialog = readReceiptsDialog.createObject(timelineRoot, {
|
|
"readReceipts": rr,
|
|
"room": room
|
|
});
|
|
dialog.show();
|
|
timelineRoot.destroyOnClose(dialog);
|
|
}
|
|
|
|
function onShowRawMessageDialog(rawMessage) {
|
|
var dialog = Qt.createComponent("qrc:/qml/dialogs/RawMessageDialog.qml").createObject(timelineRoot, {
|
|
"rawMessage": rawMessage
|
|
});
|
|
dialog.show();
|
|
timelineRoot.destroyOnClose(dialog);
|
|
}
|
|
|
|
function onConfetti()
|
|
{
|
|
if (!Settings.fancyEffects)
|
|
return
|
|
|
|
shouldEffectsRun = true;
|
|
confettiEmitter.pulse(parent.height * 2)
|
|
room.markSpecialEffectsDone()
|
|
}
|
|
|
|
function onConfettiDone()
|
|
{
|
|
if (!Settings.fancyEffects)
|
|
return
|
|
|
|
effectsTimer.start();
|
|
}
|
|
|
|
target: room
|
|
}
|
|
|
|
}
|