monero-gui/LeftPanel.qml

512 lines
17 KiB
QML
Raw Normal View History

2015-04-01 11:56:05 +03: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.
2014-07-07 20:08:30 +03:00
import QtQuick 2.2
import QtGraphicalEffects 1.0
import moneroComponents.Wallet 1.0
2014-07-07 20:08:30 +03:00
import "components"
Rectangle {
id: panel
property alias unlockedBalanceText: unlockedBalanceText.text
property alias balanceLabelText: balanceLabel.text
property alias balanceText: balanceText.text
property alias networkStatus : networkStatus
2016-12-14 14:48:12 +02:00
property alias progressBar : progressBar
property alias minutesToUnlockTxt: unlockedBalanceLabel.text
2014-07-07 20:08:30 +03:00
signal dashboardClicked()
signal historyClicked()
signal transferClicked()
signal receiveClicked()
signal txkeyClicked()
2014-07-07 20:08:30 +03:00
signal settingsClicked()
signal addressBookClicked()
signal miningClicked()
2016-11-08 12:06:34 +02:00
signal signClicked()
2014-07-07 20:08:30 +03:00
2014-07-09 19:03:37 +03:00
function selectItem(pos) {
menuColumn.previousButton.checked = false
if(pos === "Dashboard") menuColumn.previousButton = dashboardButton
else if(pos === "History") menuColumn.previousButton = historyButton
else if(pos === "Transfer") menuColumn.previousButton = transferButton
else if(pos === "Receive") menuColumn.previousButton = receiveButton
2014-07-09 19:03:37 +03:00
else if(pos === "AddressBook") menuColumn.previousButton = addressBookButton
else if(pos === "Mining") menuColumn.previousButton = miningButton
else if(pos === "TxKey") menuColumn.previousButton = txkeyButton
2016-11-08 12:06:34 +02:00
else if(pos === "Sign") menuColumn.previousButton = signButton
2014-07-09 19:03:37 +03:00
else if(pos === "Settings") menuColumn.previousButton = settingsButton
2017-01-17 23:59:40 +02:00
else if(pos === "Advanced") menuColumn.previousButton = advancedButton
2014-07-09 19:03:37 +03:00
menuColumn.previousButton.checked = true
}
2017-04-03 19:51:55 +03:00
width: (isMobile)? appWindow.width : 260
2014-07-07 20:08:30 +03:00
color: "#FFFFFF"
// Item with monero logo
Item {
2017-04-03 19:51:55 +03:00
visible: !isMobile
id: logoItem
anchors.left: parent.left
anchors.right: parent.right
2014-07-07 20:08:30 +03:00
anchors.top: parent.top
anchors.topMargin: (persistentSettings.customDecorations)? 66 : 36
height: logo.implicitHeight
Image {
id: logo
anchors.left: parent.left
anchors.leftMargin: 50
source: "images/moneroLogo.png"
}
2017-03-16 18:02:57 +02:00
Text {
id: testnetLabel
visible: persistentSettings.testnet
text: qsTr("Testnet") + translationManager.emptyString
anchors.top: logo.bottom
anchors.topMargin: 5
anchors.left: parent.left
anchors.leftMargin: 50
font.bold: true
color: "red"
}
2016-10-11 17:52:07 +03:00
/* Disable twitter/news panel
Image {
anchors.left: parent.left
anchors.verticalCenter: logo.verticalCenter
anchors.leftMargin: 19
source: appWindow.rightPanelExpanded ? "images/expandRightPanel.png" :
"images/collapseRightPanel.png"
}
MouseArea {
anchors.fill: parent
onClicked: appWindow.rightPanelExpanded = !appWindow.rightPanelExpanded
}
2016-10-11 17:52:07 +03:00
*/
2014-07-07 20:08:30 +03:00
}
2017-04-03 19:51:55 +03:00
2014-07-07 20:08:30 +03:00
Column {
2017-04-03 19:51:55 +03:00
visible: !isMobile
2014-07-07 20:08:30 +03:00
id: column1
anchors.left: parent.left
anchors.right: parent.right
anchors.top: logoItem.bottom
2017-03-02 20:14:44 +02:00
anchors.topMargin: 26
spacing: 5
2014-07-07 20:08:30 +03:00
Label {
2017-04-03 19:51:55 +03:00
visible: !isMobile
id: balanceLabel
2016-07-19 23:45:12 +03:00
text: qsTr("Balance") + translationManager.emptyString
2014-07-07 20:08:30 +03:00
anchors.left: parent.left
anchors.leftMargin: 50
tipText: qsTr("Test tip 1<br/><br/>line 2") + translationManager.emptyString
2014-07-07 20:08:30 +03:00
}
Row {
2017-04-03 19:51:55 +03:00
visible: !isMobile
2014-07-07 20:08:30 +03:00
Item {
anchors.verticalCenter: parent.verticalCenter
height: 26
width: 50
Image {
anchors.centerIn: parent
source: "images/lockIcon.png"
}
}
Text {
2017-04-03 19:51:55 +03:00
visible: !isMobile
id: balanceText
2014-07-07 20:08:30 +03:00
anchors.verticalCenter: parent.verticalCenter
font.family: "Arial"
color: "#000000"
text: "N/A"
2016-12-31 12:22:23 +02:00
// dynamically adjust text size
font.pixelSize: {
var digits = text.split('.')[0].length
var defaultSize = 25;
if(digits > 2) {
return defaultSize - 1.1*digits
}
return defaultSize;
}
2014-07-07 20:08:30 +03:00
}
}
Item { //separator
anchors.left: parent.left
anchors.right: parent.right
height: 1
}
Label {
id: unlockedBalanceLabel
2017-03-08 20:10:35 +02:00
text: qsTr("Unlocked balance") + translationManager.emptyString
2014-07-07 20:08:30 +03:00
anchors.left: parent.left
anchors.leftMargin: 50
tipText: qsTr("Test tip 2<br/><br/>line 2") + translationManager.emptyString
2014-07-07 20:08:30 +03:00
}
Text {
id: unlockedBalanceText
2014-07-07 20:08:30 +03:00
anchors.left: parent.left
anchors.leftMargin: 50
font.family: "Arial"
color: "#000000"
text: "N/A"
2016-12-31 12:22:23 +02:00
// dynamically adjust text size
font.pixelSize: {
var digits = text.split('.')[0].length
var defaultSize = 18;
if(digits > 3) {
return defaultSize - 0.6*digits
}
return defaultSize;
}
2014-07-07 20:08:30 +03:00
}
}
2017-04-03 19:51:55 +03:00
2014-07-07 20:08:30 +03:00
Rectangle {
anchors.top: parent.top
anchors.left: parent.left
anchors.bottom: menuRect.top
width: 1
color: "#DBDBDB"
}
Rectangle {
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
height: 1
color: "#DBDBDB"
}
2017-04-03 19:51:55 +03:00
2014-07-07 20:08:30 +03:00
Rectangle {
id: menuRect
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: parent.bottom
2017-04-03 19:51:55 +03:00
anchors.top: (isMobile)? parent.top : column1.bottom
anchors.topMargin: (isMobile)? 0 : 25
2014-07-07 20:08:30 +03:00
color: "#1C1C1C"
2017-04-03 19:51:55 +03:00
Flickable {
contentHeight: 500
anchors.fill: parent
clip: true
2014-07-07 20:08:30 +03:00
Column {
2017-04-03 19:51:55 +03:00
2014-07-09 19:03:37 +03:00
id: menuColumn
2014-07-07 20:08:30 +03:00
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
property var previousButton: transferButton
// ------------- Dashboard tab ---------------
/*
2014-07-07 20:08:30 +03:00
MenuButton {
id: dashboardButton
anchors.left: parent.left
anchors.right: parent.right
text: qsTr("Dashboard") + translationManager.emptyString
symbol: qsTr("D") + translationManager.emptyString
2014-07-07 20:08:30 +03:00
dotColor: "#FFE00A"
checked: true
onClicked: {
parent.previousButton.checked = false
parent.previousButton = dashboardButton
panel.dashboardClicked()
}
}
2014-07-07 20:08:30 +03:00
Rectangle {
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16
color: dashboardButton.checked || transferButton.checked ? "#1C1C1C" : "#505050"
height: 1
}
*/
2014-07-07 20:08:30 +03:00
// ------------- Transfer tab ---------------
2014-07-07 20:08:30 +03:00
MenuButton {
id: transferButton
anchors.left: parent.left
anchors.right: parent.right
text: qsTr("Send") + translationManager.emptyString
symbol: qsTr("S") + translationManager.emptyString
2014-07-07 20:08:30 +03:00
dotColor: "#FF6C3C"
onClicked: {
parent.previousButton.checked = false
parent.previousButton = transferButton
panel.transferClicked()
}
}
Rectangle {
2017-01-17 23:59:40 +02:00
visible: transferButton.present
2014-07-07 20:08:30 +03:00
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16
2016-11-23 21:00:19 +02:00
color: "#505050"
2014-07-07 20:08:30 +03:00
height: 1
}
// ------------- AddressBook tab ---------------
MenuButton {
id: addressBookButton
anchors.left: parent.left
anchors.right: parent.right
text: qsTr("Address book") + translationManager.emptyString
symbol: qsTr("B") + translationManager.emptyString
dotColor: "#FF4F41"
under: transferButton
onClicked: {
parent.previousButton.checked = false
parent.previousButton = addressBookButton
panel.addressBookClicked()
}
}
2016-11-23 21:00:19 +02:00
Rectangle {
2017-01-01 17:56:39 +02:00
visible: addressBookButton.present
2016-11-23 21:00:19 +02:00
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16
color: "#505050"
height: 1
}
// ------------- Receive tab ---------------
MenuButton {
id: receiveButton
anchors.left: parent.left
anchors.right: parent.right
text: qsTr("Receive") + translationManager.emptyString
symbol: qsTr("R") + translationManager.emptyString
dotColor: "#AAFFBB"
onClicked: {
parent.previousButton.checked = false
parent.previousButton = receiveButton
panel.receiveClicked()
}
}
Rectangle {
2017-01-17 23:59:40 +02:00
visible: receiveButton.present
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16
2016-11-23 21:00:19 +02:00
color: "#505050"
height: 1
}
// ------------- History tab ---------------
2014-07-07 20:08:30 +03:00
MenuButton {
id: historyButton
anchors.left: parent.left
anchors.right: parent.right
text: qsTr("History") + translationManager.emptyString
symbol: qsTr("H") + translationManager.emptyString
2014-07-07 20:08:30 +03:00
dotColor: "#6B0072"
onClicked: {
parent.previousButton.checked = false
parent.previousButton = historyButton
panel.historyClicked()
}
}
2016-11-23 21:00:19 +02:00
Rectangle {
2017-01-17 23:59:40 +02:00
visible: historyButton.present
2016-11-23 21:00:19 +02:00
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16
color: "#505050"
height: 1
}
2016-12-10 03:01:04 +02:00
// ------------- Advanced tab ---------------
2014-07-07 20:08:30 +03:00
MenuButton {
id: advancedButton
2014-07-07 20:08:30 +03:00
anchors.left: parent.left
anchors.right: parent.right
text: qsTr("Advanced") + translationManager.emptyString
2017-01-17 23:59:40 +02:00
symbol: qsTr("D") + translationManager.emptyString
dotColor: "#FFD781"
2014-07-07 20:08:30 +03:00
onClicked: {
parent.previousButton.checked = false
parent.previousButton = advancedButton
2014-07-07 20:08:30 +03:00
}
}
Rectangle {
2017-01-17 23:59:40 +02:00
visible: advancedButton.present
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16
color: "#505050"
height: 1
}
// ------------- Mining tab ---------------
MenuButton {
id: miningButton
anchors.left: parent.left
anchors.right: parent.right
text: qsTr("Mining") + translationManager.emptyString
symbol: qsTr("M") + translationManager.emptyString
dotColor: "#FFD781"
under: advancedButton
onClicked: {
parent.previousButton.checked = false
parent.previousButton = miningButton
panel.miningClicked()
}
}
2014-07-07 20:08:30 +03:00
Rectangle {
2017-01-17 23:59:40 +02:00
visible: miningButton.present
2014-07-07 20:08:30 +03:00
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16
color: miningButton.checked || settingsButton.checked ? "#1C1C1C" : "#505050"
2014-07-07 20:08:30 +03:00
height: 1
}
// ------------- TxKey tab ---------------
2014-07-07 20:08:30 +03:00
MenuButton {
id: txkeyButton
2014-07-07 20:08:30 +03:00
anchors.left: parent.left
anchors.right: parent.right
text: qsTr("Check payment") + translationManager.emptyString
symbol: qsTr("K") + translationManager.emptyString
dotColor: "#FFD781"
under: advancedButton
2014-07-07 20:08:30 +03:00
onClicked: {
parent.previousButton.checked = false
parent.previousButton = txkeyButton
panel.txkeyClicked()
2014-07-07 20:08:30 +03:00
}
}
Rectangle {
2017-01-01 17:56:39 +02:00
visible: txkeyButton.present
2014-07-07 20:08:30 +03:00
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16
color: "#505050"
2014-07-07 20:08:30 +03:00
height: 1
}
2016-11-08 12:06:34 +02:00
// ------------- Sign/verify tab ---------------
MenuButton {
id: signButton
anchors.left: parent.left
anchors.right: parent.right
text: qsTr("Sign/verify") + translationManager.emptyString
symbol: qsTr("I") + translationManager.emptyString
dotColor: "#FFD781"
under: advancedButton
2016-11-08 12:06:34 +02:00
onClicked: {
parent.previousButton.checked = false
parent.previousButton = signButton
panel.signClicked()
}
}
2016-11-23 21:00:19 +02:00
Rectangle {
2017-01-01 17:56:39 +02:00
visible: signButton.present
2016-11-23 21:00:19 +02:00
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16
color: "#505050"
height: 1
}
// ------------- Settings tab ---------------
2014-07-07 20:08:30 +03:00
MenuButton {
id: settingsButton
anchors.left: parent.left
anchors.right: parent.right
text: qsTr("Settings") + translationManager.emptyString
symbol: qsTr("E") + translationManager.emptyString
2014-07-07 20:08:30 +03:00
dotColor: "#36B25C"
onClicked: {
parent.previousButton.checked = false
parent.previousButton = settingsButton
panel.settingsClicked()
}
}
2014-07-07 20:08:30 +03:00
}
2017-04-03 19:51:55 +03:00
}
2014-07-07 20:08:30 +03:00
NetworkStatusItem {
id: networkStatus
2014-07-07 20:08:30 +03:00
anchors.left: parent.left
anchors.right: parent.right
2016-12-14 14:48:12 +02:00
anchors.bottom: (progressBar.visible)? progressBar.top : parent.bottom;
connected: Wallet.ConnectionStatus_Disconnected
2014-07-07 20:08:30 +03:00
}
2016-12-14 14:48:12 +02:00
ProgressBar {
id: progressBar
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: parent.bottom
}
2014-07-07 20:08:30 +03:00
}
2017-04-03 19:51:55 +03:00
// indicate disabled state
// Desaturate {
// anchors.fill: parent
// source: parent
// desaturation: panel.enabled ? 0.0 : 1.0
// }
2014-07-07 20:08:30 +03:00
}