status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(storybook): Added support to change `tokenModel` and update `deployState` property 

Added support to change `tokenModel` and update `deployState` property
This commit is contained in:
Noelia 2023-03-29 12:53:29 +02:00 committed by Noelia
parent 6752d274e1
commit 7d3b0a576b
4 changed files with 119 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
storybook/pages/CommunityMintTokensSettingsPanelPage.qml
View File

@ -1,5 +1,6 @@
import QtQuick 2.14
import QtQuick.Controls 2.14
import QtQuick.Layouts 1.14
import AppLayouts.Chat.panels.communities 1.0
import AppLayouts.Chat.stores 1.0
@ -15,6 +16,10 @@ SplitView {
Logs { id: logs }
ListModel {
id: emptyModel
}
Rectangle {
SplitView.fillWidth: true
SplitView.fillHeight: true
@ -23,17 +28,17 @@ SplitView {
CommunityMintTokensSettingsPanel {
anchors.fill: parent
anchors.topMargin: 50
tokensModel: ListModel {}
tokensModel: editorModelChecked.checked ? emptyModel : MintedCollectiblesModel.mintedCollectibleModel
holdersModel: TokenHoldersModel {}
layer1Networks: NetworksModel.layer1Networks
layer2Networks: NetworksModel.layer2Networks
testNetworks: NetworksModel.testNetworks
enabledNetworks: NetworksModel.enabledNetworks
allNetworks: enabledNetworks
allNetworks: enabledNetworks
accounts: WalletAccountsModel {}
onMintCollectible: logs.logEvent("CommunityMintTokensSettingsPanel::mintCollectible")
}
}
}
LogsAndControlsPanel {
@ -43,5 +48,37 @@ SplitView {
SplitView.preferredHeight: 150
logsView.logText: logs.logText
RowLayout {
ColumnLayout {
Label {
Layout.fillWidth: true
text: "Is empty model?"
}
CheckBox {
id: editorModelChecked
checked: true
}
}
ColumnLayout {
Label {
Layout.fillWidth: true
text: "Is minting in progress?"
}
CheckBox {
id: editorMintingChecked
checked: true
onCheckedChanged:{
if(checked)
MintedCollectiblesModel.changeAllMintingStates(1/*In progress*/)
else
MintedCollectiblesModel.changeAllMintingStates(2/*Deployed*/)
}
}
}
}
}
}

2
storybook/pages/CommunityMintedTokensViewPage.qml
View File

@ -27,7 +27,7 @@ SplitView {
CommunityMintedTokensView {
anchors.fill: parent
anchors.margins: 50
model: MintedCollectiblesModel {}
model: MintedCollectiblesModel.mintedCollectibleModel
onItemClicked: logs.logEvent("CommunityMintedTokensView::itemClicked")
}
}

100
storybook/src/Models/MintedCollectiblesModel.qml
View File

@ -1,29 +1,83 @@
pragma Singleton
import QtQuick 2.15
ListModel {
QtObject {
id: root
readonly property var data: [
{
name: "SuperRare artwork",
image: ModelsData.banners.superRare,
deployState: 1
},
{
name: "Kitty artwork",
image: ModelsData.collectibles.kitty1Big,
deployState: 2
},
{
name: "More artwork",
image: ModelsData.banners.status,
deployState: 2
},
{
name: "Crypto Punks artwork",
image: ModelsData.banners.cryptPunks,
deployState: 1
function changeMintingState(index, deployState) {
model.get(index).deployState = deployState
}
function changeAllMintingStates(deployState) {
for(var i = 0; i < model.count; i++) {
changeMintingState(i, deployState)
}
]
}
Component.onCompleted: append(data)
readonly property ListModel mintedCollectibleModel: ListModel {
id: model
Component.onCompleted: append([
{
name: "SuperRare artwork",
image: ModelsData.banners.superRare,
deployState: 1,
symbol: "SRW",
description: "Desc",
supply: 1,
infiniteSupply: true,
transferable: false,
remoteSelfDestruct: true,
chainId: 1,
chainName: "Testnet",
chainIcon: ModelsData.networks.testnet,
accountName: "Status Account"
},
{
name: "Kitty artwork",
image: ModelsData.collectibles.kitty1Big,
deployState: 1,
symbol: "KAT",
description: "Desc",
supply: 10,
infiniteSupply: false,
transferable: false,
remoteSelfDestruct: true,
chainId: 2,
chainName: "Optimism",
chainIcon: ModelsData.networks.optimism,
accountName: "Status New Account"
},
{
name: "More artwork",
image: ModelsData.banners.status,
deployState: 1,
symbol: "MMM",
description: "Desc",
supply: 1,
infiniteSupply: true,
transferable: false,
remoteSelfDestruct: true,
chainId: 5,
chainName: "Curstom",
chainIcon: ModelsData.networks.custom,
accountName: "Other Account"
},
{
name: "Crypto Punks artwork",
image: ModelsData.banners.cryptPunks,
deployState: 1,
symbol: "CPA",
description: "Desc",
supply: 5000,
infiniteSupply: false,
transferable: false,
remoteSelfDestruct: false,
chainId: 1,
chainName: "Hermez",
chainIcon: ModelsData.networks.hermez,
accountName: "Account"
}
])
}
}

2
storybook/src/Models/qmldir
View File

@ -1,6 +1,7 @@
singleton ModelsData 1.0 ModelsData.qml
singleton PermissionsModel 1.0 PermissionsModel.qml
singleton NetworksModel 1.0 NetworksModel.qml
singleton MintedCollectiblesModel 1.0 MintedCollectiblesModel.qml
IconModel 1.0 IconModel.qml
BannerModel 1.0 BannerModel.qml
UsersModel 1.0 UsersModel.qml
@ -8,6 +9,5 @@ AssetsModel 1.0 AssetsModel.qml
CollectiblesModel 1.0 CollectiblesModel.qml
ChannelsModel 1.0 ChannelsModel.qml
AssetsCollectiblesIconsModel 1.0 AssetsCollectiblesIconsModel.qml
MintedCollectiblesModel 1.0 MintedCollectiblesModel.qml
TokenHoldersModel 1.0 TokenHoldersModel.qml
WalletAccountsModel 1.0 WalletAccountsModel.qml