430 lines
11 KiB
QML
430 lines
11 KiB
QML
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import QtQuick.Controls.Material 2.12
|
|
import QtQuick.Layouts 1.12
|
|
|
|
import Spectral.Component 2.0
|
|
import Spectral.Effect 2.0
|
|
import Spectral.Setting 0.1
|
|
|
|
import Spectral 0.1
|
|
|
|
Drawer {
|
|
property var room
|
|
|
|
id: roomDrawer
|
|
|
|
edge: Qt.RightEdge
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
anchors.margins: 24
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
spacing: 16
|
|
|
|
Avatar {
|
|
Layout.preferredWidth: 72
|
|
Layout.preferredHeight: 72
|
|
|
|
hint: room ? room.displayName : "No name"
|
|
source: room ? room.avatarMediaId : null
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
font.pixelSize: 18
|
|
font.bold: true
|
|
wrapMode: Label.Wrap
|
|
text: room ? room.displayName : "No Name"
|
|
color: MPalette.foreground
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
wrapMode: Label.Wrap
|
|
text: room ? room.totalMemberCount + " Members" : "No Member Count"
|
|
color: MPalette.lighter
|
|
}
|
|
}
|
|
}
|
|
|
|
MenuSeparator {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Control {
|
|
Layout.fillWidth: true
|
|
|
|
padding: 0
|
|
|
|
contentItem: RowLayout {
|
|
spacing: 8
|
|
|
|
MaterialIcon {
|
|
Layout.preferredWidth: 32
|
|
Layout.preferredHeight: 32
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
icon: "\ue88f"
|
|
color: MPalette.lighter
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
wrapMode: Label.Wrap
|
|
text: room && room.canonicalAlias ? room.canonicalAlias : "No Canonical Alias"
|
|
color: MPalette.accent
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
wrapMode: Label.Wrap
|
|
text: "Main Alias"
|
|
color: MPalette.lighter
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
wrapMode: Label.Wrap
|
|
text: room && room.topic ? room.topic : "No Topic"
|
|
color: MPalette.foreground
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
wrapMode: Label.Wrap
|
|
text: "Topic"
|
|
color: MPalette.lighter
|
|
}
|
|
}
|
|
}
|
|
|
|
background: RippleEffect {
|
|
onPrimaryClicked: roomDetailDialog.open()
|
|
}
|
|
}
|
|
|
|
MenuSeparator {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
spacing: 8
|
|
|
|
MaterialIcon {
|
|
Layout.preferredWidth: 32
|
|
Layout.preferredHeight: 32
|
|
|
|
icon: "\ue7ff"
|
|
color: MPalette.lighter
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
wrapMode: Label.Wrap
|
|
text: room ? room.totalMemberCount + " Members" : "No Member Count"
|
|
color: MPalette.lighter
|
|
}
|
|
|
|
ToolButton {
|
|
Layout.preferredWidth: 32
|
|
Layout.preferredHeight: 32
|
|
|
|
contentItem: MaterialIcon {
|
|
icon: "\ue145"
|
|
color: MPalette.lighter
|
|
}
|
|
|
|
onClicked: inviteUserDialog.open()
|
|
}
|
|
}
|
|
|
|
AutoListView {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
id: userListView
|
|
|
|
clip: true
|
|
|
|
boundsBehavior: Flickable.DragOverBounds
|
|
|
|
model: UserListModel {
|
|
room: roomDrawer.room
|
|
}
|
|
|
|
delegate: Item {
|
|
width: userListView.width
|
|
height: 48
|
|
|
|
RowLayout {
|
|
anchors.fill: parent
|
|
anchors.margins: 8
|
|
spacing: 12
|
|
|
|
Avatar {
|
|
Layout.preferredWidth: height
|
|
Layout.fillHeight: true
|
|
|
|
source: avatar
|
|
hint: name
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
text: name
|
|
color: MPalette.foreground
|
|
}
|
|
}
|
|
|
|
RippleEffect {
|
|
anchors.fill: parent
|
|
}
|
|
}
|
|
|
|
ScrollBar.vertical: ScrollBar {}
|
|
}
|
|
}
|
|
|
|
Dialog {
|
|
anchors.centerIn: parent
|
|
width: 360
|
|
|
|
id: inviteUserDialog
|
|
|
|
parent: ApplicationWindow.overlay
|
|
|
|
title: "Invite User"
|
|
modal: true
|
|
standardButtons: Dialog.Ok | Dialog.Cancel
|
|
|
|
contentItem: AutoTextField {
|
|
id: inviteUserDialogTextField
|
|
placeholderText: "User ID"
|
|
}
|
|
|
|
onAccepted: room.inviteToRoom(inviteUserDialogTextField.text)
|
|
}
|
|
|
|
Dialog {
|
|
anchors.centerIn: parent
|
|
width: 480
|
|
|
|
id: roomDetailDialog
|
|
|
|
parent: ApplicationWindow.overlay
|
|
|
|
title: "Room Settings - " + (room ? room.displayName : "")
|
|
modal: true
|
|
|
|
contentItem: ColumnLayout {
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
spacing: 16
|
|
|
|
Avatar {
|
|
Layout.preferredWidth: 72
|
|
Layout.preferredHeight: 72
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
hint: room ? room.displayName : "No name"
|
|
source: room ? room.avatarMediaId : null
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
Layout.margins: 4
|
|
|
|
AutoTextField {
|
|
Layout.fillWidth: true
|
|
|
|
text: room ? room.name : ""
|
|
placeholderText: "Room Name"
|
|
}
|
|
|
|
AutoTextField {
|
|
Layout.fillWidth: true
|
|
|
|
text: room ? room.topic : ""
|
|
placeholderText: "Room Topic"
|
|
}
|
|
}
|
|
}
|
|
|
|
Control {
|
|
Layout.fillWidth: true
|
|
|
|
visible: room ? room.predecessorId : false
|
|
|
|
padding: 8
|
|
|
|
contentItem: RowLayout {
|
|
MaterialIcon {
|
|
Layout.preferredWidth: 48
|
|
Layout.preferredHeight: 48
|
|
|
|
icon: "\ue8d4"
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
spacing: 0
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
font.bold: true
|
|
color: MPalette.foreground
|
|
text: "This room is a continuation of another conversation."
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
color: MPalette.lighter
|
|
text: "Click here to see older messages."
|
|
}
|
|
}
|
|
}
|
|
|
|
background: Rectangle {
|
|
color: MPalette.banner
|
|
|
|
RippleEffect {
|
|
anchors.fill: parent
|
|
|
|
onClicked: roomListForm.enteredRoom = spectralController.connection.room(room.predecessorId)
|
|
}
|
|
}
|
|
}
|
|
|
|
Control {
|
|
Layout.fillWidth: true
|
|
|
|
visible: room ? room.successorId : false
|
|
|
|
padding: 8
|
|
|
|
contentItem: RowLayout {
|
|
MaterialIcon {
|
|
Layout.preferredWidth: 48
|
|
Layout.preferredHeight: 48
|
|
|
|
icon: "\ue8d4"
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
spacing: 0
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
font.bold: true
|
|
color: MPalette.foreground
|
|
text: "This room has been replaced and is no longer active."
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
|
|
color: MPalette.lighter
|
|
text: "The conversation continues here."
|
|
}
|
|
}
|
|
}
|
|
|
|
background: Rectangle {
|
|
color: MPalette.banner
|
|
|
|
RippleEffect {
|
|
anchors.fill: parent
|
|
|
|
onClicked: roomListForm.enteredRoom = spectralController.connection.room(room.successorId)
|
|
}
|
|
}
|
|
}
|
|
|
|
MenuSeparator {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
Label {
|
|
Layout.preferredWidth: 100
|
|
|
|
wrapMode: Label.Wrap
|
|
text: "Main Alias"
|
|
color: MPalette.lighter
|
|
}
|
|
|
|
ComboBox {
|
|
Layout.fillWidth: true
|
|
|
|
model: room ? room.aliases : null
|
|
|
|
currentIndex: room ? room.aliases.indexOf(room.canonicalAlias) : -1
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
Label {
|
|
Layout.preferredWidth: 100
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
wrapMode: Label.Wrap
|
|
text: "Aliases"
|
|
color: MPalette.lighter
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
Repeater {
|
|
model: room ? room.aliases : null
|
|
|
|
delegate: Label {
|
|
Layout.fillWidth: true
|
|
|
|
text: modelData
|
|
|
|
font.pixelSize: 12
|
|
color: MPalette.lighter
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|