2023-07-18 12:39:38 +00:00
import QtQuick 2.15
import QtQuick . Layouts 1.14
2023-08-11 12:16:53 +00:00
import StatusQ . Components 0.1
import StatusQ . Controls 0.1
2023-07-18 12:39:38 +00:00
import StatusQ . Core 0.1
import StatusQ . Core . Theme 0.1
import StatusQ . Core . Utils 0.1 as SQUtils
import StatusQ . Popups 0.1
2023-08-11 12:16:53 +00:00
import AppLayouts . Communities . controls 1.0
2023-07-18 12:39:38 +00:00
import AppLayouts . Communities . helpers 1.0
2023-08-11 12:16:53 +00:00
import AppLayouts . Communities . panels 1.0
2023-07-18 12:39:38 +00:00
import AppLayouts . Wallet . controls 1.0
2023-08-11 12:16:53 +00:00
import utils 1.0
2023-07-18 12:39:38 +00:00
import SortFilterProxyModel 0.2
StatusScrollView {
id: root
property int viewWidth: 560 // by design
// Community info:
property string communityName
property url communityLogo
property color communityColor
// Network related properties:
property var layer1Networks
property var layer2Networks
property var enabledNetworks
property var allNetworks
// Wallet account expected roles: address, name, color, emoji, walletType
property var accounts
2023-07-26 22:39:13 +00:00
property string feeText
property string feeErrorText
property bool isFeeLoading
2023-07-18 12:39:38 +00:00
// Privileged tokens:
readonly property TokenObject ownerToken: TokenObject {
2023-08-04 16:41:21 +00:00
name: PermissionsHelpers . ownerTokenNameTag + root . communityName
2023-07-18 12:39:38 +00:00
type: Constants . TokenType . ERC721
2023-08-04 16:41:21 +00:00
privilegesLevel: Constants . TokenPrivilegesLevel . Owner
2023-07-18 12:39:38 +00:00
artworkSource: root . communityLogo
color: root . communityColor
2023-08-04 16:41:21 +00:00
symbol: PermissionsHelpers . communityNameToSymbol ( true , root . communityName )
2023-07-18 12:39:38 +00:00
transferable: true
remotelyDestruct: false
supply: 1
infiniteSupply: false
description: qsTr ( "This is the %1 Owner token. The hodler of this collectible has ultimate control over %1 Community token administration." ) . arg ( root . communityName )
}
readonly property TokenObject tMasterToken: TokenObject {
2023-08-04 16:41:21 +00:00
name: PermissionsHelpers . tMasterTokenNameTag + root . communityName
2023-07-18 12:39:38 +00:00
type: Constants . TokenType . ERC721
2023-08-04 16:41:21 +00:00
privilegesLevel: Constants . TokenPrivilegesLevel . TMaster
2023-07-18 12:39:38 +00:00
artworkSource: root . communityLogo
color: root . communityColor
2023-08-04 16:41:21 +00:00
symbol: PermissionsHelpers . communityNameToSymbol ( false , root . communityName )
2023-07-18 12:39:38 +00:00
remotelyDestruct: true
description: qsTr ( "This is the %1 TokenMaster token. The hodler of this collectible has full admin rights for the %1 Community in Status and can mint and airdrop %1 Community tokens." ) . arg ( root . communityName )
}
2023-07-26 22:39:13 +00:00
readonly property string feeLabel:
qsTr ( "Mint %1 Owner and TokenMaster tokens on %2" )
. arg ( communityName ) . arg ( ownerToken . chainName )
2023-07-18 12:39:38 +00:00
signal mintClicked
2023-07-26 22:39:13 +00:00
signal deployFeesRequested
2023-07-18 12:39:38 +00:00
QtObject {
id: d
readonly property int titleSize: 17
readonly property int iconSize: 20
}
padding: 0
contentWidth: mainLayout . width
contentHeight: mainLayout . height
Component.onCompleted: networkSelector . setChain ( ownerToken . chainId )
ColumnLayout {
id: mainLayout
width: root . viewWidth
spacing: Style . current . padding
// Owner token defintion:
StatusBaseText {
Layout.maximumWidth: root . viewWidth
elide: Text . ElideMiddle
font.pixelSize: d . titleSize
font.bold: true
2023-08-04 16:41:21 +00:00
text: ownerToken . name
2023-07-18 12:39:38 +00:00
}
TokenInfoPanel {
Layout.fillWidth: true
token: root . ownerToken
2023-07-18 17:34:57 +00:00
accountBoxVisible: false
networkBoxVisible: false
2023-07-18 12:39:38 +00:00
}
StatusModalDivider {
Layout.fillWidth: true
topPadding: Style . current . padding
bottomPadding: Style . current . padding
}
// TMaster token definition:
StatusBaseText {
Layout.maximumWidth: root . viewWidth
elide: Text . ElideMiddle
font.pixelSize: d . titleSize
font.bold: true
2023-08-04 16:41:21 +00:00
text: tMasterToken . name
2023-07-18 12:39:38 +00:00
}
TokenInfoPanel {
Layout.fillWidth: true
token: root . tMasterToken
2023-07-18 17:34:57 +00:00
accountBoxVisible: false
networkBoxVisible: false
2023-07-18 12:39:38 +00:00
}
StatusModalDivider {
Layout.fillWidth: true
topPadding: Style . current . padding
bottomPadding: Style . current . padding
}
// TO BE REMOVED: It will be removed with the new fees panel
CustomLabelDescriptionComponent {
label: qsTr ( "Select account" )
description: qsTr ( "This account will be where you receive your Owner token and will also be the account that pays the token minting gas fees." )
}
2023-08-11 12:16:53 +00:00
ColumnLayout {
spacing: 11
2023-07-18 12:39:38 +00:00
2023-08-11 12:16:53 +00:00
AccountSelector {
id: accountBox
2023-07-26 22:39:13 +00:00
2023-08-11 12:16:53 +00:00
readonly property string address: {
root . accounts . count
return SQUtils . ModelUtils . get ( root . accounts , currentIndex , "address" )
}
2023-07-18 12:39:38 +00:00
2023-08-11 12:16:53 +00:00
readonly property string initAccountName: ownerToken . accountName
readonly property int initIndex: {
root . accounts . count
return SQUtils . ModelUtils . indexOf ( root . accounts , "name" , initAccountName )
}
Layout.fillWidth: true
Layout.topMargin: - Style . current . halfPadding
2023-07-18 12:39:38 +00:00
2023-08-11 12:16:53 +00:00
currentIndex: ( initIndex !== - 1 ) ? initIndex : 0
model: root . accounts
2023-07-18 12:39:38 +00:00
2023-08-11 12:16:53 +00:00
onAddressChanged: {
ownerToken . accountAddress = address
tMasterToken . accountAddress = address
2023-07-26 22:39:13 +00:00
2023-08-11 12:16:53 +00:00
requestFeeDelayTimer . restart ( )
}
control.onDisplayTextChanged: {
ownerToken . accountName = control . displayText
tMasterToken . accountName = control . displayText
}
2023-07-18 12:39:38 +00:00
}
2023-08-11 12:16:53 +00:00
StatusBaseText {
Layout.fillWidth: true
visible: ! ! root . feeErrorText
horizontalAlignment: Text . AlignRight
font.pixelSize: Theme . tertiaryTextFontSize
color: Theme . palette . dangerColor1
text: root . feeErrorText
wrapMode: Text . Wrap
2023-07-18 12:39:38 +00:00
}
}
CustomNetworkFilterRowComponent {
id: networkSelector
label: qsTr ( "Select network" )
description: qsTr ( "The network on which these tokens will be minted." )
}
2023-07-26 22:39:13 +00:00
FeesBox {
Layout.fillWidth: true
Layout.topMargin: Style . current . padding
model: QtObject {
id: singleFeeModel
readonly property string title: root . feeLabel
readonly property string feeText: root . isFeeLoading ?
"" : root . feeText
readonly property bool error: root . feeErrorText !== ""
}
showAccountsSelector: false
}
2023-07-18 12:39:38 +00:00
RowLayout {
Layout.fillWidth: true
Layout.topMargin: Style . current . halfPadding
StatusIcon {
Layout.preferredWidth: d . iconSize
Layout.preferredHeight: d . iconSize
Layout.alignment: Qt . AlignTop
color: Theme . palette . baseColor1
icon: "info"
}
StatusBaseText {
Layout.fillWidth: true
wrapMode: Text . Wrap
font.pixelSize: Style . current . primaryTextFontSize
color: Theme . palette . baseColor1
lineHeight: 1.2
text: qsTr ( "Make sure you’ re happy with the blockchain network selected before minting these tokens as they can’ t be moved to a different network later." )
}
}
StatusButton {
Layout.preferredHeight: 44
Layout.alignment: Qt . AlignHCenter
Layout.fillWidth: true
2023-07-26 22:39:13 +00:00
Layout.topMargin: 4
2023-07-18 12:39:38 +00:00
Layout.bottomMargin: Style . current . padding
2023-08-11 12:16:53 +00:00
enabled: root . feeText && ! root . feeErrorText
2023-07-18 12:39:38 +00:00
text: qsTr ( "Mint" )
onClicked: root . mintClicked ( )
}
}
component CustomLabelDescriptionComponent: ColumnLayout {
id: labelDescComponent
property string label
property string description
Layout.fillWidth: true
StatusBaseText {
text: labelDescComponent . label
color: Theme . palette . directColor1
font.pixelSize: Theme . primaryTextFontSize
}
StatusBaseText {
Layout.fillWidth: true
Layout.fillHeight: true
text: labelDescComponent . description
color: Theme . palette . baseColor1
font.pixelSize: Theme . primaryTextFontSize
lineHeight: 1.2
wrapMode: Text . WordWrap
}
}
component CustomNetworkFilterRowComponent: ColumnLayout {
id: networkComponent
property string label
property string description
function setChain ( chainId ) { netFilter . setChain ( chainId ) }
2023-07-26 22:39:13 +00:00
readonly property alias currentNetworkName: netFilter . currentValue
2023-07-18 12:39:38 +00:00
Layout.fillWidth: true
Layout.topMargin: Style . current . padding
spacing: 8
CustomLabelDescriptionComponent {
label: networkComponent . label
description: networkComponent . description
}
NetworkFilter {
id: netFilter
Layout.fillWidth: true
allNetworks: root . allNetworks
layer1Networks: root . layer1Networks
layer2Networks: root . layer2Networks
enabledNetworks: root . enabledNetworks
multiSelection: false
2023-07-26 22:39:13 +00:00
onToggleNetwork: ( network ) = > {
// Set Owner Token network properties:
ownerToken . chainId = network . chainId
ownerToken . chainName = network . chainName
ownerToken . chainIcon = network . iconUrl
// Set TMaster Token network properties:
tMasterToken . chainId = network . chainId
tMasterToken . chainName = network . chainName
tMasterToken . chainIcon = network . iconUrl
2023-08-11 12:16:53 +00:00
requestFeeDelayTimer . restart ( )
2023-07-26 22:39:13 +00:00
}
2023-07-18 12:39:38 +00:00
}
}
2023-08-11 12:16:53 +00:00
Timer {
id: requestFeeDelayTimer
interval: 500
onTriggered: root . deployFeesRequested ( )
}
2023-07-18 12:39:38 +00:00
}