Files
pay/guis/desktop/SettingsPane.qml
tomFlowee d396e1bdfd Improve UX of desktop wallet
This redoes the "AccountDetails" page, matching ideas from the mobile
wallet and fixing a lot of bad interactions.

This also looked at the colors in desktop to be consistent and nicer.

Lots of smaller fixes and UI changes.
2025-11-16 12:35:01 +01:00

220 lines
6.9 KiB
QML

/*
* This file is part of the Flowee project
* Copyright (C) 2020-2024 Tom Zander <tom@flowee.org>
*
* This program 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.
*
* This program 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 this program. If not, see <http://www.gnu.org/licenses/>.
*/
import QtQuick
import QtQuick.Controls.Basic as QQC2
import QtQuick.Layouts
import "../ControlColors.js" as ControlColors
import "../Flowee" as Flowee
Rectangle {
property string title: qsTr("Settings")
property string icon: "qrc:/settingsIcon-light.png"
color: palette.window
GridLayout {
columns: 3
rowSpacing: 10
columnSpacing: 6
width: parent.width
y: 10
Flowee.Label {
text: qsTr("Unit") + ":"
Layout.alignment: Qt.AlignRight
}
Flowee.ComboBox {
id: unitSelector
width: 210
model: {
var answer = [];
for (let i = 0; i < 5; ++i) {
answer[i] = Pay.nameOfUnit(i);
}
return answer;
}
currentIndex: Pay.unit
onCurrentIndexChanged: Pay.unit = currentIndex
}
Item {
implicitHeight: units.height + 10
implicitWidth: units.width + 10
Layout.fillWidth: true
GridLayout {
id: units
columns: 3
x: 5; y: 5
rowSpacing: 0
Flowee.Label {
text: {
var answer = "1";
for (let i = Pay.unitAllowedDecimals; i < 8; ++i) {
answer += "0";
}
return answer + " " + Pay.unitName;
}
Layout.alignment: Qt.AlignRight
}
Flowee.Label { text: "=" }
Flowee.Label { text: "1 Bitcoin Cash" }
Flowee.Label { text: "1 " + Pay.unitName; Layout.alignment: Qt.AlignRight; visible: Pay.isMainChain}
Flowee.Label { text: "="; visible: Pay.isMainChain}
Flowee.Label {
text: {
var amount = 1;
for (let i = 0; i < Pay.unitAllowedDecimals; ++i) {
amount = amount * 10;
}
return Fiat.formattedPrice(amount, Fiat.price);
}
visible: Pay.isMainChain
}
}
}
Flowee.CheckBox {
id: showBchOnActivity
Layout.alignment: Qt.AlignRight
checked: Pay.activityShowsBch
onCheckedChanged: Pay.activityShowsBch = checked
visible: Pay.isMainChain
}
Flowee.CheckBoxLabel {
Layout.columnSpan: 2
Layout.fillWidth: true
buddy: showBchOnActivity
text: qsTr("Show Bitcoin Cash value on Activity page")
visible: Pay.isMainChain
}
Flowee.CheckBox {
id: darkSkinChooser
Layout.alignment: Qt.AlignRight
checked: Pay.useDarkSkin
onCheckedChanged: {
Pay.useDarkSkin = checked
ControlColors.applySkin(mainWindow);
}
}
Flowee.CheckBoxLabel {
Layout.columnSpan: 2
buddy: darkSkinChooser
text: qsTr("Night Mode")
}
Flowee.CheckBox {
id: privateModeCB
Layout.alignment: Qt.AlignRight
checked: Pay.privateMode
onCheckedChanged: Pay.privateMode = checked
}
Flowee.CheckBoxLabel {
Layout.columnSpan: 2
buddy: privateModeCB
text: qsTr("Private Mode")
toolTipText: qsTr("Hides private wallets while enabled")
}
Flowee.Label {
id: fontSizingLabel
Layout.alignment: Qt.AlignRight | Qt.AlignTop
text: qsTr("Font sizing") + ":"
}
Item {
Layout.fillWidth: true
Layout.columnSpan: 2
height: 30 + fontSizingLabel.height * 0.75
id: fontSizing
property double buttonWidth: width / 6
Repeater {
model: 6
delegate: Item {
width: fontSizing.buttonWidth
anchors.bottom: parent.bottom
height: 30
x: width * index
property int target: index * 25 + 75
Rectangle {
width: parent.width - 5
x: 2.5
height: 5
color: Pay.fontScaling === target ? palette.highlight : palette.button
}
Flowee.Label {
font.pixelSize: 15
text: "" + target
anchors.bottom: parent.bottom
anchors.horizontalCenter: parent.horizontalCenter
}
MouseArea {
anchors.fill: parent
anchors.topMargin: -18
onClicked: Pay.fontScaling = target
cursorShape: Qt.PointingHandCursor
}
}
}
}
Flowee.Label {
text: qsTr("Version") + ":"
Layout.alignment: Qt.AlignRight
}
Flowee.Label {
text: Pay.version
Layout.columnSpan: 2
}
Flowee.Label {
text: qsTr("Library Version") + ":"
Layout.alignment: Qt.AlignRight
}
Flowee.Label {
text: Pay.libsVersion
Layout.columnSpan: 2
}
Flowee.Label {
Layout.alignment: Qt.AlignRight
text: qsTr("Synchronization") + ":"
}
Flowee.Button {
Layout.columnSpan: 2
text: qsTr("Network Status")
onClicked: {
netView.source = "./NetView.qml"
netView.item.show();
}
}
Item { width: 1; height: 1 } // empty row
Flowee.Button {
Layout.columnSpan: 2
text: qsTr("Address Stats")
onClicked: {
netView.source = "./AddressDbStats.qml"
netView.item.show();
}
}
}
}