110 lines
2.8 KiB
QML
110 lines
2.8 KiB
QML
import QtQuick 2.7
|
|
import QtQuick.Layouts 1.3
|
|
import "../Base"
|
|
import "Banners"
|
|
import "RoomEventList"
|
|
import "RoomSidePane"
|
|
|
|
HColumnLayout {
|
|
property string userId: ""
|
|
property string category: ""
|
|
property string roomId: ""
|
|
|
|
readonly property var roomInfo:
|
|
Backend.accounts.get(userId)
|
|
.roomCategories.get(category)
|
|
.rooms.get(roomId)
|
|
|
|
readonly property var sender: Backend.users.get(userId)
|
|
|
|
readonly property bool hasUnknownDevices:
|
|
category == "Rooms" ?
|
|
Backend.clients.get(userId).roomHasUnknownDevices(roomId) : false
|
|
|
|
id: chatPage
|
|
onFocusChanged: sendBox.setFocus()
|
|
|
|
Component.onCompleted: Backend.signals.roomCategoryChanged.connect(
|
|
function(forUserId, forRoomId, previous, now) {
|
|
if (chatPage && forUserId == userId && forRoomId == roomId) {
|
|
chatPage.category = now
|
|
}
|
|
}
|
|
)
|
|
|
|
RoomHeader {
|
|
id: roomHeader
|
|
displayName: roomInfo.displayName
|
|
topic: roomInfo.topic || ""
|
|
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: HStyle.avatar.size
|
|
}
|
|
|
|
|
|
HSplitView {
|
|
id: chatSplitView
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
HColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
RoomEventList {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
}
|
|
|
|
TypingMembersBar {}
|
|
|
|
InviteBanner {
|
|
visible: category === "Invites"
|
|
inviter: roomInfo.inviter
|
|
}
|
|
|
|
UnknownDevicesBanner {
|
|
visible: category == "Rooms" && hasUnknownDevices
|
|
}
|
|
|
|
SendBox {
|
|
id: sendBox
|
|
visible: category == "Rooms" && ! hasUnknownDevices
|
|
}
|
|
|
|
LeftBanner {
|
|
visible: category === "Left"
|
|
leftEvent: roomInfo.leftEvent
|
|
}
|
|
}
|
|
|
|
RoomSidePane {
|
|
id: roomSidePane
|
|
|
|
collapsed: width < Layout.minimumWidth + 8
|
|
|
|
property int parentWidth: parent.width
|
|
property int collapseBelow: 120
|
|
|
|
function set_width() {
|
|
width = parent.width * 0.3 < collapseBelow ?
|
|
Layout.minimumWidth :
|
|
Math.min(parent.width * 0.3,
|
|
roomHeader.buttonsImplicitWidth)
|
|
}
|
|
|
|
onParentWidthChanged:
|
|
if (chatSplitView.canAutoSize) { set_width() }
|
|
|
|
width: set_width() // Initial width
|
|
Layout.minimumWidth: HStyle.avatar.size
|
|
Layout.maximumWidth: parent.width
|
|
|
|
Behavior on width {
|
|
NumberAnimation {
|
|
duration: chatSplitView.canAutoSize ? 120 : 0
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|