2021-03-05 02:35:15 +03:00
|
|
|
// SPDX-FileCopyrightText: 2021 Nheko Contributors
|
2021-03-14 04:45:20 +03:00
|
|
|
//
|
2021-03-05 02:35:15 +03:00
|
|
|
// SPDX-License-Identifier: GPL-3.0-or-later
|
|
|
|
|
2021-07-09 10:36:33 +03:00
|
|
|
import "./components"
|
2020-10-08 22:11:21 +03:00
|
|
|
import "./delegates"
|
|
|
|
import "./device-verification"
|
|
|
|
import "./emoji"
|
2021-03-12 07:09:57 +03:00
|
|
|
import "./ui"
|
2021-07-10 18:21:15 +03:00
|
|
|
import "./voip"
|
2021-03-15 00:22:52 +03:00
|
|
|
import Qt.labs.platform 1.1 as Platform
|
2020-10-08 22:11:21 +03:00
|
|
|
import QtGraphicalEffects 1.0
|
2021-01-12 17:03:39 +03:00
|
|
|
import QtQuick 2.9
|
2021-06-13 02:48:11 +03:00
|
|
|
import QtQuick.Controls 2.5
|
2021-01-12 17:03:39 +03:00
|
|
|
import QtQuick.Layouts 1.3
|
2021-08-04 03:27:50 +03:00
|
|
|
import QtQuick.Window 2.13
|
2019-11-30 03:43:39 +03:00
|
|
|
import im.nheko 1.0
|
2020-05-14 03:19:15 +03:00
|
|
|
import im.nheko.EmojiModel 1.0
|
2019-09-03 00:28:05 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
Item {
|
|
|
|
id: timelineView
|
2021-04-27 12:08:21 +03:00
|
|
|
|
2021-05-28 23:14:59 +03:00
|
|
|
property var room: null
|
2021-07-09 10:36:33 +03:00
|
|
|
property var roomPreview: null
|
2021-06-08 23:18:51 +03:00
|
|
|
property bool showBackButton: false
|
2021-05-28 23:14:59 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
Label {
|
2021-07-09 10:36:33 +03:00
|
|
|
visible: !room && !TimelineManager.isInitialSync && !roomPreview
|
2021-05-14 16:23:32 +03:00
|
|
|
anchors.centerIn: parent
|
|
|
|
text: qsTr("No room open")
|
|
|
|
font.pointSize: 24
|
|
|
|
color: Nheko.colors.text
|
2021-04-11 17:31:49 +03:00
|
|
|
}
|
|
|
|
|
2021-03-12 07:09:57 +03:00
|
|
|
Spinner {
|
2021-03-15 02:22:33 +03:00
|
|
|
visible: TimelineManager.isInitialSync
|
2021-05-14 16:23:32 +03:00
|
|
|
anchors.centerIn: parent
|
2021-06-10 02:01:49 +03:00
|
|
|
foreground: Nheko.colors.mid
|
2021-05-14 16:23:32 +03:00
|
|
|
running: TimelineManager.isInitialSync
|
2021-03-12 07:09:57 +03:00
|
|
|
// height is somewhat arbitrary here... don't set width because width scales w/ height
|
|
|
|
height: parent.height / 16
|
2021-05-14 16:23:32 +03:00
|
|
|
z: 3
|
2021-02-21 20:40:21 +03:00
|
|
|
}
|
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
ColumnLayout {
|
|
|
|
id: timelineLayout
|
2021-04-11 23:24:39 +03:00
|
|
|
|
2021-06-18 17:22:06 +03:00
|
|
|
visible: room != null && !room.isSpace
|
|
|
|
enabled: visible
|
2020-10-08 22:11:21 +03:00
|
|
|
anchors.fill: parent
|
2021-05-14 16:23:32 +03:00
|
|
|
spacing: 0
|
2021-01-12 22:22:52 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
TopBar {
|
2021-06-08 23:18:51 +03:00
|
|
|
showBackButton: timelineView.showBackButton
|
2020-10-08 22:11:21 +03:00
|
|
|
}
|
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
Rectangle {
|
|
|
|
Layout.fillWidth: true
|
|
|
|
height: 1
|
2020-10-08 22:11:21 +03:00
|
|
|
z: 3
|
2021-05-15 00:35:34 +03:00
|
|
|
color: Nheko.theme.separator
|
2020-10-08 22:11:21 +03:00
|
|
|
}
|
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
Rectangle {
|
|
|
|
id: msgView
|
2021-01-26 08:03:09 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
Layout.fillWidth: true
|
|
|
|
Layout.fillHeight: true
|
|
|
|
color: Nheko.colors.base
|
2020-10-08 22:11:21 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
ColumnLayout {
|
|
|
|
anchors.fill: parent
|
|
|
|
spacing: 0
|
2020-11-15 06:52:49 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
StackLayout {
|
|
|
|
id: stackLayout
|
2020-10-08 22:11:21 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
currentIndex: 0
|
2020-11-15 06:52:49 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
Connections {
|
2021-05-28 23:14:59 +03:00
|
|
|
function onRoomChanged() {
|
2021-05-14 16:23:32 +03:00
|
|
|
stackLayout.currentIndex = 0;
|
2020-10-08 22:11:21 +03:00
|
|
|
}
|
|
|
|
|
2021-05-28 23:14:59 +03:00
|
|
|
target: timelineView
|
2021-05-14 16:23:32 +03:00
|
|
|
}
|
2020-11-15 06:52:49 +03:00
|
|
|
|
2021-08-11 05:16:27 +03:00
|
|
|
Loader {
|
|
|
|
active: room || roomPreview
|
2021-05-14 16:23:32 +03:00
|
|
|
Layout.fillWidth: true
|
2021-08-11 05:16:27 +03:00
|
|
|
sourceComponent: MessageView {
|
|
|
|
implicitHeight: msgView.height - typingIndicator.height
|
|
|
|
}
|
|
|
|
|
2020-10-08 22:11:21 +03:00
|
|
|
}
|
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
Loader {
|
|
|
|
source: CallManager.isOnCall && CallManager.callType != CallType.VOICE ? "voip/VideoCall.qml" : ""
|
|
|
|
onLoaded: TimelineManager.setVideoCallItem()
|
2020-10-27 20:14:06 +03:00
|
|
|
}
|
2020-10-08 22:11:21 +03:00
|
|
|
|
|
|
|
}
|
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
TypingIndicator {
|
|
|
|
id: typingIndicator
|
|
|
|
}
|
2021-01-12 01:51:39 +03:00
|
|
|
|
2020-12-17 19:25:32 +03:00
|
|
|
}
|
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
}
|
2020-10-08 22:11:21 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
CallInviteBar {
|
|
|
|
id: callInviteBar
|
2020-10-08 22:11:21 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
Layout.fillWidth: true
|
|
|
|
z: 3
|
|
|
|
}
|
2020-10-26 15:50:44 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
ActiveCallBar {
|
|
|
|
Layout.fillWidth: true
|
|
|
|
z: 3
|
|
|
|
}
|
|
|
|
|
|
|
|
Rectangle {
|
|
|
|
Layout.fillWidth: true
|
|
|
|
z: 3
|
|
|
|
height: 1
|
2021-05-15 00:35:34 +03:00
|
|
|
color: Nheko.theme.separator
|
2021-05-14 16:23:32 +03:00
|
|
|
}
|
2021-02-03 05:12:08 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
ReplyPopup {
|
2021-02-03 03:30:03 +03:00
|
|
|
}
|
2020-10-26 15:50:44 +03:00
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
MessageInput {
|
2020-10-08 22:11:21 +03:00
|
|
|
}
|
|
|
|
|
2021-02-03 05:12:08 +03:00
|
|
|
}
|
2021-01-26 07:46:55 +03:00
|
|
|
|
2021-06-18 17:22:06 +03:00
|
|
|
ColumnLayout {
|
2021-07-09 10:36:33 +03:00
|
|
|
id: preview
|
|
|
|
|
|
|
|
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 : "")
|
|
|
|
|
|
|
|
visible: room != null && room.isSpace || roomPreview != null
|
2021-06-18 17:22:06 +03:00
|
|
|
enabled: visible
|
|
|
|
anchors.fill: parent
|
|
|
|
anchors.margins: Nheko.paddingLarge
|
|
|
|
spacing: Nheko.paddingLarge
|
|
|
|
|
2021-07-09 10:36:33 +03:00
|
|
|
Item {
|
|
|
|
Layout.fillHeight: true
|
|
|
|
}
|
|
|
|
|
2021-06-18 17:22:06 +03:00
|
|
|
Avatar {
|
2021-07-09 10:36:33 +03:00
|
|
|
url: parent.avatarUrl.replace("mxc://", "image://MxcImage/")
|
|
|
|
displayName: parent.roomName
|
2021-06-18 17:22:06 +03:00
|
|
|
height: 130
|
|
|
|
width: 130
|
|
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
enabled: false
|
|
|
|
}
|
2021-07-17 20:31:38 +03:00
|
|
|
|
2021-06-18 17:22:06 +03:00
|
|
|
MatrixText {
|
2021-07-09 10:36:33 +03:00
|
|
|
text: parent.roomName
|
2021-06-18 17:22:06 +03:00
|
|
|
font.pixelSize: 24
|
|
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
}
|
|
|
|
|
|
|
|
MatrixText {
|
2021-07-09 10:36:33 +03:00
|
|
|
visible: !!room
|
2021-06-18 17:22:06 +03:00
|
|
|
text: qsTr("%1 member(s)").arg(room ? room.roomMemberCount : 0)
|
|
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
}
|
|
|
|
|
|
|
|
ScrollView {
|
|
|
|
Layout.alignment: Qt.AlignHCenter
|
2021-07-09 10:36:33 +03:00
|
|
|
Layout.fillWidth: true
|
|
|
|
Layout.leftMargin: Nheko.paddingLarge
|
|
|
|
Layout.rightMargin: Nheko.paddingLarge
|
2021-06-18 17:22:06 +03:00
|
|
|
|
|
|
|
TextArea {
|
2021-07-09 10:36:33 +03:00
|
|
|
text: TimelineManager.escapeEmoji(preview.roomTopic)
|
2021-06-18 17:22:06 +03:00
|
|
|
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
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
2021-07-09 10:36:33 +03:00
|
|
|
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)
|
|
|
|
}
|
|
|
|
|
|
|
|
Item {
|
|
|
|
visible: room != null
|
|
|
|
Layout.preferredHeight: Math.ceil(fontMetrics.lineSpacing * 2)
|
|
|
|
}
|
|
|
|
|
2021-06-18 17:22:06 +03:00
|
|
|
Item {
|
|
|
|
Layout.fillHeight: true
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
2021-06-18 17:40:40 +03:00
|
|
|
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-pointing-to-left.png"
|
|
|
|
ToolTip.visible: hovered
|
|
|
|
ToolTip.text: qsTr("Back to room list")
|
|
|
|
onClicked: Rooms.resetCurrentRoom()
|
|
|
|
}
|
|
|
|
|
2021-05-14 16:23:32 +03:00
|
|
|
NhekoDropArea {
|
2021-02-03 05:12:08 +03:00
|
|
|
anchors.fill: parent
|
2021-07-17 23:56:56 +03:00
|
|
|
roomid: room ? room.roomId : ""
|
2021-05-28 23:14:59 +03:00
|
|
|
}
|
|
|
|
|
2021-07-30 14:24:48 +03:00
|
|
|
Connections {
|
|
|
|
function onOpenReadReceiptsDialog(rr) {
|
|
|
|
var dialog = readReceiptsDialog.createObject(timelineRoot, {
|
|
|
|
"readReceipts": rr,
|
|
|
|
"room": room
|
|
|
|
});
|
|
|
|
dialog.show();
|
|
|
|
}
|
|
|
|
|
2021-07-31 05:13:58 +03:00
|
|
|
function onShowRawMessageDialog(rawMessage) {
|
|
|
|
var dialog = rawMessageDialog.createObject(timelineRoot, {
|
|
|
|
"rawMessage": rawMessage
|
|
|
|
});
|
|
|
|
dialog.show();
|
|
|
|
}
|
|
|
|
|
2021-07-30 14:24:48 +03:00
|
|
|
target: room
|
|
|
|
}
|
|
|
|
|
2019-08-30 20:29:25 +03:00
|
|
|
}
|