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

39
storybook/pages/CommunityMintTokensSettingsPanelPage.qml
View File

@ -1,5 +1,6 @@
import QtQuick 2.14 import QtQuick 2.14
import QtQuick.Controls 2.14 import QtQuick.Controls 2.14
import QtQuick.Layouts 1.14
import AppLayouts.Chat.panels.communities 1.0 import AppLayouts.Chat.panels.communities 1.0
import AppLayouts.Chat.stores 1.0 import AppLayouts.Chat.stores 1.0
@ -15,6 +16,10 @@ SplitView {
Logs { id: logs } Logs { id: logs }
ListModel {
id: emptyModel
}
Rectangle { Rectangle {
SplitView.fillWidth: true SplitView.fillWidth: true
SplitView.fillHeight: true SplitView.fillHeight: true
@ -23,7 +28,7 @@ SplitView {
CommunityMintTokensSettingsPanel { CommunityMintTokensSettingsPanel {
anchors.fill: parent anchors.fill: parent
anchors.topMargin: 50 anchors.topMargin: 50
tokensModel: ListModel {} tokensModel: editorModelChecked.checked ? emptyModel : MintedCollectiblesModel.mintedCollectibleModel
holdersModel: TokenHoldersModel {} holdersModel: TokenHoldersModel {}
layer1Networks: NetworksModel.layer1Networks layer1Networks: NetworksModel.layer1Networks
layer2Networks: NetworksModel.layer2Networks layer2Networks: NetworksModel.layer2Networks
@ -43,5 +48,37 @@ SplitView {
SplitView.preferredHeight: 150 SplitView.preferredHeight: 150
logsView.logText: logs.logText 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 { CommunityMintedTokensView {
anchors.fill: parent anchors.fill: parent
anchors.margins: 50 anchors.margins: 50
model: MintedCollectiblesModel {} model: MintedCollectiblesModel.mintedCollectibleModel
onItemClicked: logs.logEvent("CommunityMintedTokensView::itemClicked") onItemClicked: logs.logEvent("CommunityMintedTokensView::itemClicked")
} }
} }

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

@ -1,29 +1,83 @@
pragma Singleton
import QtQuick 2.15 import QtQuick 2.15
ListModel { QtObject {
id: root
readonly property var data: [ function changeMintingState(index, deployState) {
model.get(index).deployState = deployState
}
function changeAllMintingStates(deployState) {
for(var i = 0; i < model.count; i++) {
changeMintingState(i, deployState)
}
}
readonly property ListModel mintedCollectibleModel: ListModel {
id: model
Component.onCompleted: append([
{ {
name: "SuperRare artwork", name: "SuperRare artwork",
image: ModelsData.banners.superRare, image: ModelsData.banners.superRare,
deployState: 1 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", name: "Kitty artwork",
image: ModelsData.collectibles.kitty1Big, image: ModelsData.collectibles.kitty1Big,
deployState: 2 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", name: "More artwork",
image: ModelsData.banners.status, image: ModelsData.banners.status,
deployState: 2 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", name: "Crypto Punks artwork",
image: ModelsData.banners.cryptPunks, image: ModelsData.banners.cryptPunks,
deployState: 1 deployState: 1,
symbol: "CPA",
description: "Desc",
supply: 5000,
infiniteSupply: false,
transferable: false,
remoteSelfDestruct: false,
chainId: 1,
chainName: "Hermez",
chainIcon: ModelsData.networks.hermez,
accountName: "Account"
}
])
} }
]
Component.onCompleted: append(data)
} }

2
storybook/src/Models/qmldir
View File

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