matrixion/resources/qml/TimelineView.qml

207 lines
4.8 KiB
QML
Raw Normal View History

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
2020-10-08 22:11:21 +03:00
import "./delegates"
import "./device-verification"
import "./emoji"
2020-12-17 19:25:32 +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
import QtQuick 2.9
2021-06-13 02:48:11 +03:00
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.3
import QtQuick.Window 2.2
import im.nheko 1.0
2020-05-14 03:19:15 +03:00
import im.nheko.EmojiModel 1.0
Item {
id: timelineView
2021-04-27 12:08:21 +03:00
property var room: null
2021-06-08 23:18:51 +03:00
property bool showBackButton: false
Label {
visible: !room && !TimelineManager.isInitialSync
anchors.centerIn: parent
text: qsTr("No room open")
font.pointSize: 24
color: Nheko.colors.text
2021-04-11 17:31:49 +03:00
}
BusyIndicator {
visible: running
anchors.centerIn: parent
running: TimelineManager.isInitialSync
height: 200
width: 200
z: 3
}
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
spacing: 0
2021-01-12 22:22:52 +03:00
TopBar {
2021-06-08 23:18:51 +03:00
showBackButton: timelineView.showBackButton
2020-10-08 22:11:21 +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
}
Rectangle {
id: msgView
2021-01-26 08:03:09 +03:00
Layout.fillWidth: true
Layout.fillHeight: true
color: Nheko.colors.base
2020-10-08 22:11:21 +03:00
ColumnLayout {
anchors.fill: parent
spacing: 0
2020-11-15 06:52:49 +03:00
StackLayout {
id: stackLayout
2020-10-08 22:11:21 +03:00
currentIndex: 0
2020-11-15 06:52:49 +03:00
Connections {
function onRoomChanged() {
stackLayout.currentIndex = 0;
2020-10-08 22:11:21 +03:00
}
target: timelineView
}
2020-11-15 06:52:49 +03:00
MessageView {
Layout.fillWidth: true
implicitHeight: msgView.height - typingIndicator.height
2020-10-08 22:11:21 +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
}
TypingIndicator {
id: typingIndicator
}
2021-01-12 01:51:39 +03:00
2020-12-17 19:25:32 +03:00
}
}
2020-10-08 22:11:21 +03:00
CallInviteBar {
id: callInviteBar
2020-10-08 22:11:21 +03:00
Layout.fillWidth: true
z: 3
}
2020-10-26 15:50:44 +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
}
ReplyPopup {
2021-02-03 03:30:03 +03:00
}
2020-10-26 15:50:44 +03:00
MessageInput {
2020-10-08 22:11:21 +03:00
}
}
2021-06-18 17:22:06 +03:00
ColumnLayout {
id: contentLayout1
visible: room != null && room.isSpace
enabled: visible
anchors.fill: parent
anchors.margins: Nheko.paddingLarge
spacing: Nheko.paddingLarge
Avatar {
2021-06-18 17:23:09 +03:00
url: room ? room.roomAvatarUrl.replace("mxc://", "image://MxcImage/") : ""
2021-06-18 17:22:06 +03:00
displayName: room ? room.roomName : ""
height: 130
width: 130
Layout.alignment: Qt.AlignHCenter
enabled: false
}
MatrixText {
text: room ? room.roomName : ""
font.pixelSize: 24
Layout.alignment: Qt.AlignHCenter
}
MatrixText {
text: qsTr("%1 member(s)").arg(room ? room.roomMemberCount : 0)
Layout.alignment: Qt.AlignHCenter
}
ScrollView {
//Layout.maximumHeight: 75
Layout.alignment: Qt.AlignHCenter
width: parent.width
TextArea {
text: TimelineManager.escapeEmoji(room ? room.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
}
}
}
Item {
Layout.fillHeight: true
}
}
NhekoDropArea {
anchors.fill: parent
roomid: room ? room.roomId() : ""
}
Connections {
target: room
onOpenRoomSettingsDialog: {
var roomSettings = roomSettingsComponent.createObject(timelineRoot, {
"roomSettings": settings
});
roomSettings.show();
}
2020-10-08 22:11:21 +03:00
}
2019-08-30 20:29:25 +03:00
}