monero-gui/MiddlePanel.qml

347 lines
12 KiB
QML
Raw Normal View History

2015-04-01 08:56:05 +00:00
// Copyright (c) 2014-2015, The Monero Project
//
// 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
2016-10-11 15:58:58 +00:00
import QtQuick 2.2
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"
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
2016-10-08 21:50:35 +00:00
property bool basicMode : false
property string balanceLabelText: qsTr("Balance")
2016-10-08 23:23:57 +00:00
property string balanceText
property string unlockedBalanceText
property Transfer transferView: Transfer { }
property Receive receiveView: Receive { }
property TxKey txkeyView: TxKey { }
property History historyView: History { }
2016-11-08 10:06:34 +00:00
property Sign signView: Sign { }
property Settings settingsView: Settings { }
2016-12-10 01:01:04 +00:00
property AddressBook addressBookView: AddressBook { }
2016-10-02 21:03:37 +00:00
2016-10-08 22:32:03 +00:00
signal paymentClicked(string address, string paymentId, string amount, int mixinCount, int priority, string description)
signal sweepUnmixableClicked()
2016-10-08 21:50:35 +00:00
signal generatePaymentIdInvoked()
signal checkPaymentClicked(string address, string txid, string txkey);
2016-10-08 21:50:35 +00:00
color: "#F0EEEE"
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);
}
2016-10-08 21:50:35 +00:00
2016-10-08 23:23:57 +00:00
// XXX: just for memo, to be removed
// states: [
// State {
// name: "Dashboard"
// PropertyChanges { target: loader; source: "pages/Dashboard.qml" }
// }, State {
// name: "History"
// PropertyChanges { target: loader; source: "pages/History.qml" }
// }, State {
// name: "Transfer"
// PropertyChanges { target: loader; source: "pages/Transfer.qml" }
// }, State {
// name: "Receive"
// PropertyChanges { target: loader; source: "pages/Receive.qml" }
// }, State {
// name: "AddressBook"
// PropertyChanges { target: loader; source: "pages/AddressBook.qml" }
// }, State {
// name: "Settings"
// PropertyChanges { target: loader; source: "pages/Settings.qml" }
// }, State {
// name: "Mining"
// PropertyChanges { target: loader; source: "pages/Mining.qml" }
// }
// ]
states: [
State {
name: "Dashboard"
PropertyChanges { }
}, State {
name: "History"
PropertyChanges { target: root; currentView: historyView }
PropertyChanges { target: historyView; model: appWindow.currentWallet ? appWindow.currentWallet.historyModel : null }
}, State {
name: "Transfer"
PropertyChanges { target: root; currentView: transferView }
}, State {
name: "Receive"
PropertyChanges { target: root; currentView: receiveView }
}, State {
name: "TxKey"
PropertyChanges { target: root; currentView: txkeyView }
}, State {
name: "AddressBook"
2016-12-10 01:01:04 +00:00
PropertyChanges { target: root; currentView: addressBookView }
2016-11-08 10:06:34 +00:00
}, State {
name: "Sign"
PropertyChanges { target: root; currentView: signView }
}, State {
name: "Settings"
PropertyChanges { target: root; currentView: settingsView }
}, State {
name: "Mining"
PropertyChanges { /*TODO*/ }
}
]
2014-07-07 17:08:30 +00:00
2016-10-08 21:50:35 +00:00
// color stripe at the top
2014-07-07 17:08:30 +00:00
Row {
id: styledRow
2016-10-08 21:50:35 +00:00
height: 4
anchors.top: parent.top
2014-07-07 17:08:30 +00:00
anchors.left: parent.left
anchors.right: parent.right
2016-10-08 21:50:35 +00:00
2014-07-07 17:08:30 +00:00
Rectangle { height: 4; width: parent.width / 5; color: "#FFE00A" }
Rectangle { height: 4; width: parent.width / 5; color: "#6B0072" }
Rectangle { height: 4; width: parent.width / 5; color: "#FF6C3C" }
Rectangle { height: 4; width: parent.width / 5; color: "#FFD781" }
Rectangle { height: 4; width: parent.width / 5; color: "#FF4F41" }
}
2016-10-08 21:50:35 +00:00
ColumnLayout {
anchors.fill: parent
2016-10-08 21:50:35 +00:00
anchors.margins: 2
anchors.topMargin: appWindow.persistentSettings.customDecorations ? 30 : 0
2016-10-08 21:50:35 +00:00
spacing: 0
2016-10-08 21:50:35 +00:00
// BasicPanel header
Rectangle {
id: header
anchors.leftMargin: 1
anchors.rightMargin: 1
Layout.fillWidth: true
Layout.preferredHeight: 64
color: "#FFFFFF"
2016-10-08 22:32:03 +00:00
visible: basicMode
2016-10-08 21:50:35 +00:00
Image {
id: logo
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: -5
anchors.left: parent.left
anchors.leftMargin: appWindow.persistentSettings.customDecorations ? 20 : 40
2016-10-08 21:50:35 +00:00
source: "images/moneroLogo2.png"
}
Grid {
anchors.verticalCenter: parent.verticalCenter
anchors.top: parent.top
2016-10-08 21:50:35 +00:00
anchors.right: parent.right
2016-12-09 21:09:45 +00:00
anchors.topMargin: 10
2016-10-08 21:50:35 +00:00
width: 256
columns: 3
Text {
id: balanceLabel
2016-10-08 21:50:35 +00:00
width: 116
height: 20
font.family: "Arial"
font.pixelSize: 12
font.letterSpacing: -1
elide: Text.ElideRight
horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignBottom
color: "#535353"
text: root.balanceLabelText + ":"
2016-10-08 21:50:35 +00:00
}
Text {
id: balanceText
width: 110
height: 20
font.family: "Arial"
font.pixelSize: 18
font.letterSpacing: -1
elide: Text.ElideRight
horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignBottom
color: "#000000"
2016-10-08 22:32:03 +00:00
text: root.balanceText
2016-10-08 21:50:35 +00:00
}
Item {
height: 20
width: 20
Image {
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
source: "images/lockIcon.png"
}
}
Text {
width: 116
height: 20
font.family: "Arial"
font.pixelSize: 12
font.letterSpacing: -1
elide: Text.ElideRight
horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignBottom
color: "#535353"
2016-10-08 22:32:03 +00:00
text: qsTr("Unlocked Balance:")
2016-10-08 21:50:35 +00:00
}
Text {
id: availableBalanceText
width: 110
height: 20
font.family: "Arial"
font.pixelSize: 14
font.letterSpacing: -1
elide: Text.ElideRight
horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignBottom
color: "#000000"
2016-10-08 22:32:03 +00:00
text: root.unlockedBalanceText
2016-10-08 21:50:35 +00:00
}
}
Rectangle {
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: parent.bottom
height: 1
color: "#DBDBDB"
}
}
2014-07-07 17:08:30 +00:00
2016-10-08 21:50:35 +00:00
// Views container
StackView {
id: stackView
initialItem: transferView
anchors.topMargin: 30
Layout.fillWidth: true
Layout.fillHeight: true
anchors.margins: 4
clip: true // otherwise animation will affect left panel
2016-12-04 15:51:42 +00:00
delegate: StackViewDelegate {
pushTransition: StackViewTransition {
PropertyAnimation {
target: enterItem
property: "x"
from: 0 - target.width
to: 0
duration: 300
}
PropertyAnimation {
target: exitItem
property: "x"
from: 0
to: target.width
duration: 300
}
}
}
2016-10-08 21:50:35 +00:00
}
}
// border
2014-07-07 17:08:30 +00:00
Rectangle {
anchors.top: styledRow.bottom
anchors.bottom: parent.bottom
anchors.right: parent.right
width: 1
color: "#DBDBDB"
}
Rectangle {
anchors.top: styledRow.bottom
anchors.bottom: parent.bottom
anchors.left: parent.left
width: 1
color: "#DBDBDB"
}
Rectangle {
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: parent.bottom
height: 1
color: "#DBDBDB"
2016-10-08 21:50:35 +00:00
2014-07-07 17:08:30 +00:00
}
2016-10-08 21:50:35 +00:00
/* connect "payment" click */
Connections {
ignoreUnknownSignals: false
target: transferView
onPaymentClicked : {
console.log("MiddlePanel: paymentClicked")
paymentClicked(address, paymentId, amount, mixinCount, priority, description)
2016-10-08 21:50:35 +00:00
}
onSweepUnmixableClicked : {
console.log("MiddlePanel: sweepUnmixableClicked")
sweepUnmixableClicked()
}
2016-10-08 21:50:35 +00:00
}
2014-07-07 17:08:30 +00:00
}