You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
3.6 KiB
118 lines
3.6 KiB
// 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 var colorScheme |
|
|
|
property string text: "Text" |
|
property string actionText: "Action" |
|
property string actionIcon: "" |
|
property string description: "Lorem ipsum dolor sit amet" |
|
property alias descriptionWrap: descriptionLabel.wrapMode |
|
property var type: SettingsItem.ActionType.Toggle |
|
|
|
property bool checked: true |
|
property bool loading: false |
|
property bool showSeparator: true |
|
|
|
property var _bottomMargin: 20 |
|
property var _lineWidth: 1 |
|
property var _toggleTopMargin: 6 |
|
|
|
signal clicked |
|
|
|
enum ActionType { |
|
Toggle = 1, Button = 2, PrimaryButton = 3 |
|
} |
|
|
|
implicitHeight: children[0].implicitHeight + children[0].anchors.topMargin + children[0].anchors.bottomMargin |
|
implicitWidth: children[0].implicitWidth + children[0].anchors.leftMargin + children[0].anchors.rightMargin |
|
|
|
RowLayout { |
|
anchors.fill: parent |
|
spacing: 16 |
|
|
|
ColumnLayout { |
|
Layout.fillHeight: true |
|
Layout.fillWidth: true |
|
Layout.bottomMargin: root._bottomMargin |
|
|
|
spacing: 4 |
|
|
|
Label { |
|
id: mainLabel |
|
colorScheme: root.colorScheme |
|
text: root.text |
|
type: Label.Body_semibold |
|
} |
|
|
|
Label { |
|
id: descriptionLabel |
|
Layout.fillHeight: true |
|
Layout.fillWidth: true |
|
|
|
Layout.preferredWidth: parent.width |
|
|
|
wrapMode: Text.WordWrap |
|
colorScheme: root.colorScheme |
|
text: root.description |
|
color: root.colorScheme.text_weak |
|
} |
|
} |
|
|
|
Toggle { |
|
Layout.alignment: Qt.AlignTop |
|
Layout.topMargin: root._toggleTopMargin |
|
id: toggle |
|
colorScheme: root.colorScheme |
|
visible: root.type === SettingsItem.ActionType.Toggle |
|
|
|
checked: root.checked |
|
loading: root.loading |
|
onClicked: { if (!root.loading) root.clicked() } |
|
} |
|
|
|
Button { |
|
Layout.alignment: Qt.AlignTop |
|
|
|
id: button |
|
colorScheme: root.colorScheme |
|
visible: root.type === SettingsItem.Button || root.type === SettingsItem.PrimaryButton |
|
text: root.actionText + (root.actionIcon != "" ? " " : "") |
|
loading: root.loading |
|
icon.source: root.actionIcon |
|
onClicked: { if (!root.loading) root.clicked() } |
|
secondary: root.type !== SettingsItem.PrimaryButton |
|
} |
|
} |
|
|
|
Rectangle { |
|
anchors.left: root.left |
|
anchors.right: root.right |
|
anchors.bottom: root.bottom |
|
color: colorScheme.border_weak |
|
height: root._lineWidth |
|
visible: root.showSeparator |
|
} |
|
}
|
|
|