298 lines
8.3 KiB
QML
298 lines
8.3 KiB
QML
import QtQuick 2.9
|
|
import QtQuick.Controls 2.2
|
|
import QtQuick.Layouts 1.3
|
|
import QtQuick.Controls.Material 2.2
|
|
import Qt.labs.settings 1.0
|
|
import QtGraphicalEffects 1.0
|
|
import Matrique 0.1
|
|
import Matrique.Settings 0.1
|
|
|
|
import "component"
|
|
import "form"
|
|
|
|
ApplicationWindow {
|
|
readonly property var currentConnection: accountListView.currentConnection ? accountListView.currentConnection : null
|
|
|
|
width: 960
|
|
height: 640
|
|
minimumWidth: 800
|
|
minimumHeight: 480
|
|
|
|
id: window
|
|
|
|
visible: true
|
|
title: qsTr("Matrique")
|
|
|
|
Material.theme: MSettings.darkTheme ? Material.Dark : Material.Light
|
|
|
|
Material.accent: matriqueController.color(currentConnection ? currentConnection.localUserId : "")
|
|
|
|
FontLoader { id: materialFont; source: "qrc:/asset/font/material.ttf" }
|
|
|
|
Controller {
|
|
id: matriqueController
|
|
|
|
onToggleWindow: {
|
|
console.log("Activating window...")
|
|
if (window.visible) {
|
|
window.hide()
|
|
} else {
|
|
window.show()
|
|
window.raise()
|
|
window.requestActivate()
|
|
}
|
|
}
|
|
}
|
|
|
|
AccountListModel {
|
|
id: accountListModel
|
|
controller: matriqueController
|
|
}
|
|
|
|
Popup {
|
|
property bool busy: matriqueController.busy
|
|
|
|
x: (window.width - width) / 2
|
|
y: (window.height - height) / 2
|
|
|
|
id: busyPopup
|
|
|
|
modal: true
|
|
focus: true
|
|
|
|
closePolicy: Popup.NoAutoClose
|
|
|
|
BusyIndicator { running: true }
|
|
|
|
onBusyChanged: busyPopup.busy ? busyPopup.open() : busyPopup.close()
|
|
}
|
|
|
|
Component {
|
|
id: loginPage
|
|
|
|
Login { controller: matriqueController }
|
|
}
|
|
|
|
Room {
|
|
id: roomPage
|
|
|
|
parent: null
|
|
|
|
connection: currentConnection
|
|
}
|
|
|
|
Setting {
|
|
id: settingPage
|
|
|
|
parent: null
|
|
|
|
listModel: accountListModel
|
|
}
|
|
|
|
RowLayout {
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
|
|
Rectangle {
|
|
Layout.preferredWidth: 64
|
|
Layout.fillHeight: true
|
|
|
|
id: sideNav
|
|
|
|
color: Material.primary
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
|
|
ListView {
|
|
property var currentConnection: null
|
|
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
id: accountListView
|
|
|
|
model: accountListModel
|
|
|
|
spacing: 0
|
|
|
|
clip: true
|
|
|
|
delegate: SideNavButton {
|
|
width: parent.width
|
|
height: width
|
|
|
|
selected: stackView.currentItem === page && currentConnection === connection
|
|
|
|
ImageItem {
|
|
anchors.fill: parent
|
|
anchors.margins: 12
|
|
|
|
hint: user.displayName
|
|
image: user.avatar
|
|
defaultColor: Material.accent
|
|
}
|
|
|
|
highlightColor: matriqueController.color(user.id)
|
|
|
|
page: roomPage
|
|
|
|
onClicked: accountListView.currentConnection = connection
|
|
}
|
|
}
|
|
|
|
SideNavButton {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: width
|
|
|
|
MaterialIcon {
|
|
anchors.fill: parent
|
|
|
|
icon: "\ue145"
|
|
color: "white"
|
|
}
|
|
|
|
onClicked: addRoomMenu.popup()
|
|
|
|
Menu {
|
|
id: addRoomMenu
|
|
|
|
MenuItem {
|
|
text:"New Room"
|
|
onTriggered: addRoomDialog.open()
|
|
|
|
Dialog {
|
|
id: addRoomDialog
|
|
parent: ApplicationWindow.overlay
|
|
|
|
x: (window.width - width) / 2
|
|
y: (window.height - height) / 2
|
|
width: 360
|
|
|
|
title: "New Room"
|
|
modal: true
|
|
standardButtons: Dialog.Ok | Dialog.Cancel
|
|
|
|
contentItem: Column {
|
|
TextField {
|
|
width: parent.width
|
|
|
|
id: addRoomDialogNameTextField
|
|
|
|
placeholderText: "Name"
|
|
}
|
|
TextField {
|
|
width: parent.width
|
|
|
|
id: addRoomDialogTopicTextField
|
|
|
|
placeholderText: "Topic"
|
|
}
|
|
}
|
|
|
|
onAccepted: matriqueController.createRoom(currentConnection, addRoomDialogNameTextField.text, addRoomDialogTopicTextField.text)
|
|
}
|
|
}
|
|
MenuItem {
|
|
text: "Join Room"
|
|
|
|
onTriggered: joinRoomDialog.open()
|
|
|
|
Dialog {
|
|
x: (window.width - width) / 2
|
|
y: (window.height - height) / 2
|
|
width: 360
|
|
|
|
id: joinRoomDialog
|
|
|
|
parent: ApplicationWindow.overlay
|
|
|
|
title: "Input Room Alias or ID"
|
|
modal: true
|
|
standardButtons: Dialog.Ok | Dialog.Cancel
|
|
|
|
contentItem: TextField {
|
|
id: joinRoomDialogTextField
|
|
placeholderText: "#matrix:matrix.org"
|
|
}
|
|
|
|
onAccepted: matriqueController.joinRoom(currentConnection, joinRoomDialogTextField.text)
|
|
}
|
|
}
|
|
|
|
MenuItem {
|
|
text: "Direct Chat"
|
|
|
|
onTriggered: directChatDialog.open()
|
|
|
|
Dialog {
|
|
x: (window.width - width) / 2
|
|
y: (window.height - height) / 2
|
|
width: 360
|
|
|
|
id: directChatDialog
|
|
|
|
parent: ApplicationWindow.overlay
|
|
|
|
title: "Input User ID"
|
|
modal: true
|
|
standardButtons: Dialog.Ok | Dialog.Cancel
|
|
|
|
contentItem: TextField {
|
|
id: directChatDialogTextField
|
|
placeholderText: "@bot:matrix.org"
|
|
}
|
|
|
|
onAccepted: currentConnection.createDirectChat(directChatDialogTextField.text)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
SideNavButton {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: width
|
|
|
|
MaterialIcon {
|
|
anchors.fill: parent
|
|
|
|
icon: "\ue8b8"
|
|
color: "white"
|
|
}
|
|
page: settingPage
|
|
}
|
|
|
|
SideNavButton {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: width
|
|
|
|
MaterialIcon {
|
|
anchors.fill: parent
|
|
|
|
icon: "\ue879"
|
|
color: "white"
|
|
}
|
|
|
|
onClicked: Qt.quit()
|
|
}
|
|
}
|
|
}
|
|
|
|
StackView {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
id: stackView
|
|
|
|
initialItem: roomPage
|
|
}
|
|
}
|
|
|
|
Binding {
|
|
target: imageProvider
|
|
property: "connection"
|
|
value: currentConnection
|
|
}
|
|
}
|