forked from Public/monero-gui
@@ -39,7 +39,7 @@ Rectangle {
|
||||
|
||||
ColumnLayout {
|
||||
id: columnLayout
|
||||
anchors.margins: (isMobile)? 17 : 40
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
anchors.right: parent.right
|
||||
|
||||
@@ -53,7 +53,7 @@ Rectangle {
|
||||
anchors.top: parent.top
|
||||
anchors.right: parent.right
|
||||
|
||||
anchors.margins: (isMobile)? 17 : 20
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.topMargin: 40 * scaleRatio
|
||||
|
||||
spacing: 30 * scaleRatio
|
||||
|
||||
@@ -39,10 +39,10 @@ Rectangle {
|
||||
|
||||
ColumnLayout {
|
||||
id: mainLayout
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
anchors.right: parent.right
|
||||
anchors.margins: 40 * scaleRatio
|
||||
spacing: 20 * scaleRatio
|
||||
Layout.fillWidth: true
|
||||
|
||||
|
||||
@@ -32,7 +32,7 @@ import QtQuick.Controls.Styles 1.4
|
||||
import QtQuick.Layouts 1.1
|
||||
import QtQuick.Dialogs 1.2
|
||||
|
||||
import "../components"
|
||||
import "../components" as MoneroComponents
|
||||
import moneroComponents.Clipboard 1.0
|
||||
import moneroComponents.Wallet 1.0
|
||||
import moneroComponents.WalletManager 1.0
|
||||
@@ -46,115 +46,7 @@ Rectangle {
|
||||
id: pageReceive
|
||||
color: "transparent"
|
||||
property var model
|
||||
property var current_address
|
||||
property int current_subaddress_table_index: 0
|
||||
property alias receiveHeight: mainLayout.height
|
||||
property alias addressText : pageReceive.current_address
|
||||
|
||||
function makeQRCodeString() {
|
||||
var XMR_URI_SCHEME = "monero:"
|
||||
var XMR_AMOUNT = "tx_amount"
|
||||
var qrCodeString =""
|
||||
var amount = amountToReceiveLine.text
|
||||
qrCodeString += (XMR_URI_SCHEME + current_address)
|
||||
if (amount !== ""){
|
||||
qrCodeString += ("?" + XMR_AMOUNT + "=" + amount)
|
||||
}
|
||||
return qrCodeString
|
||||
}
|
||||
|
||||
function update() {
|
||||
const max_tracking = 3;
|
||||
|
||||
if (!appWindow.currentWallet || !trackingEnabled.checked) {
|
||||
trackingLineText.text = "";
|
||||
trackingModel.clear();
|
||||
return
|
||||
}
|
||||
if (appWindow.currentWallet.connected() == Wallet.ConnectionStatus_Disconnected) {
|
||||
trackingLineText.text = qsTr("WARNING: no connection to daemon");
|
||||
trackingModel.clear();
|
||||
return
|
||||
}
|
||||
|
||||
var model = appWindow.currentWallet.historyModel
|
||||
var count = model.rowCount()
|
||||
var totalAmount = 0
|
||||
var nTransactions = 0
|
||||
var blockchainHeight = null
|
||||
var txs = []
|
||||
|
||||
for (var i = 0; i < count && txs.length < max_tracking; ++i) {
|
||||
var idx = model.index(i, 0)
|
||||
var isout = model.data(idx, TransactionHistoryModel.TransactionIsOutRole);
|
||||
var subaddrAccount = model.data(idx, TransactionHistoryModel.TransactionSubaddrAccountRole);
|
||||
var subaddrIndex = model.data(idx, TransactionHistoryModel.TransactionSubaddrIndexRole);
|
||||
if (!isout && subaddrAccount == appWindow.currentWallet.currentSubaddressAccount && subaddrIndex == current_subaddress_table_index) {
|
||||
var amount = model.data(idx, TransactionHistoryModel.TransactionAtomicAmountRole);
|
||||
totalAmount = walletManager.addi(totalAmount, amount)
|
||||
nTransactions += 1
|
||||
|
||||
var txid = model.data(idx, TransactionHistoryModel.TransactionHashRole);
|
||||
var blockHeight = model.data(idx, TransactionHistoryModel.TransactionBlockHeightRole);
|
||||
|
||||
var in_txpool = false;
|
||||
var confirmations = 0;
|
||||
var displayAmount = 0;
|
||||
|
||||
if (blockHeight == 0) {
|
||||
in_txpool = true;
|
||||
} else {
|
||||
if (blockchainHeight == null)
|
||||
blockchainHeight = appWindow.currentWallet.blockChainHeight()
|
||||
confirmations = blockchainHeight - blockHeight - 1
|
||||
displayAmount = model.data(idx, TransactionHistoryModel.TransactionDisplayAmountRole);
|
||||
}
|
||||
|
||||
txs.push({
|
||||
"amount": displayAmount,
|
||||
"confirmations": confirmations,
|
||||
"blockheight": blockHeight,
|
||||
"in_txpool": in_txpool,
|
||||
"txid": txid
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// Update tracking status label
|
||||
if (nTransactions == 0) {
|
||||
trackingLineText.text = qsTr("No transaction found yet...") + translationManager.emptyString
|
||||
return
|
||||
}
|
||||
else if(nTransactions === 1){
|
||||
trackingLineText.text = qsTr("Transaction found") + ":" + translationManager.emptyString;
|
||||
} else {
|
||||
trackingLineText.text = qsTr("%1 transactions found").arg(nTransactions) + ":" + translationManager.emptyString
|
||||
}
|
||||
|
||||
toReceiveSatisfiedLine.text = "";
|
||||
var expectedAmount = walletManager.amountFromString(amountToReceiveLine.text)
|
||||
if (expectedAmount && expectedAmount != amount) {
|
||||
var displayTotalAmount = walletManager.displayAmount(totalAmount)
|
||||
if (amount > expectedAmount) toReceiveSatisfiedLine.text += qsTr("With more Monero");
|
||||
else if (amount < expectedAmount) toReceiveSatisfiedLine.text = qsTr("With not enough Monero")
|
||||
toReceiveSatisfiedLine.text += ": " + "<br>" +
|
||||
qsTr("Expected") + ": " + amountToReceiveLine.text + "<br>" +
|
||||
qsTr("Total received") + ": " + displayTotalAmount + translationManager.emptyString;
|
||||
}
|
||||
|
||||
trackingModel.clear();
|
||||
txs.forEach(function(tx){
|
||||
trackingModel.append({
|
||||
"amount": tx.amount,
|
||||
"confirmations": tx.confirmations,
|
||||
"blockheight": tx.blockHeight,
|
||||
"in_txpool": tx.in_txpool,
|
||||
"txid": tx.txid
|
||||
});
|
||||
});
|
||||
|
||||
//setTrackingLineText(text + "<br>" + list.join("<br>"))
|
||||
}
|
||||
|
||||
function renameSubaddressLabel(_index){
|
||||
inputDialog.labelText = qsTr("Set the label of the selected address:") + translationManager.emptyString;
|
||||
@@ -171,7 +63,7 @@ Rectangle {
|
||||
/* main layout */
|
||||
ColumnLayout {
|
||||
id: mainLayout
|
||||
anchors.margins: (isMobile)? 17 : 40
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.topMargin: 40 * scaleRatio
|
||||
|
||||
anchors.left: parent.left
|
||||
@@ -188,24 +80,10 @@ Rectangle {
|
||||
id: addressRow
|
||||
spacing: 0
|
||||
|
||||
LabelSubheader {
|
||||
MoneroComponents.LabelSubheader {
|
||||
Layout.fillWidth: true
|
||||
textFormat: Text.RichText
|
||||
text: "<style type='text/css'>a {text-decoration: none; color: #FF6C3C; font-size: 14px;}</style>" +
|
||||
qsTr("Addresses") +
|
||||
"<font size='2'> </font><a href='#'>" +
|
||||
qsTr("Help") + "</a>" +
|
||||
translationManager.emptyString
|
||||
onLinkActivated: {
|
||||
receivePageDialog.title = qsTr("Tracking payments") + translationManager.emptyString;
|
||||
receivePageDialog.text = qsTr(
|
||||
"<p>This QR code includes the address you selected above and" +
|
||||
"the amount you entered below. Share it with others (right-click->Save) " +
|
||||
"so they can more easily send you exact amounts.</p>"
|
||||
)
|
||||
receivePageDialog.icon = StandardIcon.Information
|
||||
receivePageDialog.open()
|
||||
}
|
||||
text: qsTr("Addresses")
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
@@ -245,9 +123,9 @@ Rectangle {
|
||||
anchors.rightMargin: 80
|
||||
color: "transparent"
|
||||
|
||||
Label {
|
||||
MoneroComponents.Label {
|
||||
id: idLabel
|
||||
color: index === current_subaddress_table_index ? "white" : "#757575"
|
||||
color: index === appWindow.current_subaddress_table_index ? "white" : "#757575"
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.left: parent.left
|
||||
anchors.leftMargin: 6
|
||||
@@ -256,7 +134,7 @@ Rectangle {
|
||||
text: "#" + index
|
||||
}
|
||||
|
||||
Label {
|
||||
MoneroComponents.Label {
|
||||
id: nameLabel
|
||||
color: "#a5a5a5"
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
@@ -267,7 +145,7 @@ Rectangle {
|
||||
text: label
|
||||
}
|
||||
|
||||
Label {
|
||||
MoneroComponents.Label {
|
||||
color: "white"
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.left: nameLabel.right
|
||||
@@ -299,7 +177,7 @@ Rectangle {
|
||||
}
|
||||
}
|
||||
|
||||
IconButton {
|
||||
MoneroComponents.IconButton {
|
||||
id: renameButton
|
||||
imageSource: "../images/editIcon.png"
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
@@ -313,7 +191,7 @@ Rectangle {
|
||||
}
|
||||
}
|
||||
|
||||
IconButton {
|
||||
MoneroComponents.IconButton {
|
||||
id: copyButton
|
||||
imageSource: "../images/copyToClipboard.png"
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
@@ -329,20 +207,17 @@ Rectangle {
|
||||
}
|
||||
onCurrentItemChanged: {
|
||||
// reset global vars
|
||||
current_subaddress_table_index = subaddressListView.currentIndex;
|
||||
current_address = appWindow.currentWallet.address(
|
||||
appWindow.current_subaddress_table_index = subaddressListView.currentIndex;
|
||||
appWindow.current_address = appWindow.currentWallet.address(
|
||||
appWindow.currentWallet.currentSubaddressAccount,
|
||||
subaddressListView.currentIndex
|
||||
);
|
||||
|
||||
// reset tracking table
|
||||
trackingModel.clear();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 'fake' row for 'create new address'
|
||||
ColumnLayout{
|
||||
ColumnLayout {
|
||||
id: createAddressRow
|
||||
Layout.fillWidth: true
|
||||
spacing: 0
|
||||
@@ -353,13 +228,13 @@ Rectangle {
|
||||
height: 1
|
||||
}
|
||||
|
||||
Rectangle{
|
||||
Rectangle {
|
||||
id: createAddressRect
|
||||
Layout.preferredHeight: subaddressListRow.subaddressListItemHeight
|
||||
color: "transparent"
|
||||
Layout.fillWidth: true
|
||||
|
||||
Label {
|
||||
MoneroComponents.Label {
|
||||
color: "#757575"
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.left: parent.left
|
||||
@@ -396,7 +271,8 @@ Rectangle {
|
||||
}
|
||||
|
||||
RowLayout {
|
||||
CheckBox2 {
|
||||
Layout.topMargin: 22 * scaleRatio
|
||||
MoneroComponents.CheckBox2 {
|
||||
id: showAdvancedCheckbox
|
||||
checked: persistentSettings.receiveShowAdvanced
|
||||
onClicked: {
|
||||
@@ -405,282 +281,72 @@ Rectangle {
|
||||
text: qsTr("Advanced options") + translationManager.emptyString
|
||||
}
|
||||
}
|
||||
|
||||
GridLayout {
|
||||
id: advancedRow
|
||||
columns: (isMobile)? 1 : 2
|
||||
Layout.fillWidth: true
|
||||
columnSpacing: 32 * scaleRatio
|
||||
|
||||
RowLayout {
|
||||
Layout.topMargin: 6 * scaleRatio
|
||||
visible: persistentSettings.receiveShowAdvanced
|
||||
Layout.fillWidth: true
|
||||
|
||||
ColumnLayout {
|
||||
Layout.alignment: Qt.AlignTop
|
||||
MoneroComponents.LineEditMulti {
|
||||
id: paymentUrl
|
||||
Layout.fillWidth: true
|
||||
spacing: 20 * scaleRatio
|
||||
|
||||
LabelSubheader {
|
||||
Layout.fillWidth: true
|
||||
textFormat: Text.RichText
|
||||
text: "<style type='text/css'>a {text-decoration: none; color: #FF6C3C; font-size: 14px;}</style>" +
|
||||
qsTr("QR Code") +
|
||||
"<font size='2'> </font><a href='#'>" +
|
||||
qsTr("Help") + "</a>" +
|
||||
translationManager.emptyString
|
||||
onLinkActivated: {
|
||||
receivePageDialog.title = qsTr("QR Code") + translationManager.emptyString;
|
||||
receivePageDialog.text = qsTr(
|
||||
"<p>This QR code includes the address you selected above and " +
|
||||
"the amount you entered below. Share it with others (right-click->Save) " +
|
||||
"so they can more easily send you exact amounts.</p>"
|
||||
)
|
||||
receivePageDialog.icon = StandardIcon.Information
|
||||
receivePageDialog.open()
|
||||
}
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
id: amountRow
|
||||
|
||||
Layout.fillWidth: true
|
||||
Layout.minimumWidth: 200
|
||||
spacing: parent.spacing
|
||||
|
||||
LineEdit {
|
||||
id: amountToReceiveLine
|
||||
Layout.fillWidth: true
|
||||
labelText: qsTr("Amount") + translationManager.emptyString
|
||||
placeholderText: qsTr("Amount to receive") + translationManager.emptyString
|
||||
fontBold: true
|
||||
inlineIcon: true
|
||||
onTextChanged: {
|
||||
if(amountToReceiveLine.text.indexOf('.') === 0){
|
||||
amountToReceiveLine.text = '0' + amountToReceiveLine.text;
|
||||
}
|
||||
}
|
||||
validator: RegExpValidator {
|
||||
regExp: /^(\d{1,8})?([\.]\d{1,12})?$/
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
color: "white"
|
||||
|
||||
Layout.fillWidth: true
|
||||
Layout.maximumWidth: mainLayout.qrCodeSize
|
||||
Layout.preferredHeight: width
|
||||
radius: 4
|
||||
|
||||
Image {
|
||||
id: qrCode
|
||||
anchors.fill: parent
|
||||
anchors.margins: 1
|
||||
|
||||
smooth: false
|
||||
fillMode: Image.PreserveAspectFit
|
||||
source: "image://qrcode/" + makeQRCodeString()
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
acceptedButtons: Qt.RightButton
|
||||
onClicked: {
|
||||
if (mouse.button == Qt.RightButton)
|
||||
qrMenu.open()
|
||||
}
|
||||
onPressAndHold: qrFileDialog.open()
|
||||
}
|
||||
}
|
||||
|
||||
Menu {
|
||||
id: qrMenu
|
||||
title: "QrCode"
|
||||
y: parent.height / 2
|
||||
|
||||
MenuItem {
|
||||
text: qsTr("Save As") + translationManager.emptyString;
|
||||
onTriggered: qrFileDialog.open()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
LineEditMulti {
|
||||
id: paymentUrl
|
||||
Layout.fillWidth: true
|
||||
labelText: qsTr("Payment URL") + translationManager.emptyString
|
||||
text: makeQRCodeString()
|
||||
readOnly: true
|
||||
copyButton: true
|
||||
wrapMode: Text.WrapAnywhere
|
||||
}
|
||||
}
|
||||
labelText: qsTr("Payment URL") + translationManager.emptyString
|
||||
text: TxUtils.makeQRCodeString(appWindow.current_address)
|
||||
readOnly: true
|
||||
copyButton: true
|
||||
wrapMode: Text.WrapAnywhere
|
||||
}
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
id: trackingRow
|
||||
Layout.alignment: Qt.AlignTop
|
||||
GridLayout{
|
||||
visible: persistentSettings.receiveShowAdvanced
|
||||
Layout.topMargin: 10 * scaleRatio
|
||||
columns: 2
|
||||
columnSpacing: 30 * scaleRatio
|
||||
|
||||
RowLayout {
|
||||
property int qrSize: 220 * scaleRatio
|
||||
Layout.fillWidth: true
|
||||
spacing: 0 * scaleRatio
|
||||
|
||||
LabelSubheader {
|
||||
Layout.fillWidth: true
|
||||
textFormat: Text.RichText
|
||||
text: "<style type='text/css'>a {text-decoration: none; color: #FF6C3C; font-size: 14px;}</style>" +
|
||||
qsTr("Tracking") +
|
||||
"<font size='2'> </font><a href='#'>" +
|
||||
qsTr("Help") + "</a>" +
|
||||
translationManager.emptyString
|
||||
onLinkActivated: {
|
||||
receivePageDialog.title = qsTr("Tracking payments") + translationManager.emptyString;
|
||||
receivePageDialog.text = qsTr(
|
||||
"<p><font size='+2'>This is a simple sales tracker:</font></p>" +
|
||||
"<p>Let your customer scan that QR code to make a payment (if that customer has software which " +
|
||||
"supports QR code scanning).</p>" +
|
||||
"<p>This page will automatically scan the blockchain and the tx pool " +
|
||||
"for incoming transactions using this QR code. If you input an amount, it will also check " +
|
||||
"that incoming transactions total up to that amount.</p>" +
|
||||
"<p>It's up to you whether to accept unconfirmed transactions or not. It is likely they'll be " +
|
||||
"confirmed in short order, but there is still a possibility they might not, so for larger " +
|
||||
"values you may want to wait for one or more confirmation(s).</p>"
|
||||
)
|
||||
receivePageDialog.icon = StandardIcon.Information
|
||||
receivePageDialog.open()
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
id: qrContainer
|
||||
radius: 4 * scaleRatio
|
||||
color: "white"
|
||||
Layout.preferredWidth: parent.qrSize
|
||||
Layout.preferredHeight: parent.qrSize
|
||||
|
||||
ListModel {
|
||||
id: trackingModel
|
||||
}
|
||||
|
||||
RowLayout{
|
||||
Layout.topMargin: 14
|
||||
Layout.bottomMargin: 10
|
||||
visible: trackingTableRow.visible
|
||||
|
||||
Label {
|
||||
id: trackingLineText
|
||||
color: "white"
|
||||
fontFamily: Style.fontLight.name
|
||||
fontSize: 16 * scaleRatio
|
||||
text: ""
|
||||
}
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
id: trackingTableRow
|
||||
visible: trackingListView.count >= 1
|
||||
Layout.fillWidth: true
|
||||
Layout.minimumWidth: 240
|
||||
Layout.preferredHeight: 46 * trackingListView.count
|
||||
|
||||
ListView {
|
||||
id: trackingListView
|
||||
Layout.fillWidth: true
|
||||
Image {
|
||||
id: qrCode
|
||||
anchors.fill: parent
|
||||
clip: true
|
||||
boundsBehavior: ListView.StopAtBounds
|
||||
model: trackingModel
|
||||
delegate: Item {
|
||||
id: trackingTableItem
|
||||
height: 46
|
||||
width: parent.width
|
||||
Layout.fillWidth: true
|
||||
anchors.margins: 1 * scaleRatio
|
||||
|
||||
Rectangle{
|
||||
anchors.right: parent.right
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
height: 1
|
||||
color: "#404040"
|
||||
visible: index !== 0
|
||||
}
|
||||
smooth: false
|
||||
fillMode: Image.PreserveAspectFit
|
||||
source: "image://qrcode/" + TxUtils.makeQRCodeString(appWindow.current_address)
|
||||
|
||||
Image {
|
||||
id: arrowImage
|
||||
source: "../images/upArrow-green.png"
|
||||
height: 18 * scaleRatio
|
||||
width: 12 * scaleRatio
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.left: parent.left
|
||||
anchors.leftMargin: 8
|
||||
}
|
||||
|
||||
Label {
|
||||
id: trackingConfirmationLine
|
||||
color: "white"
|
||||
anchors.top: parent.top
|
||||
anchors.topMargin: 6
|
||||
anchors.left: arrowImage.right
|
||||
anchors.leftMargin: 10
|
||||
fontSize: 14 * scaleRatio
|
||||
text: {
|
||||
if(in_txpool){
|
||||
return "Awaiting in txpool"
|
||||
} else {
|
||||
if(confirmations > 1){
|
||||
if(confirmations > 100){
|
||||
return "100+ " + qsTr("confirmations") + translationManager.emptyString;
|
||||
} else {
|
||||
return confirmations + " " + qsTr("confirmations") + translationManager.emptyString;
|
||||
}
|
||||
} else {
|
||||
return "1 " + qsTr("confirmation") + translationManager.emptyString;
|
||||
}
|
||||
}
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
acceptedButtons: Qt.RightButton
|
||||
onClicked: {
|
||||
if (mouse.button == Qt.RightButton){
|
||||
qrMenu.x = this.mouseX;
|
||||
qrMenu.y = this.mouseY;
|
||||
qrMenu.open()
|
||||
}
|
||||
}
|
||||
|
||||
Label {
|
||||
id: trackingAmountLine
|
||||
color: "#2eb358"
|
||||
anchors.top: trackingConfirmationLine.bottom
|
||||
anchors.left: arrowImage.right
|
||||
anchors.leftMargin: 10
|
||||
fontSize: 14 * scaleRatio
|
||||
fontBold: true
|
||||
text: amount
|
||||
}
|
||||
|
||||
IconButton {
|
||||
id: clipboardButton
|
||||
imageSource: "../images/copyToClipboard.png"
|
||||
|
||||
onClicked: {
|
||||
console.log("tx_id copied to clipboard");
|
||||
clipboard.setText(txid);
|
||||
appWindow.showStatusMessage(qsTr("Transaction ID copied to clipboard"),3);
|
||||
}
|
||||
|
||||
anchors.right: parent.right
|
||||
anchors.top: undefined
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
}
|
||||
onPressAndHold: qrFileDialog.open()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
RowLayout {
|
||||
visible: trackingTableRow.visible && x.text !== "" && amountToReceiveLine.text !== ""
|
||||
Layout.topMargin: 14 * scaleRatio
|
||||
Layout.fillWidth: true
|
||||
Layout.preferredHeight: 40 * scaleRatio
|
||||
Menu {
|
||||
id: qrMenu
|
||||
title: "QrCode"
|
||||
|
||||
Label {
|
||||
id: toReceiveSatisfiedLine
|
||||
color: "white"
|
||||
fontFamily: Style.fontLight.name
|
||||
fontSize: 14 * scaleRatio
|
||||
textFormat: Text.RichText
|
||||
text: ""
|
||||
height: 40 * scaleRatio
|
||||
}
|
||||
}
|
||||
|
||||
RowLayout {
|
||||
Layout.fillWidth: true
|
||||
Layout.minimumWidth: 200
|
||||
Layout.topMargin: trackingTableRow.visible ? 20 * scaleRatio : 32 * scaleRatio
|
||||
|
||||
CheckBox {
|
||||
id: trackingEnabled
|
||||
text: qsTr("Enable") + translationManager.emptyString
|
||||
MenuItem {
|
||||
text: qsTr("Save As") + translationManager.emptyString;
|
||||
onTriggered: qrFileDialog.open()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -693,12 +359,12 @@ Rectangle {
|
||||
|
||||
FileDialog {
|
||||
id: qrFileDialog
|
||||
title: "Please choose a name"
|
||||
title: qsTr("Please choose a name")
|
||||
folder: shortcuts.pictures
|
||||
selectExisting: false
|
||||
nameFilters: ["Image (*.png)"]
|
||||
onAccepted: {
|
||||
if(!walletManager.saveQrCode(makeQRCodeString(), walletManager.urlToLocalPath(fileUrl))) {
|
||||
if(!walletManager.saveQrCode(TxUtils.makeQRCodeString(appWindow.current_address), walletManager.urlToLocalPath(fileUrl))) {
|
||||
console.log("Failed to save QrCode to file " + walletManager.urlToLocalPath(fileUrl) )
|
||||
receivePageDialog.title = qsTr("Save QrCode") + translationManager.emptyString;
|
||||
receivePageDialog.text = qsTr("Failed to save QrCode to ") + walletManager.urlToLocalPath(fileUrl) + translationManager.emptyString;
|
||||
@@ -709,27 +375,14 @@ Rectangle {
|
||||
}
|
||||
}
|
||||
|
||||
Timer {
|
||||
id: timer
|
||||
interval: 2000; running: false; repeat: true
|
||||
onTriggered: update()
|
||||
}
|
||||
|
||||
function onPageCompleted() {
|
||||
console.log("Receive page loaded");
|
||||
subaddressListView.model = appWindow.currentWallet.subaddressModel;
|
||||
|
||||
if (appWindow.currentWallet) {
|
||||
current_address = appWindow.currentWallet.address(appWindow.currentWallet.currentSubaddressAccount, 0)
|
||||
appWindow.current_address = appWindow.currentWallet.address(appWindow.currentWallet.currentSubaddressAccount, 0)
|
||||
appWindow.currentWallet.subaddress.refresh(appWindow.currentWallet.currentSubaddressAccount)
|
||||
current_subaddress_table_index = 0;
|
||||
subaddressListView.currentIndex = 0;
|
||||
}
|
||||
|
||||
update()
|
||||
timer.running = true
|
||||
|
||||
trackingEnabled.checked = false
|
||||
}
|
||||
|
||||
function clearFields() {
|
||||
@@ -737,8 +390,5 @@ Rectangle {
|
||||
}
|
||||
|
||||
function onPageClosed() {
|
||||
timer.running = false
|
||||
trackingEnabled.checked = false
|
||||
trackingModel.clear()
|
||||
}
|
||||
}
|
||||
|
||||
@@ -79,7 +79,7 @@ Rectangle {
|
||||
/* main layout */
|
||||
ColumnLayout {
|
||||
id: mainLayout
|
||||
anchors.margins: (isMobile)? 17 : 20
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.topMargin: 40 * scaleRatio
|
||||
|
||||
anchors.left: parent.left
|
||||
|
||||
@@ -86,12 +86,9 @@ Rectangle {
|
||||
|
||||
// sign / verify
|
||||
ColumnLayout {
|
||||
id: root
|
||||
spacing: 20 * scaleRatio
|
||||
anchors.margins: (isMobile ? 17 : 20) * scaleRatio
|
||||
anchors.topMargin: 40 * scaleRatio
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
|
||||
Rectangle {
|
||||
|
||||
@@ -103,7 +103,7 @@ Rectangle {
|
||||
|
||||
ColumnLayout {
|
||||
id: pageRoot
|
||||
anchors.margins: (isMobile)? 17 : 20
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.topMargin: 40 * scaleRatio
|
||||
|
||||
anchors.left: parent.left
|
||||
@@ -421,7 +421,7 @@ Rectangle {
|
||||
anchors.top: pageRoot.bottom
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
anchors.margins: (isMobile)? 17 : 20
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.topMargin: 32 * scaleRatio
|
||||
spacing: 26 * scaleRatio
|
||||
enabled: !viewOnly || pageRoot.enabled
|
||||
|
||||
@@ -45,7 +45,7 @@ Rectangle {
|
||||
/* main layout */
|
||||
ColumnLayout {
|
||||
id: mainLayout
|
||||
anchors.margins: 40 * scaleRatio
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
anchors.right: parent.right
|
||||
|
||||
699
pages/merchant/Merchant.qml
Normal file
699
pages/merchant/Merchant.qml
Normal file
@@ -0,0 +1,699 @@
|
||||
import QtQuick 2.7
|
||||
import QtQuick.Layouts 1.1
|
||||
import QtQuick.Controls 2.0
|
||||
import QtGraphicalEffects 1.0
|
||||
import QtQuick.Controls.Styles 1.4
|
||||
import QtQuick.Dialogs 1.2
|
||||
|
||||
import moneroComponents.Clipboard 1.0
|
||||
import moneroComponents.Wallet 1.0
|
||||
import moneroComponents.WalletManager 1.0
|
||||
import moneroComponents.TransactionHistory 1.0
|
||||
import moneroComponents.TransactionHistoryModel 1.0
|
||||
import moneroComponents.Subaddress 1.0
|
||||
import moneroComponents.SubaddressModel 1.0
|
||||
|
||||
import "../../js/Windows.js" as Windows
|
||||
import "../../js/TxUtils.js" as TxUtils
|
||||
import "../../js/Utils.js" as Utils
|
||||
import "../../components" as MoneroComponents
|
||||
import "../../pages"
|
||||
import "."
|
||||
|
||||
Item {
|
||||
id: root
|
||||
anchors.margins: 0
|
||||
|
||||
property int minWidth: 900 * scaleRatio
|
||||
property int qrCodeSize: 220 * scaleRatio
|
||||
property bool enableTracking: false
|
||||
property string trackingError: "" // setting this will show a message @ tracking table
|
||||
property alias merchantHeight: mainLayout.height
|
||||
property string addressLabel: ""
|
||||
property var hiddenAmounts: []
|
||||
|
||||
function onPageCompleted() {
|
||||
appWindow.titlebarToggleOrange();
|
||||
appWindow.hideMenu();
|
||||
|
||||
// prepare tracking
|
||||
trackingCheckbox.checked = root.enableTracking
|
||||
root.update();
|
||||
timer.running = true;
|
||||
|
||||
// set currently selected account indication
|
||||
var _addressLabel = appWindow.currentWallet.getSubaddressLabel(
|
||||
appWindow.currentWallet.currentSubaddressAccount,
|
||||
appWindow.current_subaddress_table_index);
|
||||
if(_addressLabel === ""){
|
||||
root.addressLabel = "#" + appWindow.current_subaddress_table_index;
|
||||
} else {
|
||||
root.addressLabel = _addressLabel;
|
||||
}
|
||||
}
|
||||
|
||||
function onPageClosed() {
|
||||
appWindow.titlebarToggleOrange();
|
||||
|
||||
// reset component objects
|
||||
timer.running = false
|
||||
root.enableTracking = false
|
||||
trackingModel.clear()
|
||||
|
||||
appWindow.showMenu();
|
||||
}
|
||||
|
||||
Image {
|
||||
anchors.top: parent.top
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
height: 300 * scaleRatio
|
||||
source: "../../images/merchant/bg.png"
|
||||
smooth: false
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
id: mainLayout
|
||||
visible: parent.width >= root.minWidth
|
||||
spacing: 0
|
||||
|
||||
// emulates max-width + center for container
|
||||
property int maxWidth: 1200 * scaleRatio
|
||||
property int defaultMargin: 50 * scaleRatio
|
||||
property int horizontalMargin: {
|
||||
if(appWindow.width >= maxWidth){
|
||||
return ((appWindow.width - maxWidth) / 2) + defaultMargin;
|
||||
} else {
|
||||
return defaultMargin;
|
||||
}
|
||||
}
|
||||
|
||||
anchors.leftMargin: horizontalMargin
|
||||
anchors.rightMargin: horizontalMargin
|
||||
anchors.margins: defaultMargin
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
anchors.right: parent.right
|
||||
|
||||
Item {
|
||||
height: 220 * scaleRatio
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
|
||||
Rectangle {
|
||||
id: tracker
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
height: 220 * scaleRatio
|
||||
width: (parent.width - qrImg.width) - 50 * scaleRatio
|
||||
radius: 5
|
||||
|
||||
ColumnLayout {
|
||||
anchors.top: parent.top
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
spacing: 0
|
||||
|
||||
RowLayout {
|
||||
spacing: 0
|
||||
height: 56 * scaleRatio
|
||||
|
||||
RowLayout {
|
||||
Layout.alignment: Qt.AlignLeft
|
||||
Layout.preferredWidth: 260 * scaleRatio
|
||||
Layout.preferredHeight: parent.height
|
||||
Layout.fillHeight: true
|
||||
spacing: 8 * scaleRatio
|
||||
|
||||
Item {
|
||||
Layout.preferredWidth: 10 * scaleRatio
|
||||
}
|
||||
|
||||
Text {
|
||||
font.pixelSize: 16 * scaleRatio
|
||||
font.bold: true
|
||||
color: "#767676"
|
||||
text: qsTr("Sales")
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
Layout.fillWidth: true
|
||||
Layout.preferredHeight: 1 * scaleRatio
|
||||
color: "#d9d9d9"
|
||||
}
|
||||
|
||||
MerchantTrackingList {
|
||||
Layout.fillWidth: true
|
||||
Layout.preferredHeight: 400 * scaleRatio
|
||||
model: trackingModel
|
||||
message: {
|
||||
if(!root.enableTracking){
|
||||
return qsTr(
|
||||
"<style>p{font-size:14px;}</style>" +
|
||||
"<p>This page will automatically scan the blockchain and the tx pool " +
|
||||
"for incoming transactions using the QR code.</p>" +
|
||||
"<p>It's up to you whether to accept unconfirmed transactions or not. It is likely they'll be " +
|
||||
"confirmed in short order, but there is still a possibility they might not, so for larger " +
|
||||
"values you may want to wait for one or more confirmation(s).</p>"
|
||||
);
|
||||
} else if(root.trackingError !== ""){
|
||||
return root.trackingError;
|
||||
} else if(trackingModel.count < 1){
|
||||
return qsTr("Currently monitoring incoming transactions, none found yet.");
|
||||
} else {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
onHideAmountToggled: {
|
||||
if(root.hiddenAmounts.indexOf(txid) < 0){
|
||||
root.hiddenAmounts.push(txid);
|
||||
} else {
|
||||
root.hiddenAmounts = root.hiddenAmounts.filter(function(_txid) { return _txid !== txid });
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
DropShadow {
|
||||
anchors.fill: source
|
||||
cached: true
|
||||
horizontalOffset: 3
|
||||
verticalOffset: 3
|
||||
radius: 8.0
|
||||
samples: 16
|
||||
color: "#20000000"
|
||||
smooth: true
|
||||
source: tracker
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
id: qrImg
|
||||
color: "white"
|
||||
|
||||
anchors.right: parent.right
|
||||
anchors.top: parent.top
|
||||
|
||||
height: root.qrCodeSize
|
||||
width: root.qrCodeSize
|
||||
|
||||
Layout.maximumWidth: root.qrCodeSize
|
||||
Layout.preferredHeight: width
|
||||
radius: 5
|
||||
|
||||
Image {
|
||||
id: qrCode
|
||||
anchors.fill: parent
|
||||
anchors.margins: 1 * scaleRatio
|
||||
|
||||
smooth: false
|
||||
fillMode: Image.PreserveAspectFit
|
||||
source: "image://qrcode/" + TxUtils.makeQRCodeString(appWindow.current_address, amountToReceive.text)
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
acceptedButtons: Qt.RightButton
|
||||
onClicked: {
|
||||
if (mouse.button == Qt.RightButton){
|
||||
qrMenu.x = this.mouseX;
|
||||
qrMenu.y = this.mouseY;
|
||||
qrMenu.open()
|
||||
}
|
||||
}
|
||||
onPressAndHold: qrFileDialog.open()
|
||||
}
|
||||
}
|
||||
|
||||
Menu {
|
||||
id: qrMenu
|
||||
title: "QrCode"
|
||||
|
||||
MenuItem {
|
||||
text: qsTr("Save As") + translationManager.emptyString;
|
||||
onTriggered: qrFileDialog.open()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
DropShadow {
|
||||
anchors.fill: source
|
||||
cached: true
|
||||
horizontalOffset: 3
|
||||
verticalOffset: 3
|
||||
radius: 8.0
|
||||
samples: 16
|
||||
color: "#30000000"
|
||||
smooth: true
|
||||
source: qrImg
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.preferredHeight: 40 * scaleRatio
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
|
||||
Item {
|
||||
width: (parent.width - qrImg.width) - (50 * scaleRatio)
|
||||
height: 32 * scaleRatio
|
||||
|
||||
Text {
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
font.pixelSize: 12 * scaleRatio
|
||||
font.bold: false
|
||||
color: "white"
|
||||
text: "<style type='text/css'>a {text-decoration: none; color: #FF6C3C; font-size: 12px;}</style>Currently selected address: " + addressLabel + " <a href='#'>(Change)</a>"
|
||||
textFormat: Text.RichText
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
cursorShape: Qt.PointingHandCursor
|
||||
onClicked: appWindow.showPageRequest("Receive")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
anchors.right: parent.right
|
||||
anchors.top: parent.top
|
||||
width: 220 * scaleRatio
|
||||
height: 32 * scaleRatio
|
||||
|
||||
Text {
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
font.pixelSize: 12 * scaleRatio
|
||||
font.bold: false
|
||||
color: "white"
|
||||
text: qsTr("(right-click, save as)")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.preferredHeight: 120 * scaleRatio
|
||||
Layout.topMargin: 20 * scaleRatio
|
||||
Layout.fillWidth: true
|
||||
|
||||
Rectangle {
|
||||
id: payment_url_container
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
implicitHeight: 120 * scaleRatio
|
||||
width: (parent.width - qrImg.width) - (50 * scaleRatio)
|
||||
radius: 5
|
||||
|
||||
ColumnLayout {
|
||||
anchors.top: parent.top
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
spacing: 0
|
||||
|
||||
RowLayout {
|
||||
spacing: 0
|
||||
height: 56 * scaleRatio
|
||||
|
||||
RowLayout {
|
||||
Layout.alignment: Qt.AlignLeft
|
||||
Layout.preferredWidth: 260 * scaleRatio
|
||||
Layout.preferredHeight: parent.height
|
||||
Layout.fillHeight: true
|
||||
spacing: 8
|
||||
|
||||
Item {
|
||||
Layout.preferredWidth: 10 * scaleRatio
|
||||
}
|
||||
|
||||
Text {
|
||||
font.pixelSize: 14 * scaleRatio
|
||||
font.bold: true
|
||||
color: "#767676"
|
||||
text: qsTr("Payment URL")
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
}
|
||||
}
|
||||
|
||||
// @TODO: PaymentURL explanation
|
||||
// Rectangle {
|
||||
// // help box
|
||||
// Layout.alignment: Qt.AlignLeft
|
||||
// Layout.preferredWidth: 40 * scaleRatio
|
||||
// Layout.fillHeight: true
|
||||
// color: "transparent"
|
||||
|
||||
// Text {
|
||||
// anchors.verticalCenter: parent.verticalCenter
|
||||
// anchors.right: parent.right
|
||||
// anchors.rightMargin: 20 * scaleRatio
|
||||
// font.pixelSize: 16 * scaleRatio
|
||||
// font.bold: true
|
||||
// color: "#767676"
|
||||
// text:"?"
|
||||
// }
|
||||
|
||||
// MouseArea {
|
||||
// anchors.fill: parent
|
||||
// cursorShape: Qt.PointingHandCursor
|
||||
// onClicked: {
|
||||
// merchantPageDialog.title = qsTr("Payment URL") + translationManager.emptyString;
|
||||
// merchantPageDialog.text = qsTr("payment url explanation")
|
||||
// merchantPageDialog.icon = StandardIcon.Information
|
||||
// merchantPageDialog.open()
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
Layout.fillWidth: true
|
||||
Layout.preferredHeight: 1
|
||||
|
||||
color: "#d9d9d9"
|
||||
}
|
||||
|
||||
Text {
|
||||
property string _color: "#767676"
|
||||
Layout.fillWidth: true
|
||||
Layout.margins: 20 * scaleRatio
|
||||
Layout.topMargin: 10 * scaleRatio
|
||||
|
||||
wrapMode: Text.WrapAnywhere
|
||||
elide: Text.ElideRight
|
||||
|
||||
font.pixelSize: 12 * scaleRatio
|
||||
font.bold: true
|
||||
color: _color
|
||||
text: TxUtils.makeQRCodeString(appWindow.current_address, amountToReceive.text)
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
cursorShape: Qt.PointingHandCursor
|
||||
onEntered: {
|
||||
parent.color = MoneroComponents.Style.orange
|
||||
}
|
||||
onExited: {
|
||||
parent.color = parent._color
|
||||
}
|
||||
onClicked: {
|
||||
console.log("Copied to clipboard");
|
||||
clipboard.setText(parent.text);
|
||||
appWindow.showStatusMessage(qsTr("Copied to clipboard"), 3);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
DropShadow {
|
||||
anchors.fill: source
|
||||
cached: true
|
||||
horizontalOffset: 3
|
||||
verticalOffset: 3
|
||||
radius: 8.0
|
||||
samples: 16
|
||||
color: "#20000000"
|
||||
smooth: true
|
||||
source: payment_url_container
|
||||
}
|
||||
|
||||
Item {
|
||||
anchors.right: parent.right
|
||||
anchors.top: parent.top
|
||||
width: 220 * scaleRatio
|
||||
height: 32 * scaleRatio
|
||||
|
||||
ColumnLayout {
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
|
||||
Text {
|
||||
font.pixelSize: 14 * scaleRatio
|
||||
font.bold: false
|
||||
color: "white"
|
||||
text: qsTr("Amount to receive") + " (XMR)"
|
||||
}
|
||||
|
||||
Image {
|
||||
height: 28 * scaleRatio
|
||||
width: 220 * scaleRatio
|
||||
source: "../../images/merchant/input_box.png"
|
||||
|
||||
TextField {
|
||||
id: amountToReceive
|
||||
topPadding: 0
|
||||
leftPadding: 10 * scaleRatio
|
||||
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
anchors.top: parent.top
|
||||
anchors.topMargin: 3 * scaleRatio
|
||||
font.pixelSize: 16 * scaleRatio
|
||||
font.bold: true
|
||||
horizontalAlignment: TextInput.AlignLeft
|
||||
verticalAlignment: TextInput.AlignVCenter
|
||||
selectByMouse: true
|
||||
color: "#424242"
|
||||
selectionColor: "#3f3fe3"
|
||||
selectedTextColor: "white"
|
||||
|
||||
background: Rectangle {
|
||||
color: "transparent"
|
||||
}
|
||||
onTextChanged: {
|
||||
if (amountToReceive.text.indexOf('.') === 0) {
|
||||
amountToReceive.text = '0' + amountToReceive.text;
|
||||
}
|
||||
}
|
||||
validator: RegExpValidator {
|
||||
regExp: /^(\d{1,8})?([\.]\d{1,12})?$/
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
height: 2 * scaleRatio
|
||||
width: 220 * scaleRatio
|
||||
}
|
||||
|
||||
Text {
|
||||
// @TODO: When we have XMR/USD rate avi. in the future.
|
||||
visible: false
|
||||
font.pixelSize: 14 * scaleRatio
|
||||
font.bold: false
|
||||
color: "white"
|
||||
text: qsTr("Amount to receive") + " (USD)"
|
||||
opacity: 0.2
|
||||
}
|
||||
|
||||
Image {
|
||||
visible: false
|
||||
height: 28 * scaleRatio
|
||||
width: 220 * scaleRatio
|
||||
source: "../../images/merchant/input_box.png"
|
||||
opacity: 0.2
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.topMargin: 32 * scaleRatio
|
||||
Layout.preferredHeight: 40 * scaleRatio
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
|
||||
ColumnLayout {
|
||||
spacing: 16 * scaleRatio
|
||||
|
||||
MerchantCheckbox {
|
||||
id: trackingCheckbox
|
||||
checked: root.enableTracking
|
||||
text: qsTr("Enable sales tracker")
|
||||
|
||||
onChanged: {
|
||||
root.enableTracking = this.checked;
|
||||
}
|
||||
}
|
||||
|
||||
Text {
|
||||
id: content
|
||||
font.pixelSize: 14 * scaleRatio
|
||||
font.bold: false
|
||||
color: "white"
|
||||
text: qsTr("Leave this page")
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
cursorShape: Qt.PointingHandCursor
|
||||
onClicked: appWindow.showPageRequest("Receive")
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
// Shows when the window is too small
|
||||
visible: parent.width < root.minWidth
|
||||
anchors.top: parent.top
|
||||
anchors.topMargin: 100 * scaleRatio;
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
height: 120 * scaleRatio
|
||||
width: 400 * scaleRatio
|
||||
radius: 5
|
||||
|
||||
Text {
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
font.pixelSize: 14 * scaleRatio
|
||||
font.bold: true
|
||||
color: MoneroComponents.Style.moneroGrey
|
||||
text: qsTr("The merchant page requires a larger window")
|
||||
}
|
||||
}
|
||||
|
||||
function update() {
|
||||
const max_tracking = 3;
|
||||
|
||||
if (!appWindow.currentWallet || !root.enableTracking) {
|
||||
root.trackingError = "";
|
||||
trackingModel.clear();
|
||||
return
|
||||
}
|
||||
|
||||
if (appWindow.currentWallet.connected() == Wallet.ConnectionStatus_Disconnected) {
|
||||
root.trackingError = qsTr("WARNING: no connection to daemon");
|
||||
trackingModel.clear();
|
||||
return
|
||||
}
|
||||
|
||||
var model = appWindow.currentWallet.historyModel
|
||||
var count = model.rowCount()
|
||||
var totalAmount = 0
|
||||
var nTransactions = 0
|
||||
var blockchainHeight = null
|
||||
var txs = []
|
||||
|
||||
// Currently selected subaddress as per Receive page
|
||||
var current_subaddress_table_index = appWindow.current_subaddress_table_index;
|
||||
|
||||
for (var i = 0; i < count && txs.length < max_tracking; ++i) {
|
||||
var idx = model.index(i, 0)
|
||||
var isout = model.data(idx, TransactionHistoryModel.TransactionIsOutRole);
|
||||
var timeDate = model.data(idx, TransactionHistoryModel.TransactionDateRole);
|
||||
var timeHour = model.data(idx, TransactionHistoryModel.TransactionTimeRole);
|
||||
var timeEpoch = new Date(timeDate + "T" + timeHour + "Z") .getTime() / 1000;
|
||||
var subaddrAccount = model.data(idx, TransactionHistoryModel.TransactionSubaddrAccountRole);
|
||||
var subaddrIndex = model.data(idx, TransactionHistoryModel.TransactionSubaddrIndexRole);
|
||||
|
||||
if (!isout && subaddrAccount == appWindow.currentWallet.currentSubaddressAccount && subaddrIndex == current_subaddress_table_index) {
|
||||
var amount = model.data(idx, TransactionHistoryModel.TransactionAtomicAmountRole);
|
||||
totalAmount = walletManager.addi(totalAmount, amount)
|
||||
nTransactions += 1
|
||||
|
||||
var txid = model.data(idx, TransactionHistoryModel.TransactionHashRole);
|
||||
var blockHeight = model.data(idx, TransactionHistoryModel.TransactionBlockHeightRole);
|
||||
|
||||
var in_txpool = false;
|
||||
var confirmations = 0;
|
||||
var displayAmount = 0;
|
||||
|
||||
if (blockHeight == 0) {
|
||||
in_txpool = true;
|
||||
} else {
|
||||
if (blockchainHeight == null)
|
||||
blockchainHeight = appWindow.currentWallet.blockChainHeight()
|
||||
confirmations = blockchainHeight - blockHeight - 1
|
||||
displayAmount = model.data(idx, TransactionHistoryModel.TransactionDisplayAmountRole);
|
||||
}
|
||||
|
||||
txs.push({
|
||||
"amount": displayAmount,
|
||||
"confirmations": confirmations,
|
||||
"blockheight": blockHeight,
|
||||
"in_txpool": in_txpool,
|
||||
"txid": txid,
|
||||
"time_epoch": timeEpoch,
|
||||
"time_date": timeDate + " " + timeHour,
|
||||
"hide_amount": root.hiddenAmounts.indexOf(txid) >= 0
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// Update tracking status label
|
||||
if (nTransactions == 0) {
|
||||
root.trackingError = qsTr("Currently monitoring incoming transactions, none found yet.") + translationManager.emptyString
|
||||
return
|
||||
}
|
||||
|
||||
trackingModel.clear();
|
||||
txs.forEach(function(tx){
|
||||
trackingModel.append({
|
||||
"amount": tx.amount,
|
||||
"blockheight": tx.blockheight,
|
||||
"confirmations": tx.confirmations,
|
||||
"blockheight": tx.blockHeight,
|
||||
"in_txpool": tx.in_txpool,
|
||||
"txid": tx.txid,
|
||||
"time_epoch": tx.time_epoch,
|
||||
"time_date": tx.time_date,
|
||||
"hide_amount": tx.hide_amount
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
ListModel {
|
||||
id: trackingModel
|
||||
}
|
||||
|
||||
Timer {
|
||||
id: timer
|
||||
interval: 3000; running: false; repeat: true
|
||||
onTriggered: update()
|
||||
}
|
||||
|
||||
MessageDialog {
|
||||
id: merchantPageDialog
|
||||
standardButtons: StandardButton.Ok
|
||||
}
|
||||
|
||||
FileDialog {
|
||||
id: qrFileDialog
|
||||
title: "Please choose a name"
|
||||
folder: shortcuts.pictures
|
||||
selectExisting: false
|
||||
nameFilters: ["Image (*.png)"]
|
||||
onAccepted: {
|
||||
if(!walletManager.saveQrCode(TxUtils.makeQRCodeString(appWindow.current_address, amountToReceive.text), walletManager.urlToLocalPath(fileUrl))) {
|
||||
console.log("Failed to save QrCode to file " + walletManager.urlToLocalPath(fileUrl) )
|
||||
receivePageDialog.title = qsTr("Save QrCode") + translationManager.emptyString;
|
||||
receivePageDialog.text = qsTr("Failed to save QrCode to ") + walletManager.urlToLocalPath(fileUrl) + translationManager.emptyString;
|
||||
receivePageDialog.icon = StandardIcon.Error
|
||||
receivePageDialog.open()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Clipboard { id: clipboard }
|
||||
}
|
||||
63
pages/merchant/MerchantCheckbox.qml
Normal file
63
pages/merchant/MerchantCheckbox.qml
Normal file
@@ -0,0 +1,63 @@
|
||||
import QtQuick 2.7
|
||||
import QtQuick.Layouts 1.1
|
||||
import QtGraphicalEffects 1.0
|
||||
|
||||
|
||||
RowLayout {
|
||||
id: root
|
||||
spacing: 10 * scaleRatio
|
||||
property bool checked: false;
|
||||
property alias text: content.text
|
||||
signal changed;
|
||||
|
||||
Rectangle {
|
||||
id: checkbox
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
implicitHeight: 22 * scaleRatio
|
||||
width: 22 * scaleRatio
|
||||
radius: 5
|
||||
|
||||
Image {
|
||||
id: imageChecked
|
||||
visible: root.checked
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
source: "../../images/checkedBlackIcon.png"
|
||||
opacity: 0.6
|
||||
width: 12 * scaleRatio
|
||||
height: 8 * scaleRatio
|
||||
}
|
||||
}
|
||||
|
||||
Text {
|
||||
id: content
|
||||
font.pixelSize: 14 * scaleRatio
|
||||
font.bold: false
|
||||
color: "white"
|
||||
text: ""
|
||||
}
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
|
||||
cursorShape: Qt.PointingHandCursor
|
||||
onClicked: {
|
||||
root.checked = !root.checked;
|
||||
changed();
|
||||
}
|
||||
}
|
||||
|
||||
DropShadow {
|
||||
anchors.fill: source
|
||||
cached: true
|
||||
horizontalOffset: 3
|
||||
verticalOffset: 3
|
||||
radius: 8.0
|
||||
samples: 16
|
||||
color: "#20000000"
|
||||
smooth: true
|
||||
source: checkbox
|
||||
}
|
||||
}
|
||||
231
pages/merchant/MerchantTrackingList.qml
Normal file
231
pages/merchant/MerchantTrackingList.qml
Normal file
@@ -0,0 +1,231 @@
|
||||
import QtQuick 2.0
|
||||
import QtQuick.Controls 2.0
|
||||
import QtQuick.Controls.Styles 1.4
|
||||
import QtQuick.Layouts 1.1
|
||||
import QtQuick.Dialogs 1.2
|
||||
|
||||
import "../../js/Utils.js" as Utils
|
||||
import "../../components" as MoneroComponents
|
||||
|
||||
ListView {
|
||||
id: trackingListView
|
||||
|
||||
// items will not be drawn when a message is set
|
||||
property string message: ""
|
||||
|
||||
boundsBehavior: ListView.StopAtBounds
|
||||
Layout.fillWidth: true
|
||||
clip: true
|
||||
|
||||
signal hideAmountToggled(string txid)
|
||||
|
||||
function viewTx(txid){
|
||||
// @TODO: implement blockexplorer-like page. Redirect to history for now
|
||||
appWindow.showPageRequest("History");
|
||||
}
|
||||
|
||||
TextEdit {
|
||||
// message box
|
||||
visible: parent.message !== ""
|
||||
anchors.fill: parent
|
||||
anchors.margins: 20 * scaleRatio
|
||||
anchors.topMargin: 10 * scaleRatio
|
||||
wrapMode: Text.Wrap
|
||||
|
||||
font.pixelSize: 14 * scaleRatio
|
||||
font.bold: false
|
||||
color: "#767676"
|
||||
textFormat: Text.RichText
|
||||
text: parent.message
|
||||
selectionColor: MoneroComponents.Style.dimmedFontColor
|
||||
selectByMouse: true
|
||||
readOnly: true
|
||||
onFocusChanged: {if(focus === false) deselect() }
|
||||
}
|
||||
|
||||
delegate: Item {
|
||||
id: trackingTableItem
|
||||
visible: trackingListView.message === ""
|
||||
height: 53 * scaleRatio
|
||||
width: parent.width
|
||||
Layout.fillWidth: true
|
||||
|
||||
RowLayout {
|
||||
id: container
|
||||
height: parent.height
|
||||
width: parent.width
|
||||
spacing: 0
|
||||
|
||||
Item {
|
||||
Layout.preferredHeight: parent.height
|
||||
Layout.preferredWidth: 20 * scaleRatio
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
spacing: 0
|
||||
Layout.preferredHeight: 40 * scaleRatio
|
||||
Layout.preferredWidth: 240 * scaleRatio
|
||||
|
||||
Item {
|
||||
Layout.preferredWidth: parent.width
|
||||
Layout.preferredHeight: 18 * scaleRatio
|
||||
|
||||
TextEdit {
|
||||
id: dateString
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
font.pixelSize: 12 * scaleRatio
|
||||
font.bold: false
|
||||
color: "#707070"
|
||||
text: time_date + " (" + Utils.ago(time_epoch) + ") "
|
||||
selectionColor: MoneroComponents.Style.dimmedFontColor
|
||||
selectByMouse: true
|
||||
readOnly: true
|
||||
onFocusChanged: {if(focus === false) deselect() }
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
anchors.left: dateString.right
|
||||
anchors.leftMargin: 2
|
||||
width: hideAmount.width + 2
|
||||
height: 20
|
||||
color: 'transparent'
|
||||
|
||||
TextEdit {
|
||||
id: hideAmount
|
||||
anchors.top: parent.top
|
||||
anchors.topMargin: 1 * scaleRatio
|
||||
anchors.left: parent.left
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
readOnly: true
|
||||
font.pixelSize: 12 * scaleRatio
|
||||
font.bold: false
|
||||
color: "#707070"
|
||||
text: hide_amount ? "(" + qsTr("show") + ")" : "(" + qsTr("hide") + ")"
|
||||
}
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
cursorShape: Qt.PointingHandCursor
|
||||
onClicked: {
|
||||
trackingListView.hideAmountToggled(txid);
|
||||
hide_amount = !hide_amount;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.preferredWidth: parent.width
|
||||
Layout.preferredHeight: 18 * scaleRatio
|
||||
|
||||
TextEdit {
|
||||
id: amountText
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
font.pixelSize: 14 * scaleRatio
|
||||
font.bold: true
|
||||
color: hide_amount ? "#707070" : "#009F1E"
|
||||
text: hide_amount ? '-' : '+' + amount
|
||||
selectionColor: MoneroComponents.Style.dimmedFontColor
|
||||
selectByMouse: true
|
||||
readOnly: true
|
||||
onFocusChanged: {if(focus === false) deselect() }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
}
|
||||
|
||||
RowLayout {
|
||||
spacing: 0
|
||||
Layout.preferredHeight: parent.height
|
||||
Layout.preferredWidth: 240 * scaleRatio
|
||||
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
Layout.preferredHeight: parent.height
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.preferredWidth: 150 * scaleRatio
|
||||
Layout.preferredHeight: parent.height
|
||||
|
||||
TextEdit {
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
font.pixelSize: 12 * scaleRatio
|
||||
font.bold: false
|
||||
color: "#a8a8a8"
|
||||
text: {
|
||||
if(in_txpool){
|
||||
return qsTr("Awaiting in txpool") + translationManager.emptyString;
|
||||
} else {
|
||||
if(confirmations > 1){
|
||||
if(confirmations > 100){
|
||||
return "100+ " + qsTr("confirmations") + translationManager.emptyString;
|
||||
} else {
|
||||
return confirmations + " " + qsTr("confirmations") + translationManager.emptyString;
|
||||
}
|
||||
} else {
|
||||
return "1 " + qsTr("confirmation") + translationManager.emptyString;
|
||||
}
|
||||
}
|
||||
}
|
||||
selectionColor: MoneroComponents.Style.dimmedFontColor
|
||||
selectByMouse: true
|
||||
readOnly: true
|
||||
onFocusChanged: {if(focus === false) deselect() }
|
||||
}
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
|
||||
cursorShape: Qt.PointingHandCursor
|
||||
onClicked: {
|
||||
viewTx(txid);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.preferredWidth: 30 * scaleRatio
|
||||
Layout.preferredHeight: parent.height
|
||||
|
||||
Image {
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
Layout.preferredWidth: 12 * scaleRatio
|
||||
Layout.preferredHeight: 21 * scaleRatio
|
||||
source: "../../images/merchant/arrow_right.png"
|
||||
}
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
|
||||
cursorShape: Qt.PointingHandCursor
|
||||
onClicked: {
|
||||
viewTx(txid);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.preferredWidth: 10 * scaleRatio
|
||||
Layout.preferredHeight: parent.height
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
anchors.right: parent.right
|
||||
anchors.left: parent.left
|
||||
anchors.top: container.bottom
|
||||
height: 1
|
||||
color: "#F0F0F0"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -46,7 +46,7 @@ Rectangle {
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
anchors.right: parent.right
|
||||
anchors.margins: (isMobile)? 17 : 20
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.topMargin: 0
|
||||
spacing: 30 * scaleRatio
|
||||
|
||||
|
||||
@@ -55,7 +55,7 @@ Rectangle {
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
anchors.right: parent.right
|
||||
anchors.margins: (isMobile)? 17 : 20
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.topMargin: 0
|
||||
spacing: 6 * scaleRatio
|
||||
|
||||
|
||||
@@ -47,7 +47,7 @@ Rectangle {
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
anchors.right: parent.right
|
||||
anchors.margins: (isMobile)? 17 : 20
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.topMargin: 0
|
||||
spacing: 10
|
||||
|
||||
|
||||
@@ -39,7 +39,7 @@ Rectangle{
|
||||
/* main layout */
|
||||
ColumnLayout {
|
||||
id: root
|
||||
anchors.margins: (isMobile)? 17 : 20
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.topMargin: 0
|
||||
|
||||
anchors.left: parent.left
|
||||
|
||||
@@ -46,7 +46,7 @@ Rectangle {
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
anchors.right: parent.right
|
||||
anchors.margins: (isMobile)? 17 : 20
|
||||
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio
|
||||
anchors.topMargin: 0
|
||||
spacing: 0
|
||||
|
||||
|
||||
Reference in New Issue
Block a user