325 lines
11 KiB
QML
325 lines
11 KiB
QML
import QtQuick 2.15
|
||
import QtQuick.Layouts 1.14
|
||
import QtGraphicalEffects 1.0
|
||
|
||
import StatusQ 0.1
|
||
import StatusQ.Core 0.1
|
||
import StatusQ.Core.Theme 0.1
|
||
import StatusQ.Controls 0.1
|
||
import StatusQ.Components 0.1
|
||
import StatusQ.Core.Utils 0.1 as StatusQUtils
|
||
|
||
import utils 1.0
|
||
import shared.panels 1.0
|
||
|
||
import AppLayouts.Communities.helpers 1.0
|
||
import AppLayouts.Communities.panels 1.0
|
||
|
||
import SortFilterProxyModel 0.2
|
||
|
||
StatusScrollView {
|
||
id: root
|
||
|
||
property int viewWidth: 560 // by design
|
||
property bool preview: false
|
||
property bool isOwnerTokenItem: false
|
||
|
||
// https://bugreports.qt.io/browse/QTBUG-84269
|
||
/* required */ property TokenObject token
|
||
/* required */ property string feeText
|
||
/* required */ property string feeErrorText
|
||
/* required */ property bool isFeeLoading
|
||
|
||
|
||
readonly property bool isAssetView: token.type === Constants.TokenType.ERC20
|
||
|
||
readonly property string name: token.name
|
||
readonly property string description: token.description
|
||
readonly property string symbol: token.symbol
|
||
readonly property int supply: token.supply
|
||
readonly property url artworkSource: token.artworkSource
|
||
readonly property rect artworkCropRect: token.artworkCropRect
|
||
readonly property bool infiniteSupply: token.infiniteSupply
|
||
readonly property int remainingTokens: root.preview ? root.supply : token.remainingTokens
|
||
readonly property int deployState: token.deployState
|
||
readonly property string accountName: token.accountName
|
||
readonly property string chainName: token.chainName
|
||
readonly property string chainId: token.chainId
|
||
readonly property string accountAddress: token.accountAddress
|
||
readonly property bool remotelyDestruct: token.remotelyDestruct
|
||
readonly property int remotelyDestructState: token.remotelyDestructState
|
||
readonly property bool transferable: token.transferable
|
||
readonly property string chainIcon: token.chainIcon
|
||
readonly property int decimals: token.decimals
|
||
readonly property int multiplierIndex: token.multiplierIndex
|
||
|
||
readonly property bool deploymentCompleted:
|
||
deployState === Constants.ContractTransactionStatus.Completed
|
||
|
||
readonly property string feeLabel:
|
||
isAssetView ? qsTr("Mint asset on %1").arg(token.chainName)
|
||
: qsTr("Mint collectible on %1").arg(token.chainName)
|
||
|
||
// Models:
|
||
property var tokenOwnersModel
|
||
property var membersModel
|
||
|
||
// Required for preview mode:
|
||
property var accounts
|
||
signal mintClicked()
|
||
|
||
signal airdropRequested(string address)
|
||
signal generalAirdropRequested
|
||
|
||
signal viewProfileRequested(string contactId)
|
||
signal viewMessagesRequested(string contactId)
|
||
|
||
signal remoteDestructRequested(string name, string address)
|
||
signal kickRequested(string name, string contactId, string address)
|
||
signal banRequested(string name, string contactId, string address)
|
||
|
||
signal startTokenHoldersManagement(int chainId, string address)
|
||
signal stopTokenHoldersManagement()
|
||
|
||
onVisibleChanged: {
|
||
if (visible) {
|
||
root.startTokenHoldersManagement(root.chainId, root.token.tokenAddress)
|
||
} else {
|
||
root.stopTokenHoldersManagement()
|
||
}
|
||
}
|
||
|
||
Component.onCompleted: root.startTokenHoldersManagement(root.chainId, root.token.tokenAddress)
|
||
Component.onDestruction: root.stopTokenHoldersManagement()
|
||
|
||
QtObject {
|
||
id: d
|
||
|
||
readonly property int iconSize: 20
|
||
|
||
readonly property var renamedTokenOwnersModel: RolesRenamingModel {
|
||
sourceModel: root.tokenOwnersModel
|
||
mapping: [
|
||
RoleRename {
|
||
from: "contactId"
|
||
to: "pubKey"
|
||
}
|
||
]
|
||
}
|
||
|
||
readonly property LeftJoinModel joinModel: LeftJoinModel {
|
||
leftModel: root.membersModel
|
||
rightModel: d.renamedTokenOwnersModel
|
||
|
||
joinRole: "pubKey"
|
||
}
|
||
}
|
||
|
||
padding: 0
|
||
contentWidth: mainLayout.width
|
||
contentHeight: mainLayout.height
|
||
|
||
ColumnLayout {
|
||
id: mainLayout
|
||
|
||
width: root.viewWidth
|
||
spacing: Style.current.padding
|
||
|
||
RowLayout {
|
||
visible: !root.preview && !root.deploymentCompleted
|
||
spacing: Style.current.halfPadding
|
||
|
||
StatusDotsLoadingIndicator { visible: (root.deployState === Constants.ContractTransactionStatus.InProgress) }
|
||
|
||
StatusIcon {
|
||
visible: (root.deployState === Constants.ContractTransactionStatus.Failed)
|
||
icon: "warning"
|
||
color: Theme.palette.dangerColor1
|
||
}
|
||
|
||
StatusBaseText {
|
||
elide: Text.ElideRight
|
||
font.pixelSize: Theme.primaryTextFontSize
|
||
text: (root.deployState === Constants.ContractTransactionStatus.InProgress) ?
|
||
(root.isAssetView ?
|
||
qsTr("Asset is being minted") : qsTr("Collectible is being minted")) :
|
||
(root.deployState === Constants.ContractTransactionStatus.Failed) ?
|
||
(root.isAssetView ? qsTr("Asset minting failed") : qsTr("Collectible minting failed")) : ""
|
||
color: (root.deployState === Constants.ContractTransactionStatus.Failed) ? Theme.palette.dangerColor1 : Theme.palette.directColor1
|
||
}
|
||
}
|
||
|
||
TokenInfoPanel {
|
||
Layout.fillWidth: true
|
||
|
||
token: root.token
|
||
}
|
||
|
||
RowLayout {
|
||
visible: root.preview
|
||
Layout.fillWidth: true
|
||
|
||
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
|
||
text: qsTr("Review token details before minting it as they can’t be edited later")
|
||
}
|
||
}
|
||
|
||
FeesBox {
|
||
id: feesBox
|
||
|
||
Layout.fillWidth: true
|
||
Layout.topMargin: Style.current.padding
|
||
|
||
implicitWidth: 0
|
||
visible: root.preview
|
||
|
||
accountErrorText: root.feeErrorText
|
||
|
||
model: QtObject {
|
||
readonly property string title: root.feeLabel
|
||
readonly property string feeText: root.isFeeLoading ?
|
||
"" : root.feeText
|
||
readonly property bool error: root.feeErrorText !== ""
|
||
}
|
||
|
||
accountsSelector.model: root.accounts || null
|
||
accountsSelector.selectedAddress: root.token.accountAddress
|
||
|
||
Binding {
|
||
target: root.token
|
||
property: "accountAddress"
|
||
value: feesBox.accountsSelector.currentAccountAddress
|
||
}
|
||
|
||
Binding {
|
||
target: root.token
|
||
property: "accountName"
|
||
value: feesBox.accountsSelector.currentAccount.name
|
||
}
|
||
}
|
||
|
||
StatusButton {
|
||
Layout.preferredHeight: 44
|
||
Layout.alignment: Qt.AlignHCenter
|
||
Layout.fillWidth: true
|
||
Layout.topMargin: Style.current.halfPadding
|
||
|
||
visible: root.preview
|
||
enabled: !root.isFeeLoading && root.feeErrorText === ""
|
||
|
||
text: qsTr("Mint")
|
||
|
||
onClicked: root.mintClicked()
|
||
}
|
||
|
||
Loader {
|
||
id: tokenHolderLoader
|
||
|
||
visible: !root.preview && root.deploymentCompleted
|
||
sourceComponent: isOwnerTokenItem ? tokenHolderContact : sortableTokenHolderPanel
|
||
}
|
||
|
||
Component {
|
||
id: sortableTokenHolderPanel
|
||
|
||
SortableTokenHoldersPanel {
|
||
model: root.tokenOwnersModel
|
||
tokenName: root.name
|
||
showRemotelyDestructMenuItem: !root.isAssetView && root.remotelyDestruct
|
||
isAirdropEnabled: root.deploymentCompleted &&
|
||
(token.infiniteSupply || token.remainingTokens > 0)
|
||
multiplierIndex: root.multiplierIndex
|
||
|
||
Layout.topMargin: Style.current.padding
|
||
Layout.fillWidth: true
|
||
|
||
onViewProfileRequested: root.viewProfileRequested(contactId)
|
||
onViewMessagesRequested: root.viewMessagesRequested(contactId)
|
||
onAirdropRequested: root.airdropRequested(address)
|
||
onGeneralAirdropRequested: root.generalAirdropRequested()
|
||
onRemoteDestructRequested: root.remoteDestructRequested(name, address)
|
||
|
||
onKickRequested: root.kickRequested(name, contactId, address)
|
||
onBanRequested: root.banRequested(name, contactId, address)
|
||
}
|
||
}
|
||
|
||
Component {
|
||
id: tokenHolderContact
|
||
|
||
ColumnLayout {
|
||
Layout.topMargin: Style.current.padding
|
||
Layout.fillWidth: true
|
||
|
||
StatusBaseText {
|
||
Layout.fillWidth: true
|
||
|
||
wrapMode: Text.Wrap
|
||
font.pixelSize: Style.current.primaryTextFontSize
|
||
color: Theme.palette.baseColor1
|
||
|
||
text: qsTr("%1 token hodler").arg(root.name)
|
||
}
|
||
|
||
StatusInfoBoxPanel {
|
||
id: infoBoxPanel
|
||
|
||
Layout.fillWidth: true
|
||
Layout.topMargin: Style.current.padding
|
||
|
||
enabled: root.deploymentCompleted && (token.infiniteSupply || token.remainingTokens > 0)
|
||
visible: d.joinModel.rowCount() === 0
|
||
title: qsTr("No hodlers just yet")
|
||
text: qsTr("You can Airdrop tokens to deserving Community members or to give individuals token-based permissions.")
|
||
buttonText: qsTr("Airdrop")
|
||
|
||
onClicked: root.generalAirdropRequested()
|
||
}
|
||
|
||
StatusListView {
|
||
id: tokenOwnerList
|
||
objectName: "tokenOwnerList"
|
||
|
||
clip: false
|
||
|
||
Layout.fillWidth: true
|
||
Layout.fillHeight: true
|
||
anchors.bottomMargin: Style.current.bigPadding
|
||
displayMarginEnd: anchors.bottomMargin
|
||
|
||
model: d.joinModel
|
||
delegate: StatusMemberListItem {
|
||
color: "transparent"
|
||
leftPadding: 0
|
||
rightPadding: 0
|
||
hoverEnabled: false
|
||
|
||
nickName: model.localNickname
|
||
userName: ProfileUtils.displayName("", model.ensName, model.displayName, model.alias)
|
||
pubKey: model.isEnsVerified ? "" : Utils.getCompressedPk(model.pubKey)
|
||
isContact: model.isContact
|
||
isVerified: model.verificationStatus === Constants.verificationStatus.verified
|
||
isUntrustworthy: model.trustStatus === Constants.trustStatus.untrustworthy
|
||
status: model.onlineStatus
|
||
icon.name: model.icon
|
||
icon.color: Utils.colorForPubkey(model.pubKey)
|
||
ringSettings.ringSpecModel: Utils.getColorHashAsJson(model.pubKey)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|