2019-03-22 14:28:14 +11:00
|
|
|
import QtQuick 2.7
|
2019-05-03 04:20:21 +10:00
|
|
|
import QtQuick.Layouts 1.3
|
2019-04-29 05:18:36 +10:00
|
|
|
import "../Base"
|
2019-04-29 04:34:29 +10:00
|
|
|
import "Banners"
|
|
|
|
import "RoomEventList"
|
2019-05-13 03:17:42 +10:00
|
|
|
import "RoomSidePane"
|
2019-03-22 14:28:14 +11:00
|
|
|
|
2019-05-13 03:17:42 +10:00
|
|
|
HColumnLayout {
|
2019-04-22 00:44:04 +10:00
|
|
|
property string userId: ""
|
2019-05-03 04:20:21 +10:00
|
|
|
property string category: ""
|
2019-04-22 00:44:04 +10:00
|
|
|
property string roomId: ""
|
2019-03-22 14:28:14 +11:00
|
|
|
|
2019-04-22 00:44:04 +10:00
|
|
|
readonly property var roomInfo:
|
2019-05-03 04:31:47 +10:00
|
|
|
Backend.accounts.get(userId)
|
|
|
|
.roomCategories.get(category)
|
|
|
|
.rooms.get(roomId)
|
2019-04-15 06:12:07 +10:00
|
|
|
|
2019-05-12 05:52:56 +10:00
|
|
|
readonly property var sender: Backend.users.get(userId)
|
|
|
|
|
2019-05-09 03:45:25 +10:00
|
|
|
readonly property bool hasUnknownDevices:
|
2019-05-12 05:52:56 +10:00
|
|
|
category == "Rooms" ?
|
|
|
|
Backend.clients.get(userId).roomHasUnknownDevices(roomId) : false
|
2019-05-09 03:45:25 +10:00
|
|
|
|
2019-04-21 07:45:51 +10:00
|
|
|
id: chatPage
|
2019-03-22 14:28:14 +11:00
|
|
|
onFocusChanged: sendBox.setFocus()
|
|
|
|
|
2019-05-07 04:06:28 +10:00
|
|
|
Component.onCompleted: Backend.signals.roomCategoryChanged.connect(
|
|
|
|
function(forUserId, forRoomId, previous, now) {
|
|
|
|
if (chatPage && forUserId == userId && forRoomId == roomId) {
|
|
|
|
chatPage.category = now
|
|
|
|
}
|
|
|
|
}
|
|
|
|
)
|
|
|
|
|
2019-05-13 03:17:42 +10:00
|
|
|
RoomHeader {
|
|
|
|
id: roomHeader
|
|
|
|
displayName: roomInfo.displayName
|
|
|
|
topic: roomInfo.topic || ""
|
|
|
|
|
2019-05-03 04:20:21 +10:00
|
|
|
Layout.fillWidth: true
|
2019-05-13 05:57:18 +10:00
|
|
|
Layout.preferredHeight: HStyle.avatar.size
|
2019-05-13 03:17:42 +10:00
|
|
|
}
|
2019-04-22 00:44:04 +10:00
|
|
|
|
|
|
|
|
2019-05-13 03:17:42 +10:00
|
|
|
HSplitView {
|
|
|
|
Layout.fillWidth: true
|
|
|
|
Layout.fillHeight: true
|
|
|
|
|
|
|
|
HColumnLayout {
|
2019-05-12 07:51:00 +10:00
|
|
|
Layout.fillWidth: true
|
2019-04-22 00:44:04 +10:00
|
|
|
|
2019-05-13 03:17:42 +10:00
|
|
|
RoomEventList {
|
|
|
|
Layout.fillWidth: true
|
|
|
|
Layout.fillHeight: true
|
|
|
|
}
|
2019-05-09 03:45:25 +10:00
|
|
|
|
2019-05-13 03:17:42 +10:00
|
|
|
TypingMembersBar {}
|
2019-05-12 07:51:00 +10:00
|
|
|
|
2019-05-13 03:17:42 +10:00
|
|
|
InviteBanner {
|
|
|
|
visible: category === "Invites"
|
|
|
|
inviter: roomInfo.inviter
|
|
|
|
}
|
2019-05-12 07:51:00 +10:00
|
|
|
|
2019-05-13 03:17:42 +10:00
|
|
|
UnknownDevicesBanner {
|
|
|
|
visible: category == "Rooms" && hasUnknownDevices
|
|
|
|
}
|
|
|
|
|
|
|
|
SendBox {
|
|
|
|
id: sendBox
|
|
|
|
visible: category == "Rooms" && ! hasUnknownDevices
|
|
|
|
}
|
2019-05-12 07:51:00 +10:00
|
|
|
|
2019-05-13 03:17:42 +10:00
|
|
|
LeftBanner {
|
|
|
|
visible: category === "Left"
|
|
|
|
leftEvent: roomInfo.leftEvent
|
|
|
|
}
|
2019-05-12 07:51:00 +10:00
|
|
|
}
|
2019-04-22 05:20:20 +10:00
|
|
|
|
2019-05-13 03:17:42 +10:00
|
|
|
RoomSidePane {
|
|
|
|
id: roomSidePane
|
2019-05-12 07:51:00 +10:00
|
|
|
|
2019-05-13 03:17:42 +10:00
|
|
|
property int referenceWidth: roomHeader.buttonsWidth
|
|
|
|
onReferenceWidthChanged: width = referenceWidth
|
|
|
|
|
2019-05-13 05:57:18 +10:00
|
|
|
Layout.minimumWidth: HStyle.avatar.size
|
2019-05-13 03:17:42 +10:00
|
|
|
Layout.maximumWidth: parent.width
|
|
|
|
}
|
2019-04-22 00:44:04 +10:00
|
|
|
}
|
2019-03-22 14:28:14 +11:00
|
|
|
}
|