126 lines
3.3 KiB
QML
126 lines
3.3 KiB
QML
import QtQuick 2.12
|
|
import QtQuick.Layouts 1.12
|
|
import "../Base"
|
|
import "Banners"
|
|
import "Timeline"
|
|
import "RoomSidePane"
|
|
|
|
HSplitView {
|
|
id: chatSplitView
|
|
Component.onCompleted: composer.setFocus()
|
|
|
|
HColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
EventList {
|
|
id: eventList
|
|
|
|
// Avoid a certain binding loop
|
|
Layout.minimumWidth: theme.minimumSupportedWidth
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
}
|
|
|
|
TypingMembersBar {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
UploadsBar {
|
|
Layout.fillWidth: true
|
|
Layout.minimumHeight: implicitHeight
|
|
Layout.preferredHeight: implicitHeight * uploadsCount
|
|
Layout.maximumHeight: chatSplitView.height / 6
|
|
|
|
Behavior on Layout.preferredHeight { HNumberAnimation {} }
|
|
}
|
|
|
|
InviteBanner {
|
|
id: inviteBanner
|
|
visible: ! chatPage.roomInfo.left && inviterId
|
|
inviterId: chatPage.roomInfo.inviter_id
|
|
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Composer {
|
|
id: composer
|
|
visible: ! chatPage.roomInfo.left &&
|
|
! chatPage.roomInfo.inviter_id
|
|
}
|
|
|
|
LeftBanner {
|
|
id: leftBanner
|
|
visible: chatPage.roomInfo.left
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
|
|
RoomSidePane {
|
|
id: roomSidePane
|
|
|
|
activeView: roomHeader.item ? roomHeader.item.activeButton : null
|
|
|
|
property int oldWidth: width
|
|
onActiveViewChanged:
|
|
activeView ? restoreAnimation.start() : hideAnimation.start()
|
|
|
|
HNumberAnimation {
|
|
id: hideAnimation
|
|
target: roomSidePane
|
|
properties: "width"
|
|
from: target.width
|
|
to: 0
|
|
|
|
onStarted: {
|
|
target.oldWidth = target.width
|
|
target.Layout.minimumWidth = 0
|
|
}
|
|
}
|
|
|
|
HNumberAnimation {
|
|
id: restoreAnimation
|
|
target: roomSidePane
|
|
properties: "width"
|
|
from: 0
|
|
to: target.oldWidth
|
|
|
|
onStopped: target.Layout.minimumWidth = Qt.binding(
|
|
() => theme.controls.avatar.size
|
|
)
|
|
}
|
|
|
|
collapsed: width < theme.controls.avatar.size + theme.spacing
|
|
|
|
property bool wasSnapped: false
|
|
property int referenceWidth:
|
|
roomHeader.item ? roomHeader.item.buttonsWidth : 0
|
|
|
|
onReferenceWidthChanged: {
|
|
if (! chatSplitView.manuallyResized || wasSnapped) {
|
|
if (wasSnapped) { chatSplitView.manuallyResized = false }
|
|
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(() => roomSidePane.width)
|
|
} else {
|
|
wasSnapped = false
|
|
}
|
|
}
|
|
|
|
width: referenceWidth // Initial width
|
|
Layout.minimumWidth: theme.controls.avatar.size
|
|
Layout.maximumWidth:
|
|
parent.width - theme.minimumSupportedWidthPlusSpacing
|
|
}
|
|
}
|