status-desktop/ui/app/AppLayouts/Chat/popups/ChatCommandModal.qml

175 lines
6.2 KiB
QML
Raw Normal View History

2020-09-03 20:14:44 +00:00
import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import utils 1.0
import shared.controls 1.0
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Popups 0.1
import StatusQ.Controls 0.1
import shared.views 1.0
import shared.panels 1.0
StatusModal {
property var store
property var contactsStore
property string commandTitle: qsTr("Send")
property string finalButtonLabel: qsTr("Request address")
2020-09-03 20:14:44 +00:00
property var sendChatCommand: function () {}
property bool isRequested: false
2020-09-03 20:14:44 +00:00
id: root
anchors.centerIn: parent
headerSettings.title: root.commandTitle
2020-09-03 20:14:44 +00:00
height: 504
property alias selectRecipient: selectRecipient
2020-09-03 20:14:44 +00:00
contentItem: Item {
width: root.width
height: childrenRect.height
TransactionStackView {
id: stack
anchors.top: parent.top
anchors.topMargin: 16
anchors.leftMargin: Style.current.padding
anchors.rightMargin: Style.current.padding
onGroupActivated: {
root.headerSettings.title = group.headerText
btnNext.text = group.footerText
}
TransactionFormGroup {
id: group1
headerText: root.commandTitle
footerText: qsTr("Continue")
StatusAccountSelector {
id: selectFromAccount
accounts: root.store.accounts
selectedAccount: {
const currAcc = root.store.currentAccount
if (currAcc.walletType !== Constants.watchWalletType) {
return currAcc
}
return null
}
currency: root.store.currentCurrency
width: stack.width
label: {
2022-02-09 09:43:23 +00:00
return root.isRequested ?
qsTr("Receive on account") :
qsTr("From account")
}
}
SeparatorWithIcon {
id: separator
anchors.top: selectFromAccount.bottom
anchors.topMargin: 19
icon.rotation: root.isRequested ? -90 : 90
}
StatusBaseText {
id: addressRequiredInfo
anchors.right: selectRecipient.right
anchors.bottom: selectRecipient.top
anchors.bottomMargin: -Style.current.padding
text: qsTr("Address request required")
color: Theme.palette.dangerColor1
visible: addressRequiredValidator.isWarn
}
RecipientSelector {
id: selectRecipient
accounts: root.store.accounts
contactsStore: root.contactsStore
label: root.isRequested ?
qsTr("From") :
qsTr("To")
anchors.top: separator.bottom
anchors.topMargin: 10
width: stack.width
onSelectedRecipientChanged: {
addressRequiredValidator.address = root.isRequested ? selectFromAccount.selectedAccount.address : selectRecipient.selectedRecipient.address
}
}
2020-09-03 20:14:44 +00:00
}
TransactionFormGroup {
id: group2
headerText: root.commandTitle
footerText: qsTr("Preview")
AssetAndAmountInput {
id: txtAmount
selectedAccount: selectFromAccount.selectedAccount
currentCurrency: root.store.currentCurrency
getFiatValue: root.store.getFiatValue
// Not Refactored Yet
// getCryptoValue: root.store.walletModelInst.balanceView.getCryptoValue
validateBalance: !root.isRequested
width: stack.width
}
2020-09-03 20:14:44 +00:00
}
TransactionFormGroup {
id: group3
headerText: root.isRequested ?
qsTr("Preview") :
qsTr("Transaction preview")
footerText: root.finalButtonLabel
2020-09-03 20:14:44 +00:00
TransactionPreview {
id: pvwTransaction
width: stack.width
fromAccount: root.isRequested ? selectRecipient.selectedRecipient : selectFromAccount.selectedAccount
toAccount: root.isRequested ? selectFromAccount.selectedAccount : selectRecipient.selectedRecipient
asset: txtAmount.selectedAsset
amount: { "value": txtAmount.selectedAmount, "fiatValue": txtAmount.selectedFiatAmount }
toWarn: addressRequiredValidator.isWarn
currency: root.store.currentCurrency
}
AddressRequiredValidator {
id: addressRequiredValidator
anchors.bottom: parent.bottom
anchors.bottomMargin: Style.current.padding
}
2020-09-03 20:14:44 +00:00
}
}
}
leftButtons: [
StatusBackButton {
2020-09-03 20:14:44 +00:00
visible: !stack.isFirstGroup
onClicked: {
stack.back()
}
}
]
rightButtons: [
StatusButton {
2020-09-03 20:14:44 +00:00
id: btnNext
text: qsTr("Next")
2020-09-17 09:08:31 +00:00
enabled: stack.currentGroup.isValid && !stack.currentGroup.isPending
2020-09-03 20:14:44 +00:00
onClicked: {
2020-09-17 09:08:31 +00:00
const validity = stack.currentGroup.validate()
if (validity.isValid && !validity.isPending) {
2020-09-03 20:14:44 +00:00
if (stack.isLastGroup) {
root.sendChatCommand(selectFromAccount.selectedAccount.address,
2020-09-03 20:14:44 +00:00
txtAmount.selectedAmount,
txtAmount.selectedAsset.symbol,
txtAmount.selectedAsset.decimals)
return root.close()
2020-09-03 20:14:44 +00:00
}
stack.next()
}
}
}
]
2020-09-03 20:14:44 +00:00
}