monero-gui/MiddlePanel.qml

258 lines
10 KiB
QML
Raw Normal View History

2024-01-27 19:12:09 +00:00
// Copyright (c) 2014-2024, The Monero Project
2015-04-01 08:56:05 +00:00
//
// All rights reserved.
//
// Redistribution and use in source and binary forms, with or without modification, are
// permitted provided that the following conditions are met:
//
// 1. Redistributions of source code must retain the above copyright notice, this list of
// conditions and the following disclaimer.
//
// 2. Redistributions in binary form must reproduce the above copyright notice, this list
// of conditions and the following disclaimer in the documentation and/or other
// materials provided with the distribution.
//
// 3. Neither the name of the copyright holder nor the names of its contributors may be
// used to endorse or promote products derived from this software without specific
// prior written permission.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
// EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
// MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL
// THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
// PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
// STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
// THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
2016-10-11 15:58:58 +00:00
import QtQml 2.0
2019-04-11 01:17:29 +00:00
import QtQuick 2.9
import QtQuick.Controls 2.0
2016-10-11 15:58:58 +00:00
import QtQuick.Controls 1.4
2016-10-08 21:50:35 +00:00
import QtQuick.Layouts 1.1
import QtGraphicalEffects 1.0
import moneroComponents.Wallet 1.0
2016-10-11 15:58:58 +00:00
import "./pages"
import "./pages/settings"
2018-12-08 15:55:29 +00:00
import "./pages/merchant"
2019-04-11 01:17:29 +00:00
import "./components" as MoneroComponents
import "./components/effects/" as MoneroEffects
2014-07-07 17:08:30 +00:00
Rectangle {
id: root
2016-10-08 21:50:35 +00:00
property Item currentView
property Item previousView
2019-04-25 19:09:23 +00:00
property int minHeight: (appWindow.height > 800) ? appWindow.height : 800
property alias contentHeight: mainFlickable.contentHeight
property alias flickable: mainFlickable
2016-10-08 23:23:57 +00:00
property Transfer transferView: Transfer {
onPaymentClicked: root.paymentClicked(recipients, paymentId, mixinCount, priority, description)
onSweepUnmixableClicked: root.sweepUnmixableClicked()
}
property Receive receiveView: Receive { }
2018-12-08 15:55:29 +00:00
property Merchant merchantView: Merchant { }
property History historyView: History { }
property Advanced advancedView: Advanced { }
property Settings settingsView: Settings { }
2016-12-10 01:01:04 +00:00
property AddressBook addressBookView: AddressBook { }
2017-08-07 08:48:13 +00:00
property Keys keysView: Keys { }
property Account accountView: Account { }
2016-10-08 22:32:03 +00:00
signal paymentClicked(var recipients, string paymentId, int mixinCount, int priority, string description)
signal sweepUnmixableClicked()
2016-10-08 21:50:35 +00:00
signal generatePaymentIdInvoked()
signal getProofClicked(string txid, string address, string message, string amount);
2017-11-20 07:24:29 +00:00
signal checkProofClicked(string txid, string address, string message, string signature);
2016-10-08 21:50:35 +00:00
2018-12-08 15:55:29 +00:00
Rectangle {
// grey background on merchantView
visible: currentView === merchantView
color: MoneroComponents.Style.moneroGrey
anchors.fill: parent
}
2019-04-11 01:17:29 +00:00
MoneroEffects.GradientBackground {
2018-12-08 15:55:29 +00:00
visible: currentView !== merchantView
2019-04-11 01:17:29 +00:00
anchors.fill: parent
fallBackColor: MoneroComponents.Style.middlePanelBackgroundColor
initialStartColor: MoneroComponents.Style.middlePanelBackgroundGradientStart
initialStopColor: MoneroComponents.Style.middlePanelBackgroundGradientStop
blackColorStart: MoneroComponents.Style._b_middlePanelBackgroundGradientStart
blackColorStop: MoneroComponents.Style._b_middlePanelBackgroundGradientStop
whiteColorStart: MoneroComponents.Style._w_middlePanelBackgroundGradientStart
whiteColorStop: MoneroComponents.Style._w_middlePanelBackgroundGradientStop
start: Qt.point(0, 0)
end: Qt.point(height, width)
2017-11-25 23:02:43 +00:00
}
onCurrentViewChanged: {
if (previousView) {
if (typeof previousView.onPageClosed === "function") {
previousView.onPageClosed();
}
}
previousView = currentView
if (currentView) {
stackView.replace(currentView)
2016-10-04 10:15:29 +00:00
// Component.onCompleted is called before wallet is initilized
if (typeof currentView.onPageCompleted === "function") {
currentView.onPageCompleted();
}
}
}
function updateStatus(){
transferView.updateStatus();
}
2016-12-10 01:01:04 +00:00
// send from AddressBook
function sendTo(address, paymentId, description){
root.state = "Transfer";
transferView.sendTo(address, paymentId, description);
}
// open Transactions page with search term in search field
function searchInHistory(searchTerm){
root.state = "History";
historyView.searchInHistory(searchTerm);
}
states: [
State {
name: "History"
PropertyChanges { target: root; currentView: historyView }
2019-05-07 05:19:40 +00:00
PropertyChanges { target: mainFlickable; contentHeight: historyView.contentHeight + 80}
}, State {
name: "Transfer"
PropertyChanges { target: root; currentView: transferView }
2019-05-07 05:19:40 +00:00
PropertyChanges { target: mainFlickable; contentHeight: transferView.transferHeight1 + transferView.transferHeight2 + 80 }
}, State {
2019-05-07 05:19:40 +00:00
name: "Receive"
PropertyChanges { target: root; currentView: receiveView }
PropertyChanges { target: mainFlickable; contentHeight: receiveView.receiveHeight + 80 }
2018-12-08 15:55:29 +00:00
}, State {
name: "Merchant"
PropertyChanges { target: root; currentView: merchantView }
2019-05-07 05:19:40 +00:00
PropertyChanges { target: mainFlickable; contentHeight: merchantView.merchantHeight + 80 }
}, State {
name: "AddressBook"
2019-05-07 05:19:40 +00:00
PropertyChanges { target: root; currentView: addressBookView }
PropertyChanges { target: mainFlickable; contentHeight: addressBookView.addressbookHeight + 80 }
2016-11-08 10:06:34 +00:00
}, State {
name: "Advanced"
PropertyChanges { target: root; currentView: advancedView }
PropertyChanges { target: mainFlickable; contentHeight: advancedView.panelHeight }
}, State {
name: "Settings"
2019-05-07 05:19:40 +00:00
PropertyChanges { target: root; currentView: settingsView }
PropertyChanges { target: mainFlickable; contentHeight: settingsView.settingsHeight }
2017-08-07 08:48:13 +00:00
}, State {
name: "Keys"
PropertyChanges { target: root; currentView: keysView }
2019-05-07 05:19:40 +00:00
PropertyChanges { target: mainFlickable; contentHeight: keysView.keysHeight + 80}
}, State {
2019-04-16 09:09:46 +00:00
name: "Account"
PropertyChanges { target: root; currentView: accountView }
2019-05-07 05:19:40 +00:00
PropertyChanges { target: mainFlickable; contentHeight: accountView.accountHeight + 80 }
}
]
2014-07-07 17:08:30 +00:00
2016-10-08 21:50:35 +00:00
ColumnLayout {
anchors.fill: parent
2019-03-17 23:12:51 +00:00
anchors.margins: {
if(currentView === merchantView || currentView === historyView)
return 0;
2019-04-25 19:09:23 +00:00
return 20;
2019-03-17 23:12:51 +00:00
}
2019-04-25 19:09:23 +00:00
anchors.topMargin: appWindow.persistentSettings.customDecorations ? 50 : 0
2019-11-27 23:55:00 +00:00
anchors.bottomMargin: 0
2016-10-08 21:50:35 +00:00
spacing: 0
2017-04-03 16:51:55 +00:00
Flickable {
id: mainFlickable
2016-10-08 21:50:35 +00:00
Layout.fillWidth: true
Layout.fillHeight: true
2017-04-03 16:51:55 +00:00
clip: true
boundsBehavior: isMac ? Flickable.DragAndOvershootBounds : Flickable.StopAtBounds
ScrollBar.vertical: ScrollBar {
2019-07-22 19:39:56 +00:00
parent: root
2018-12-10 17:48:17 +00:00
anchors.left: parent.right
2019-07-22 19:39:56 +00:00
anchors.leftMargin: -14 // 10 margin + 4 scrollbar width
2018-12-10 17:48:17 +00:00
anchors.top: parent.top
2019-07-22 19:39:56 +00:00
anchors.topMargin: persistentSettings.customDecorations ? 60 : 10
2018-12-10 17:48:17 +00:00
anchors.bottom: parent.bottom
2019-07-22 19:39:56 +00:00
anchors.bottomMargin: persistentSettings.customDecorations ? 15 : 10
onActiveChanged: if (!active && !isMac) active = true
2018-12-10 17:48:17 +00:00
}
onFlickingChanged: {
releaseFocus();
}
2017-04-03 16:51:55 +00:00
// Views container
StackView {
id: stackView
initialItem: transferView
anchors.fill:parent
clip: true // otherwise animation will affect left panel
delegate: StackViewDelegate {
pushTransition: StackViewTransition {
PropertyAnimation {
target: enterItem
property: "x"
from: 0 - target.width
to: 0
duration: 300
easing.type: Easing.OutCubic
2017-04-03 16:51:55 +00:00
}
PropertyAnimation {
target: exitItem
property: "x"
from: 0
to: target.width
duration: 300
easing.type: Easing.OutCubic
2017-04-03 16:51:55 +00:00
}
2016-12-04 15:51:42 +00:00
}
}
}
2017-04-03 16:51:55 +00:00
}// flickable
2016-10-08 21:50:35 +00:00
}
2014-07-07 17:08:30 +00:00
// border
2014-07-07 17:08:30 +00:00
Rectangle {
2019-04-11 01:17:29 +00:00
id: borderLeft
visible: middlePanel.state !== "Merchant"
anchors.top: parent.top
2014-07-07 17:08:30 +00:00
anchors.bottom: parent.bottom
anchors.left: parent.left
width: 1
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.appWindowBorderColor
MoneroEffects.ColorTransition {
targetObj: parent
blackColor: MoneroComponents.Style._b_appWindowBorderColor
whiteColor: MoneroComponents.Style._w_appWindowBorderColor
}
}
// border shadow
Image {
source: "qrc:///images/middlePanelShadow.png"
width: 12
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.left: borderLeft.right
2014-07-07 17:08:30 +00:00
}
}