tomFlowee
752cc9b68a
A payment request, for instance a QR code, which includes an amount to be paid is expected to not change the to-be-paid amount, uses being dropped in the price editing UI is therefore a bit weird. Almost an anti-pattern. This honors that concept and when the price is included in the scanned QR, we change the UI layout to removed the editing widgets and show static display widgets instead. This also adds a header menu item to edit the amount to be paid and get back to the old UI. Additionally, a new UI is added to show the address we are about to pay to, likewise reachable from the header menu.
138 lines
4.0 KiB
QML
138 lines
4.0 KiB
QML
/*
|
|
* This file is part of the Flowee project
|
|
* Copyright (C) 2022-2023 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 as QQC2
|
|
import QtQuick.Layouts
|
|
import "../Flowee" as Flowee
|
|
|
|
QQC2.Control {
|
|
id: root
|
|
|
|
width: parent == null ? 10 : parent.width
|
|
height: parent == null ? 10 : parent.height
|
|
|
|
background: Rectangle {
|
|
color: palette.light
|
|
}
|
|
|
|
leftPadding: 10
|
|
rightPadding: 10
|
|
topPadding: header.height
|
|
|
|
default property alias content: focusScope.children
|
|
property alias headerText: headerLabel.text
|
|
property alias headerButtonVisible: headerButton.visible
|
|
property alias headerButtonText: headerButton.text
|
|
property alias headerButtonEnabled: headerButton.enabled
|
|
/**
|
|
* A list of action objects to populate the menu with
|
|
* Setting this will make a hamburger button show up in the header
|
|
*/
|
|
property var menuItems: [ ]
|
|
signal headerButtonClicked
|
|
|
|
function takeFocus() {
|
|
focusScope.forceActiveFocus();
|
|
}
|
|
function closeHeaderMenu() {
|
|
headerMenu.close();
|
|
}
|
|
|
|
onMenuItemsChanged: {
|
|
// remove old ones first
|
|
while (headerMenu.count > 0) {
|
|
headerMenu.takeItem(0);
|
|
}
|
|
// set new ones
|
|
for (let i = 0; i < menuItems.length; ++i) {
|
|
headerMenu.addAction(menuItems[i]);
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: header
|
|
width: parent.width // + 20
|
|
height: 50
|
|
color: Pay.useDarkSkin ? palette.window : mainWindow.floweeBlue
|
|
|
|
Image {
|
|
id: backButton
|
|
x: 13
|
|
source: "qrc:/back-arrow.svg"
|
|
width: 20 * 1.1
|
|
height: 15 * 1.1
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
anchors.margins: -15
|
|
onClicked: thePile.pop();
|
|
}
|
|
}
|
|
|
|
QQC2.Label {
|
|
id: headerLabel
|
|
color: "white"
|
|
anchors.left: backButton.right
|
|
anchors.right: {
|
|
// we assume at most one of these two is in use.
|
|
if (headerButton.visible)
|
|
return headerButton.left;
|
|
if (hamburgerMenu.visible)
|
|
return hamburgerMenu.left;
|
|
return parent.right;
|
|
}
|
|
horizontalAlignment: Text.AlignHCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Flowee.Button {
|
|
id: headerButton
|
|
visible: false
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 10
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
onClicked: root.headerButtonClicked()
|
|
}
|
|
Flowee.HamburgerMenu {
|
|
id: hamburgerMenu
|
|
visible: root.menuItems.length > 0
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 15
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
anchors.margins: -15
|
|
onClicked: headerMenu.open();
|
|
}
|
|
QQC2.Menu {
|
|
id: headerMenu
|
|
}
|
|
}
|
|
}
|
|
|
|
contentItem: FocusScope {
|
|
id: focusScope
|
|
}
|
|
Keys.onPressed: (event)=> {
|
|
if (event.key === Qt.Key_Back) {
|
|
event.accepted = true;
|
|
thePile.pop();
|
|
}
|
|
}
|
|
}
|