608 lines
22 KiB
QML
608 lines
22 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Controls 2.14
|
|
import QtQuick.Layouts 1.14
|
|
import QtQml 2.15
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Core.Utils 0.1
|
|
import StatusQ.Controls 0.1
|
|
|
|
import AppLayouts.Chat.layouts 1.0
|
|
import AppLayouts.Chat.views.communities 1.0
|
|
import AppLayouts.Chat.popups.community 1.0
|
|
|
|
import utils 1.0
|
|
import SortFilterProxyModel 0.2
|
|
|
|
SettingsPageLayout {
|
|
id: root
|
|
|
|
// Models:
|
|
property var tokensModel
|
|
|
|
property string feeText
|
|
property string errorText
|
|
property bool isFeeLoading: true
|
|
|
|
// Network related properties:
|
|
property var layer1Networks
|
|
property var layer2Networks
|
|
property var testNetworks
|
|
property var enabledNetworks
|
|
property var allNetworks
|
|
|
|
// Account expected roles: address, name, color, emoji
|
|
property var accounts
|
|
|
|
property string communityName
|
|
|
|
property int viewWidth: 560 // by design
|
|
|
|
signal mintCollectible(url artworkSource,
|
|
string name,
|
|
string symbol,
|
|
string description,
|
|
int supply,
|
|
bool infiniteSupply,
|
|
bool transferable,
|
|
bool selfDestruct,
|
|
int chainId,
|
|
string accountName,
|
|
string accountAddress,
|
|
var artworkCropRect)
|
|
|
|
signal mintAsset(url artworkSource,
|
|
string name,
|
|
string symbol,
|
|
string description,
|
|
int supply,
|
|
bool infiniteSupply,
|
|
int decimals,
|
|
int chainId,
|
|
string accountName,
|
|
string accountAddress,
|
|
var artworkCropRect)
|
|
|
|
signal signMintTransactionOpened(int chainId, string accountAddress)
|
|
|
|
signal signSelfDestructTransactionOpened(var selfDestructTokensList, // [key , amount]
|
|
string contractUniqueKey)
|
|
|
|
signal remoteSelfDestructCollectibles(var selfDestructTokensList, // [key , amount]
|
|
string contractUniqueKey)
|
|
|
|
signal signBurnTransactionOpened(int chainId)
|
|
|
|
signal burnCollectibles(string tokenKey,
|
|
int amount)
|
|
|
|
signal airdropCollectible(string key)
|
|
|
|
function setFeeLoading() {
|
|
root.isFeeLoading = true
|
|
root.feeText = ""
|
|
root.errorText = ""
|
|
}
|
|
|
|
function navigateBack() {
|
|
stackManager.pop(StackView.Immediate)
|
|
}
|
|
|
|
QtObject {
|
|
id: d
|
|
|
|
readonly property string initialViewState: "WELCOME_OR_LIST_TOKENS"
|
|
readonly property string newTokenViewState: "NEW_TOKEN"
|
|
readonly property string previewTokenViewState: "PREVIEW_TOKEN"
|
|
readonly property string tokenViewState: "VIEW_TOKEN"
|
|
|
|
readonly property string welcomePageTitle: qsTr("Tokens")
|
|
readonly property string newCollectiblePageTitle: qsTr("Mint collectible")
|
|
readonly property string newAssetPageTitle: qsTr("Mint asset")
|
|
readonly property string newTokenButtonText: qsTr("Mint token")
|
|
readonly property string backButtonText: qsTr("Back")
|
|
|
|
property string accountAddress
|
|
property string accountName
|
|
property int chainId
|
|
property string chainName
|
|
property string contractUniqueKey
|
|
|
|
property var tokenOwnersModel
|
|
property var selfDestructTokensList
|
|
property bool selfDestruct
|
|
property bool burnEnabled
|
|
//property string tokenKey -- TODO: Backend key role
|
|
property int burnAmount
|
|
property int remainingTokens
|
|
property url artworkSource
|
|
|
|
readonly property var initialItem: (root.tokensModel && root.tokensModel.count > 0) ? mintedTokensView : welcomeView
|
|
onInitialItemChanged: updateInitialStackView()
|
|
|
|
signal airdropClicked()
|
|
|
|
function updateInitialStackView() {
|
|
if(stackManager.stackView) {
|
|
if(initialItem === welcomeView)
|
|
stackManager.stackView.replace(mintedTokensView, welcomeView, StackView.Immediate)
|
|
if(initialItem === mintedTokensView)
|
|
stackManager.stackView.replace(welcomeView, mintedTokensView, StackView.Immediate)
|
|
}
|
|
}
|
|
}
|
|
|
|
content: StackView {
|
|
anchors.fill: parent
|
|
initialItem: d.initialItem
|
|
|
|
Component.onCompleted: stackManager.pushInitialState(d.initialViewState)
|
|
}
|
|
|
|
state: stackManager.currentState
|
|
states: [
|
|
State {
|
|
name: d.initialViewState
|
|
PropertyChanges {target: root; title: d.welcomePageTitle}
|
|
PropertyChanges {target: root; subTitle: ""}
|
|
PropertyChanges {target: root; previousPageName: ""}
|
|
PropertyChanges {target: root; headerButtonVisible: true}
|
|
PropertyChanges {target: root; headerButtonText: d.newTokenButtonText}
|
|
PropertyChanges {target: root; headerWidth: root.viewWidth}
|
|
},
|
|
State {
|
|
name: d.newTokenViewState
|
|
PropertyChanges {target: root; subTitle: ""}
|
|
PropertyChanges {target: root; previousPageName: d.backButtonText}
|
|
PropertyChanges {target: root; headerButtonVisible: false}
|
|
PropertyChanges {target: root; headerWidth: 0}
|
|
},
|
|
State {
|
|
name: d.previewTokenViewState
|
|
PropertyChanges {target: root; previousPageName: d.backButtonText}
|
|
PropertyChanges {target: root; headerButtonVisible: false}
|
|
PropertyChanges {target: root; headerWidth: 0}
|
|
},
|
|
State {
|
|
name: d.tokenViewState
|
|
PropertyChanges {target: root; previousPageName: d.backButtonText}
|
|
PropertyChanges {target: root; headerButtonVisible: false}
|
|
PropertyChanges {target: root; headerWidth: 0}
|
|
PropertyChanges {target: root; footer: mintTokenFooter}
|
|
}
|
|
]
|
|
|
|
onHeaderButtonClicked: stackManager.push(d.newTokenViewState, newTokenView, null, StackView.Immediate)
|
|
|
|
StackViewStates {
|
|
id: stackManager
|
|
|
|
stackView: root.contentItem
|
|
}
|
|
|
|
// Mint tokens possible view contents:
|
|
Component {
|
|
id: welcomeView
|
|
|
|
CommunityWelcomeSettingsView {
|
|
viewWidth: root.viewWidth
|
|
image: Style.png("community/mint2_1")
|
|
title: qsTr("Community tokens")
|
|
subtitle: qsTr("You can mint custom tokens and import tokens for your community")
|
|
checkersModel: [
|
|
qsTr("Create remotely destructible soulbound tokens for admin permissions"),
|
|
qsTr("Reward individual members with custom tokens for their contribution"),
|
|
qsTr("Mint tokens for use with community and channel permissions")
|
|
]
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: newTokenView
|
|
|
|
ColumnLayout {
|
|
width: root.viewWidth
|
|
spacing: Style.current.padding
|
|
|
|
StatusSwitchTabBar {
|
|
id: optionsTab
|
|
|
|
Layout.preferredWidth: root.viewWidth
|
|
|
|
StatusSwitchTabButton {
|
|
id: collectiblesTab
|
|
|
|
text: qsTr("Collectibles")
|
|
}
|
|
|
|
StatusSwitchTabButton {
|
|
id: assetsTab
|
|
|
|
text: qsTr("Assets")
|
|
}
|
|
|
|
Binding {
|
|
target: root
|
|
property: "title"
|
|
value: optionsTab.currentItem === collectiblesTab ? d.newCollectiblePageTitle : d.newAssetPageTitle
|
|
}
|
|
}
|
|
|
|
StackLayout {
|
|
Layout.preferredWidth: root.viewWidth
|
|
Layout.fillHeight: true
|
|
|
|
currentIndex: optionsTab.currentItem == collectiblesTab ? 0 : 1
|
|
|
|
CommunityNewTokenView {
|
|
viewWidth: root.viewWidth
|
|
layer1Networks: root.layer1Networks
|
|
layer2Networks: root.layer2Networks
|
|
testNetworks: root.testNetworks
|
|
enabledNetworks: root.testNetworks
|
|
allNetworks: root.allNetworks
|
|
accounts: root.accounts
|
|
tokensModel: root.tokensModel
|
|
|
|
onPreviewClicked: {
|
|
d.accountAddress = accountAddress
|
|
stackManager.push(d.previewTokenViewState,
|
|
previewTokenView,
|
|
{
|
|
preview: true,
|
|
isAssetView: false,
|
|
name,
|
|
artworkSource,
|
|
artworkCropRect,
|
|
symbol,
|
|
description,
|
|
supplyAmount,
|
|
infiniteSupply,
|
|
transferable: !notTransferable,
|
|
selfDestruct,
|
|
chainId,
|
|
chainName,
|
|
chainIcon,
|
|
accountName
|
|
},
|
|
StackView.Immediate)
|
|
}
|
|
}
|
|
|
|
CommunityNewTokenView {
|
|
viewWidth: root.viewWidth
|
|
layer1Networks: root.layer1Networks
|
|
layer2Networks: root.layer2Networks
|
|
testNetworks: root.testNetworks
|
|
enabledNetworks: root.testNetworks
|
|
allNetworks: root.allNetworks
|
|
accounts: root.accounts
|
|
tokensModel: root.tokensModel
|
|
isAssetView: true
|
|
|
|
onPreviewClicked: {
|
|
d.accountAddress = accountAddress
|
|
stackManager.push(d.previewTokenViewState,
|
|
previewTokenView,
|
|
{
|
|
preview: true,
|
|
isAssetView: true,
|
|
name,
|
|
artworkSource,
|
|
artworkCropRect,
|
|
symbol,
|
|
description,
|
|
supplyAmount,
|
|
infiniteSupply,
|
|
assetDecimals,
|
|
chainId,
|
|
chainName,
|
|
chainIcon,
|
|
accountName
|
|
},
|
|
StackView.Immediate)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: previewTokenView
|
|
|
|
CommunityTokenView {
|
|
id: preview
|
|
|
|
function signMintTransaction() {
|
|
root.setFeeLoading()
|
|
if(preview.isAssetView) {
|
|
root.mintAsset(artworkSource,
|
|
name,
|
|
symbol,
|
|
description,
|
|
supplyAmount,
|
|
infiniteSupply,
|
|
assetDecimals,
|
|
chainId,
|
|
accountName,
|
|
d.accountAddress,
|
|
artworkCropRect)
|
|
} else {
|
|
root.mintCollectible(artworkSource,
|
|
name,
|
|
symbol,
|
|
description,
|
|
supplyAmount,
|
|
infiniteSupply,
|
|
transferable,
|
|
selfDestruct,
|
|
chainId,
|
|
accountName,
|
|
d.accountAddress,
|
|
artworkCropRect)
|
|
}
|
|
|
|
stackManager.clear(d.initialViewState, StackView.Immediate)
|
|
}
|
|
|
|
viewWidth: root.viewWidth
|
|
|
|
onMintCollectible: popup.open()
|
|
onMintAsset: popup.open()
|
|
|
|
Binding {
|
|
target: root
|
|
property: "title"
|
|
value: preview.name
|
|
}
|
|
|
|
Binding {
|
|
target: root
|
|
property: "subTitle"
|
|
value: preview.symbol
|
|
restoreMode: Binding.RestoreBindingOrValue
|
|
}
|
|
|
|
SignTokenTransactionsPopup {
|
|
id: popup
|
|
|
|
anchors.centerIn: Overlay.overlay
|
|
title: qsTr("Sign transaction - Mint %1 token").arg(popup.tokenName)
|
|
tokenName: parent.name
|
|
accountName: parent.accountName
|
|
networkName: parent.chainName
|
|
feeText: root.feeText
|
|
errorText: root.errorText
|
|
isFeeLoading: root.isFeeLoading
|
|
|
|
onOpened: {
|
|
root.setFeeLoading()
|
|
root.signMintTransactionOpened(parent.chainId, d.accountAddress)
|
|
}
|
|
onCancelClicked: close()
|
|
onSignTransactionClicked: parent.signMintTransaction()
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: mintTokenFooter
|
|
|
|
MintTokensFooterPanel {
|
|
id: footerPanel
|
|
|
|
function closePopups() {
|
|
remotelyDestructPopup.close()
|
|
alertPopup.close()
|
|
signTransactionPopup.close()
|
|
}
|
|
|
|
airdropEnabled: true
|
|
retailEnabled: false
|
|
remotelySelfDestructVisible: d.selfDestruct
|
|
burnVisible: d.burnEnabled
|
|
|
|
onAirdropClicked: d.airdropClicked()
|
|
onRemotelyDestructClicked: remotelyDestructPopup.open()
|
|
onBurnClicked: burnTokensPopup.open()
|
|
|
|
RemotelyDestructPopup {
|
|
id: remotelyDestructPopup
|
|
|
|
collectibleName: root.title
|
|
model: d.tokenOwnersModel
|
|
|
|
onRemotelyDestructClicked: {
|
|
d.selfDestructTokensList = selfDestructTokensList
|
|
alertPopup.tokenCount = tokenCount
|
|
alertPopup.open()
|
|
}
|
|
}
|
|
|
|
RemotelyDestructAlertPopup {
|
|
id: alertPopup
|
|
|
|
onRemotelyDestructClicked: {
|
|
signTransactionPopup.isRemotelyDestructTransaction = true
|
|
signTransactionPopup.open()
|
|
}
|
|
}
|
|
|
|
SignTokenTransactionsPopup {
|
|
id: signTransactionPopup
|
|
|
|
property bool isRemotelyDestructTransaction
|
|
|
|
function signTransaction() {
|
|
root.setFeeLoading()
|
|
if(signTransactionPopup.isRemotelyDestructTransaction) {
|
|
root.remoteSelfDestructCollectibles(d.selfDestructTokensList, d.contractUniqueKey)
|
|
} else {
|
|
root.burnCollectibles("TODO - KEY"/*d.tokenKey*/, d.burnAmount)
|
|
}
|
|
|
|
footerPanel.closePopups()
|
|
}
|
|
|
|
title: signTransactionPopup.isRemotelyDestructTransaction ? qsTr("Sign transaction - Self-destruct %1 tokens").arg(root.title) :
|
|
qsTr("Sign transaction - Burn %1 tokens").arg(root.title)
|
|
tokenName: root.title
|
|
accountName: d.accountName
|
|
networkName: d.chainName
|
|
feeText: root.feeText
|
|
isFeeLoading: root.isFeeLoading
|
|
errorText: root.errorText
|
|
|
|
onOpened: {
|
|
root.setFeeLoading()
|
|
signTransactionPopup.isRemotelyDestructTransaction ? root.signSelfDestructTransactionOpened(d.selfDestructTokensList, d.contractUniqueKey) :
|
|
root.signBurnTransactionOpened(d.chainId)
|
|
}
|
|
onCancelClicked: close()
|
|
onSignTransactionClicked: signTransaction()
|
|
}
|
|
|
|
BurnTokensPopup {
|
|
id: burnTokensPopup
|
|
|
|
communityName: root.communityName
|
|
tokenName: root.title
|
|
remainingTokens: d.remainingTokens
|
|
tokenSource: d.artworkSource
|
|
|
|
onBurnClicked: {
|
|
d.burnAmount = burnAmount
|
|
signTransactionPopup.isRemotelyDestructTransaction = false
|
|
signTransactionPopup.open()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: mintedTokensView
|
|
|
|
CommunityMintedTokensView {
|
|
viewWidth: root.viewWidth
|
|
model: root.tokensModel
|
|
onItemClicked: {
|
|
d.accountAddress = accountAddress
|
|
d.chainId = chainId
|
|
d.contractUniqueKey = contractUniqueKey
|
|
d.chainName = chainName
|
|
d.accountName = accountName
|
|
//d.tokenKey = key // TODO: Backend key role
|
|
stackManager.push(d.tokenViewState,
|
|
tokenView,
|
|
{
|
|
preview: false,
|
|
index
|
|
},
|
|
StackView.Immediate)
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: tokenView
|
|
|
|
CommunityTokenView {
|
|
id: view
|
|
|
|
property int index // TODO: Update it to key when model has role key implemented
|
|
|
|
viewWidth: root.viewWidth
|
|
|
|
Binding {
|
|
target: root
|
|
property: "title"
|
|
value: view.name
|
|
}
|
|
|
|
Binding {
|
|
target: root
|
|
property: "subTitle"
|
|
value: view.symbol
|
|
restoreMode: Binding.RestoreBindingOrValue
|
|
}
|
|
|
|
Binding {
|
|
target: d
|
|
property: "tokenOwnersModel"
|
|
value: view.tokenOwnersModel
|
|
}
|
|
|
|
Binding {
|
|
target: d
|
|
property: "selfDestruct"
|
|
value: view.selfDestruct
|
|
}
|
|
|
|
Binding {
|
|
target: d
|
|
property: "burnEnabled"
|
|
value: !view.infiniteSupply
|
|
restoreMode: Binding.RestoreBindingOrValue
|
|
}
|
|
|
|
Binding {
|
|
target: d
|
|
property: "remainingTokens"
|
|
value: view.remainingTokens
|
|
}
|
|
|
|
Binding {
|
|
target: d
|
|
property: "artworkSource"
|
|
value: view.artworkSource
|
|
}
|
|
|
|
Instantiator {
|
|
id: instantiator
|
|
|
|
|
|
model: SortFilterProxyModel {
|
|
sourceModel: root.tokensModel
|
|
filters: IndexFilter {
|
|
minimumIndex: view.index
|
|
maximumIndex: view.index
|
|
}
|
|
}
|
|
delegate: QtObject {
|
|
component Bind: Binding { target: view }
|
|
readonly property list<Binding> bindings: [
|
|
Bind { property: "isAssetView"; value: model.tokenType === Constants.TokenType.ERC20 },
|
|
Bind { property: "deployState"; value: model.deployState },
|
|
Bind { property: "remotelyDestructState"; value: model.remotelyDestructState },
|
|
Bind { property: "burnState"; value: model.burnState },
|
|
Bind { property: "name"; value: model.name },
|
|
Bind { property: "artworkSource"; value: model.image },
|
|
Bind { property: "symbol"; value: model.symbol },
|
|
Bind { property: "description"; value: model.description },
|
|
Bind { property: "supplyAmount"; value: model.supply },
|
|
Bind { property: "infiniteSupply"; value: model.infiniteSupply },
|
|
Bind { property: "remainingTokens"; value: model.remainingTokens },
|
|
Bind { property: "selfDestruct"; value: model.remoteSelfDestruct },
|
|
Bind { property: "chainId"; value: model.chainId },
|
|
Bind { property: "chainName"; value: model.chainName },
|
|
Bind { property: "chainIcon"; value: model.chainIcon },
|
|
Bind { property: "accountName"; value: model.accountName },
|
|
Bind { property: "tokenOwnersModel"; value: model.tokenOwnersModel },
|
|
Bind { property: "assetDecimals"; value: model.decimals }
|
|
]
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: d
|
|
|
|
function onAirdropClicked() {
|
|
root.airdropCollectible(view.symbol) // TODO: Backend. It should just be the key (hash(chainId + contractAddress)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|