mirror of
https://github.com/ProtonMail/proton-bridge.git
synced 2025-12-12 13:46:43 +00:00
GODT-1365: Create ComboBox component GODT-1338: GODT-1343 Help view buttons GODT-1340: Not crashing, user list updating in main thread. GODT-1345: adding panic handlers
238 lines
9.5 KiB
QML
238 lines
9.5 KiB
QML
// Copyright (c) 2021 Proton Technologies AG
|
|
//
|
|
// This file is part of ProtonMail Bridge.
|
|
//
|
|
// ProtonMail Bridge is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// ProtonMail Bridge is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with ProtonMail Bridge. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
import QtQuick 2.13
|
|
import QtQuick.Layouts 1.12
|
|
import QtQuick.Controls 2.12
|
|
|
|
import Proton 4.0
|
|
|
|
Item {
|
|
id: root
|
|
property ColorScheme colorScheme
|
|
property var backend
|
|
property var notifications
|
|
property var user
|
|
|
|
signal showSignIn()
|
|
signal showSetupGuide(var user, string address)
|
|
|
|
property int _leftMargin: 64
|
|
property int _rightMargin: 64
|
|
property int _topMargin: 32
|
|
property int _detailsTopMargin: 25
|
|
property int _bottomMargin: 12
|
|
property int _spacing: 20
|
|
property int _lineWidth: 1
|
|
|
|
ScrollView {
|
|
clip: true
|
|
|
|
anchors.fill: parent
|
|
|
|
ColumnLayout {
|
|
width: root.width
|
|
spacing: 0
|
|
|
|
Rectangle {
|
|
id: topRectangle
|
|
color: root.colorScheme.background_norm
|
|
|
|
implicitHeight: children[0].implicitHeight + children[0].anchors.topMargin + children[0].anchors.bottomMargin
|
|
implicitWidth: children[0].implicitWidth + children[0].anchors.leftMargin + children[0].anchors.rightMargin
|
|
|
|
Layout.fillWidth: true
|
|
|
|
ColumnLayout {
|
|
spacing: root._spacing
|
|
|
|
anchors.fill: parent
|
|
anchors.leftMargin: root._leftMargin
|
|
anchors.rightMargin: root._rightMargin
|
|
anchors.topMargin: root._topMargin
|
|
anchors.bottomMargin: root._bottomMargin
|
|
|
|
|
|
RowLayout { // account delegate with action buttons
|
|
Layout.fillWidth: true
|
|
|
|
AccountDelegate {
|
|
Layout.fillWidth: true
|
|
colorScheme: root.colorScheme
|
|
user: root.user
|
|
type: AccountDelegate.LargeView
|
|
enabled: root.user ? root.user.loggedIn : false
|
|
}
|
|
|
|
Button {
|
|
Layout.alignment: Qt.AlignTop
|
|
colorScheme: root.colorScheme
|
|
text: qsTr("Sign out")
|
|
secondary: true
|
|
visible: root.user ? root.user.loggedIn : false
|
|
onClicked: {
|
|
if (!root.user) return
|
|
root.user.logout()
|
|
}
|
|
}
|
|
|
|
Button {
|
|
Layout.alignment: Qt.AlignTop
|
|
colorScheme: root.colorScheme
|
|
text: qsTr("Sign in")
|
|
secondary: true
|
|
visible: root.user ? !root.user.loggedIn : false
|
|
onClicked: {
|
|
if (!root.user) return
|
|
root.parent.rightContent.showSignIn()
|
|
}
|
|
}
|
|
|
|
Button {
|
|
Layout.alignment: Qt.AlignTop
|
|
colorScheme: root.colorScheme
|
|
icon.source: "icons/ic-trash.svg"
|
|
secondary: true
|
|
onClicked: {
|
|
if (!root.user) return
|
|
root.user.remove()
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
height: root._lineWidth
|
|
color: root.colorScheme.border_weak
|
|
}
|
|
|
|
SettingsItem {
|
|
colorScheme: root.colorScheme
|
|
text: qsTr("Email clients")
|
|
actionText: qsTr("Configure")
|
|
description: qsTr("Proton Mail Bridge works with email clients that support IMAP/SMPT to send and receive messages. Using the mailbox details below, you can (re)configure your client at any point.")
|
|
type: SettingsItem.Button
|
|
enabled: root.user ? root.user.loggedIn : false
|
|
visible: root.user ? !root.user.splitMode || root.user.addresses.length==1 : false
|
|
showSeparator: splitMode.visible
|
|
onClicked: {
|
|
if (!root.user) return
|
|
root.showSetupGuide(root.user, user.addresses[0])
|
|
}
|
|
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
SettingsItem {
|
|
id: splitMode
|
|
colorScheme: root.colorScheme
|
|
text: qsTr("Split addresses")
|
|
description: qsTr("Split addresses allows you to configure multiple email addresses individually. Changing its mode will require you to delete your accounts(s) from your email client and begin the setup process from scratch.")
|
|
type: SettingsItem.Toggle
|
|
checked: root.user ? root.user.splitMode : false
|
|
visible: root.user ? root.user.addresses.length > 1 : false
|
|
enabled: root.user ? root.user.loggedIn : false
|
|
showSeparator: addressSelector.visible
|
|
onClicked: {
|
|
if (!splitMode.checked){
|
|
root.notifications.askEnableSplitMode(user)
|
|
} else {
|
|
root.user.toggleSplitMode(!splitMode.checked)
|
|
}
|
|
}
|
|
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
enabled: root.user ? root.user.loggedIn : false
|
|
visible: root.user ? root.user.splitMode : false
|
|
|
|
ComboBox {
|
|
id: addressSelector
|
|
colorScheme: root.colorScheme
|
|
Layout.fillWidth: true
|
|
model: root.user ? root.user.addresses : null
|
|
}
|
|
|
|
Button {
|
|
colorScheme: root.colorScheme
|
|
text: qsTr("Configure")
|
|
secondary: true
|
|
onClicked: {
|
|
if (!root.user) return
|
|
root.showSetupGuide(root.user, addressSelector.displayText)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
color: root.colorScheme.background_weak
|
|
|
|
implicitHeight: children[0].implicitHeight + children[0].anchors.topMargin + children[0].anchors.bottomMargin
|
|
implicitWidth: children[0].implicitWidth + children[0].anchors.leftMargin + children[0].anchors.rightMargin
|
|
|
|
Layout.fillWidth: true
|
|
|
|
ColumnLayout {
|
|
id: configuration
|
|
|
|
anchors.fill: parent
|
|
anchors.leftMargin: root._leftMargin
|
|
anchors.rightMargin: root._rightMargin
|
|
anchors.topMargin: root._detailsTopMargin
|
|
anchors.bottomMargin: root._spacing
|
|
|
|
spacing: root._spacing
|
|
visible: root.user ? root.user.loggedIn : false
|
|
|
|
property string currentAddress: addressSelector.displayText
|
|
|
|
Label {
|
|
colorScheme: root.colorScheme
|
|
text: qsTr("Mailbox details")
|
|
type: Label.Body_semibold
|
|
}
|
|
|
|
Configuration {
|
|
colorScheme: root.colorScheme
|
|
title: qsTr("IMAP")
|
|
hostname: root.backend.hostname
|
|
port: root.backend.portIMAP.toString()
|
|
username: configuration.currentAddress
|
|
password: root.user ? root.user.password : ""
|
|
security: "STARTTLS"
|
|
}
|
|
|
|
Configuration {
|
|
colorScheme: root.colorScheme
|
|
title: qsTr("SMTP")
|
|
hostname : root.backend.hostname
|
|
port : root.backend.portSMTP.toString()
|
|
username : configuration.currentAddress
|
|
password : root.user ? root.user.password : ""
|
|
security : root.backend.useSSLforSMTP ? "SSL" : "STARTTLS"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|