Spectral/qml/main.qml

202 lines
4.8 KiB
QML
Raw Normal View History

2018-07-12 01:44:41 +00:00
import QtQuick 2.9
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.3
import QtQuick.Controls.Material 2.2
2018-02-23 14:39:14 +00:00
import QtGraphicalEffects 1.0
import Qt.labs.settings 1.0 as Settings
import Qt.labs.platform 1.0 as Platform
2018-02-23 14:39:14 +00:00
import Matrique 0.1
import "component"
import "form"
2018-02-23 14:39:14 +00:00
ApplicationWindow {
2018-07-22 14:16:53 +00:00
readonly property var connection: matriqueController.connection
2018-07-20 14:36:19 +00:00
2018-02-23 14:39:14 +00:00
id: window
visible: true
width: 960
height: 640
minimumWidth: 640
minimumHeight: 480
2018-02-23 14:39:14 +00:00
title: qsTr("Matrique")
Material.theme: setting.darkTheme ? Material.Dark : Material.Light
2018-07-20 04:14:02 +00:00
FontLoader { id: materialFont; source: "qrc:/asset/font/material.ttf" }
Settings.Settings {
id: setting
property alias homeserver: matriqueController.homeserver
property alias userID: matriqueController.userID
property alias token: matriqueController.token
property alias darkTheme: settingPage.darkTheme
property alias miniMode: settingPage.miniMode
}
2018-07-19 08:04:09 +00:00
Platform.SystemTrayIcon {
id: trayIcon
2018-07-11 08:07:04 +00:00
2018-07-19 08:04:09 +00:00
visible: true
iconSource: "qrc:/asset/img/icon.png"
2018-07-11 08:07:04 +00:00
menu: Platform.Menu {
MenuItem {
text: "Hide/Show"
onTriggered: window.active ? window.hide() : raiseWindow()
}
MenuItem {
text: "Quit"
onTriggered: Qt.quit()
}
}
onActivated: window.active ? window.hide() : raiseWindow()
function raiseWindow() {
2018-07-19 08:04:09 +00:00
window.show()
window.raise()
window.requestActivate()
}
}
2018-02-23 14:39:14 +00:00
2018-02-27 11:07:50 +00:00
Controller {
id: matriqueController
onErrorOccured: {
errorDialog.text = err;
errorDialog.open();
}
2018-02-26 12:41:20 +00:00
}
2018-02-23 14:39:14 +00:00
Popup {
property bool busy: matriqueController.busy
id: busyPopup
x: (window.width - width) / 2
y: (window.height - height) / 2
modal: true
focus: true
closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
BusyIndicator { running: true }
onBusyChanged: {
if(busyPopup.busy) { busyPopup.open(); }
else { busyPopup.close(); }
}
2018-03-02 11:58:55 +00:00
}
2018-02-23 14:39:14 +00:00
Dialog {
property alias text: errorLabel.text
id: errorDialog
width: 360
modal: true
title: "ERROR"
x: (window.width - width) / 2
y: (window.height - height) / 2
2018-03-02 11:58:55 +00:00
standardButtons: Dialog.Ok
Label {
id: errorLabel
width: parent.width
text: "Label"
wrapMode: Text.Wrap
}
2018-03-02 11:58:55 +00:00
}
2018-02-23 14:39:14 +00:00
Component {
id: loginPage
2018-02-23 14:39:14 +00:00
Login { controller: matriqueController }
}
Room {
id: roomPage
parent: null
2018-07-20 14:36:19 +00:00
connection: window.connection
}
2018-02-23 14:39:14 +00:00
2018-07-19 05:54:59 +00:00
Setting {
id: settingPage
parent: null
2018-07-20 14:36:19 +00:00
connection: window.connection
2018-07-19 05:54:59 +00:00
}
RowLayout {
anchors.fill: parent
spacing: 0
2018-02-23 14:39:14 +00:00
SideNav {
id: sideNav
Layout.preferredWidth: 80
Layout.fillHeight: true
2018-02-23 14:39:14 +00:00
ColumnLayout {
anchors.fill: parent
spacing: 0
2018-03-02 15:05:32 +00:00
SideNavButton {
id: statusNavButton
contentItem: ImageStatus {
anchors.fill: parent
anchors.margins: 15
source: matriqueController.isLogin ? connection.localUser && connection.localUser.avatarUrl ? "image://mxc/" + connection.localUser.avatarUrl : "" : "qrc:/asset/img/avatar.png"
displayText: matriqueController.isLogin && connection.localUser.displayName ? connection.localUser.displayName : "N"
opaqueBackground: false
}
page: roomPage
2018-03-02 15:05:32 +00:00
}
Rectangle {
color: "transparent"
Layout.fillHeight: true
2018-03-02 15:05:32 +00:00
}
2018-02-23 14:39:14 +00:00
SideNavButton {
contentItem: MaterialIcon { icon: "\ue8b8"; color: "white" }
2018-07-19 05:54:59 +00:00
page: settingPage
2018-02-23 14:39:14 +00:00
}
SideNavButton {
contentItem: MaterialIcon { icon: "\ue879"; color: "white" }
2018-07-07 11:06:13 +00:00
onClicked: {
Qt.quit();
}
}
2018-02-23 14:39:14 +00:00
}
}
2018-02-23 14:39:14 +00:00
StackView {
id: stackView
initialItem: roomPage
2018-02-23 14:39:14 +00:00
Layout.fillWidth: true
Layout.fillHeight: true
2018-02-23 14:39:14 +00:00
}
}
Component.onCompleted: {
imageProvider.connection = matriqueController.connection
2018-07-09 02:45:26 +00:00
if (matriqueController.userID && matriqueController.token) {
matriqueController.login();
} else {
stackView.replace(loginPage);
}
2018-02-23 14:39:14 +00:00
}
}