2019-03-21 23:28:14 -04:00
|
|
|
import QtQuick 2.7
|
2019-05-02 14:20:21 -04:00
|
|
|
import QtQuick.Layouts 1.3
|
2019-04-28 15:18:36 -04:00
|
|
|
import "../Base"
|
2019-04-28 14:34:29 -04:00
|
|
|
import "Banners"
|
2019-07-02 22:29:09 -04:00
|
|
|
import "Timeline"
|
2019-05-12 13:17:42 -04:00
|
|
|
import "RoomSidePane"
|
2019-03-21 23:28:14 -04:00
|
|
|
|
2019-05-12 13:17:42 -04:00
|
|
|
HColumnLayout {
|
2019-04-21 10:44:04 -04:00
|
|
|
property string userId: ""
|
2019-05-02 14:20:21 -04:00
|
|
|
property string category: ""
|
2019-04-21 10:44:04 -04:00
|
|
|
property string roomId: ""
|
2019-03-21 23:28:14 -04:00
|
|
|
|
2019-07-04 16:01:44 -04:00
|
|
|
readonly property var roomInfo: rooms.getWhere(
|
2019-07-02 13:59:52 -04:00
|
|
|
{"userId": userId, "roomId": roomId, "category": category}, 1
|
|
|
|
)[0]
|
2019-04-14 16:12:07 -04:00
|
|
|
|
2019-07-02 13:59:52 -04:00
|
|
|
readonly property var sender:
|
2019-07-04 16:01:44 -04:00
|
|
|
users.getWhere({"userId": userId}, 1)[0]
|
2019-05-11 15:52:56 -04:00
|
|
|
|
2019-07-02 13:59:52 -04:00
|
|
|
readonly property bool hasUnknownDevices: false
|
|
|
|
//category == "Rooms" ?
|
|
|
|
//Backend.clients.get(userId).roomHasUnknownDevices(roomId) : false
|
2019-05-08 13:45:25 -04:00
|
|
|
|
2019-04-20 17:45:51 -04:00
|
|
|
id: chatPage
|
2019-03-21 23:28:14 -04:00
|
|
|
onFocusChanged: sendBox.setFocus()
|
|
|
|
|
2019-07-02 13:59:52 -04:00
|
|
|
//Component.onCompleted: Backend.signals.roomCategoryChanged.connect(
|
|
|
|
//function(forUserId, forRoomId, previous, now) {
|
|
|
|
//if (chatPage && forUserId == userId && forRoomId == roomId) {
|
|
|
|
//chatPage.category = now
|
|
|
|
//}
|
|
|
|
//}
|
|
|
|
//)
|
2019-05-06 14:06:28 -04:00
|
|
|
|
2019-05-12 13:17:42 -04:00
|
|
|
RoomHeader {
|
|
|
|
id: roomHeader
|
|
|
|
displayName: roomInfo.displayName
|
2019-07-04 18:37:15 -04:00
|
|
|
topic: roomInfo.topic
|
2019-05-12 13:17:42 -04:00
|
|
|
|
2019-05-02 14:20:21 -04:00
|
|
|
Layout.fillWidth: true
|
2019-05-12 15:57:18 -04:00
|
|
|
Layout.preferredHeight: HStyle.avatar.size
|
2019-05-12 13:17:42 -04:00
|
|
|
}
|
2019-04-21 10:44:04 -04:00
|
|
|
|
|
|
|
|
2019-05-12 13:17:42 -04:00
|
|
|
HSplitView {
|
2019-05-12 16:01:18 -04:00
|
|
|
id: chatSplitView
|
2019-05-12 13:17:42 -04:00
|
|
|
Layout.fillWidth: true
|
|
|
|
Layout.fillHeight: true
|
|
|
|
|
|
|
|
HColumnLayout {
|
2019-05-11 17:51:00 -04:00
|
|
|
Layout.fillWidth: true
|
2019-04-21 10:44:04 -04:00
|
|
|
|
2019-07-02 22:29:09 -04:00
|
|
|
EventList {
|
2019-05-12 13:17:42 -04:00
|
|
|
Layout.fillWidth: true
|
|
|
|
Layout.fillHeight: true
|
|
|
|
}
|
2019-05-08 13:45:25 -04:00
|
|
|
|
2019-07-05 19:54:16 -04:00
|
|
|
TypingMembersBar {}
|
2019-05-11 17:51:00 -04:00
|
|
|
|
2019-07-05 16:48:30 -04:00
|
|
|
InviteBanner {
|
|
|
|
visible: category === "Invites"
|
|
|
|
inviterId: roomInfo.inviterId
|
|
|
|
}
|
2019-05-11 17:51:00 -04:00
|
|
|
|
2019-07-02 22:22:29 -04:00
|
|
|
//UnknownDevicesBanner {
|
|
|
|
//visible: category == "Rooms" && hasUnknownDevices
|
|
|
|
//}
|
2019-05-12 13:17:42 -04:00
|
|
|
|
|
|
|
SendBox {
|
|
|
|
id: sendBox
|
|
|
|
visible: category == "Rooms" && ! hasUnknownDevices
|
|
|
|
}
|
2019-05-11 17:51:00 -04:00
|
|
|
|
2019-07-02 22:22:29 -04:00
|
|
|
//LeftBanner {
|
|
|
|
//visible: category === "Left"
|
|
|
|
//leftEvent: roomInfo.leftEvent
|
|
|
|
//}
|
|
|
|
//}
|
2019-04-21 15:20:20 -04:00
|
|
|
|
2019-07-02 13:59:52 -04:00
|
|
|
// RoomSidePane {
|
|
|
|
//id: roomSidePane
|
|
|
|
|
|
|
|
//activeView: roomHeader.activeButton
|
|
|
|
//property int oldWidth: width
|
|
|
|
//onActiveViewChanged:
|
|
|
|
//activeView ? restoreAnimation.start() : hideAnimation.start()
|
|
|
|
|
|
|
|
//NumberAnimation {
|
|
|
|
//id: hideAnimation
|
|
|
|
//target: roomSidePane
|
|
|
|
//properties: "width"
|
|
|
|
//duration: HStyle.animationDuration
|
|
|
|
//from: target.width
|
|
|
|
//to: 0
|
|
|
|
|
|
|
|
//onStarted: {
|
|
|
|
//target.oldWidth = target.width
|
|
|
|
//target.Layout.minimumWidth = 0
|
|
|
|
//}
|
|
|
|
//}
|
|
|
|
|
|
|
|
//NumberAnimation {
|
|
|
|
//id: restoreAnimation
|
|
|
|
//target: roomSidePane
|
|
|
|
//properties: "width"
|
|
|
|
//duration: HStyle.animationDuration
|
|
|
|
//from: 0
|
|
|
|
//to: target.oldWidth
|
|
|
|
|
|
|
|
//onStopped: target.Layout.minimumWidth = Qt.binding(
|
|
|
|
//function() { return HStyle.avatar.size }
|
|
|
|
//)
|
|
|
|
//}
|
|
|
|
|
|
|
|
//collapsed: width < HStyle.avatar.size + 8
|
|
|
|
|
|
|
|
//property bool wasSnapped: false
|
|
|
|
//property int referenceWidth: roomHeader.buttonsWidth
|
|
|
|
//onReferenceWidthChanged: {
|
|
|
|
//if (chatSplitView.canAutoSize || wasSnapped) {
|
|
|
|
//if (wasSnapped) { chatSplitView.canAutoSize = true }
|
|
|
|
//width = referenceWidth
|
|
|
|
//}
|
|
|
|
//}
|
|
|
|
|
|
|
|
//property int currentWidth: width
|
|
|
|
//onCurrentWidthChanged: {
|
|
|
|
//if (referenceWidth != width &&
|
|
|
|
//referenceWidth - 15 < width &&
|
|
|
|
//width < referenceWidth + 15)
|
|
|
|
//{
|
|
|
|
//currentWidth = referenceWidth
|
|
|
|
//width = referenceWidth
|
|
|
|
//wasSnapped = true
|
|
|
|
//currentWidth = Qt.binding(
|
|
|
|
//function() { return roomSidePane.width }
|
|
|
|
//)
|
|
|
|
//} else {
|
|
|
|
//wasSnapped = false
|
|
|
|
//}
|
|
|
|
//}
|
|
|
|
|
|
|
|
//width: referenceWidth // Initial width
|
|
|
|
//Layout.minimumWidth: HStyle.avatar.size
|
|
|
|
//Layout.maximumWidth: parent.width
|
|
|
|
//}
|
2019-07-02 22:22:29 -04:00
|
|
|
}
|
2019-04-21 10:44:04 -04:00
|
|
|
}
|
2019-03-21 23:28:14 -04:00
|
|
|
}
|