Joshua Goins
a825c8886d
Sorry this is a huge commit, this actually includes a ton of stuff. Text color is now readable, multiple accounts are supported alongside end-to-end encryption but no cross-signing yet :-) There's also a whole lot of other small changes, such as choosing the server you want to request a room directory from.
293 lines
7.6 KiB
QML
Executable file
293 lines
7.6 KiB
QML
Executable file
import QtQuick 2.10
|
|
import QtQuick.Controls 2.3
|
|
import QtGraphicalEffects 1.0
|
|
import QtQuick.Shapes 1.0
|
|
import QtQuick.Dialogs 1.2
|
|
import QtQuick.Layouts 1.15
|
|
|
|
Rectangle {
|
|
id: settings
|
|
|
|
color: myPalette.window
|
|
|
|
Component.onCompleted: matrix.updateAccountInformation()
|
|
|
|
Rectangle {
|
|
width: 700
|
|
height: parent.height
|
|
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
color: "transparent"
|
|
|
|
BackButton {
|
|
id: backButton
|
|
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 15
|
|
|
|
anchors.right: parent.right
|
|
}
|
|
|
|
TabBar {
|
|
id: bar
|
|
|
|
width: parent.width
|
|
|
|
anchors.top: backButton.bottom
|
|
|
|
TabButton {
|
|
text: "Account"
|
|
}
|
|
|
|
TabButton {
|
|
text: "Notifications"
|
|
}
|
|
|
|
TabButton {
|
|
text: "Appearance"
|
|
}
|
|
|
|
TabButton {
|
|
text: "Emotes"
|
|
}
|
|
}
|
|
|
|
StackLayout {
|
|
id: settingsStack
|
|
|
|
anchors.top: bar.bottom
|
|
|
|
width: parent.width
|
|
height: parent.height
|
|
|
|
currentIndex: bar.currentIndex
|
|
|
|
clip: true
|
|
|
|
Item {
|
|
id: accountTab
|
|
|
|
Label {
|
|
id: usernameLabel
|
|
|
|
text: "Username"
|
|
}
|
|
|
|
TextField {
|
|
id: usernameField
|
|
|
|
text: matrix.getUsername()
|
|
|
|
enabled: false
|
|
|
|
anchors.top: usernameLabel.bottom
|
|
}
|
|
|
|
Label {
|
|
id: displayNameLabel
|
|
|
|
text: "Display Name"
|
|
|
|
anchors.top: usernameField.bottom
|
|
}
|
|
|
|
TextField {
|
|
id: displayNameField
|
|
|
|
text: matrix.displayName
|
|
|
|
anchors.top: displayNameLabel.bottom
|
|
}
|
|
|
|
Label {
|
|
id: emailLabel
|
|
|
|
text: "Email"
|
|
|
|
anchors.top: displayNameField.bottom
|
|
}
|
|
|
|
TextField {
|
|
id: emailField
|
|
|
|
anchors.top: emailLabel.bottom
|
|
}
|
|
|
|
Button {
|
|
id: saveButton
|
|
|
|
text: "Save"
|
|
|
|
anchors.top: emailField.bottom
|
|
|
|
onClicked: {
|
|
matrix.setDisplayName(displayNameField.text)
|
|
}
|
|
}
|
|
|
|
Button {
|
|
id: logoutButton
|
|
|
|
text: "Log out"
|
|
|
|
anchors.top: emailField.bottom
|
|
anchors.left: saveButton.right
|
|
|
|
onClicked: {
|
|
matrix.logout();
|
|
|
|
desktop.showTrayIcon(false)
|
|
|
|
stack.pop();
|
|
stack.push("qrc:/Login.qml")
|
|
}
|
|
}
|
|
|
|
Button {
|
|
id: deactivateButton
|
|
|
|
text: "Deactivate Account"
|
|
|
|
anchors.top: emailField.bottom
|
|
anchors.left: logoutButton.right
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: notificationsTab
|
|
|
|
CheckBox {
|
|
id: notificationsEnable
|
|
|
|
text: "Enable notifications"
|
|
}
|
|
|
|
CheckBox {
|
|
text: "Enable notification bar icon"
|
|
|
|
anchors.top: notificationsEnable.bottom
|
|
|
|
checked: desktop.isTrayIconEnabled()
|
|
onToggled: desktop.showTrayIcon(checked)
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: appearanceTab
|
|
|
|
CheckBox {
|
|
text: "Show developer options"
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: emotesTab
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: parent.height
|
|
|
|
color: "transparent"
|
|
|
|
Button {
|
|
id: loadEmoteButton
|
|
|
|
text: "Load from file..."
|
|
|
|
onClicked: loadEmoteLocallyDialog.open()
|
|
}
|
|
|
|
ListView {
|
|
id: localEmoteList
|
|
|
|
width: parent.width
|
|
height: parent.height
|
|
|
|
anchors.top: loadEmoteButton.bottom
|
|
|
|
model: matrix.localEmoteModel
|
|
|
|
delegate: Rectangle {
|
|
width: parent.width
|
|
height: 50
|
|
|
|
color: "transparent"
|
|
|
|
property string name: display.name
|
|
property var emote: display
|
|
|
|
Image {
|
|
id: emoteImage
|
|
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 10
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
width: 22
|
|
height: 22
|
|
|
|
source: "file://" + display.path
|
|
}
|
|
|
|
Text {
|
|
anchors.left: emoteImage.right
|
|
anchors.leftMargin: 10
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
text: display.name
|
|
|
|
color: myPalette.text
|
|
}
|
|
|
|
ToolButton {
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 10
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
text: "X"
|
|
|
|
onClicked: showDialog("Deletion Confirmation", "Are you sure you want to delete " + name + "?", [
|
|
{
|
|
text: "Confirm",
|
|
onClicked: function(dialog) {
|
|
matrix.deleteEmote(emote)
|
|
dialog.close()
|
|
}
|
|
},
|
|
{
|
|
text: "Cancel",
|
|
onClicked: function(dialog) {
|
|
dialog.close()
|
|
}
|
|
}
|
|
])
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
FileDialog {
|
|
id: loadEmoteLocallyDialog
|
|
title: "Load emote from disk"
|
|
folder: shortcuts.home
|
|
|
|
nameFilters: [ "Image Files (*.png)" ]
|
|
|
|
selectExisting: true
|
|
selectFolder: false
|
|
selectMultiple: false
|
|
|
|
onAccepted: {
|
|
matrix.addEmote(fileUrl)
|
|
close()
|
|
}
|
|
|
|
onRejected: close()
|
|
}
|
|
}
|