96 lines
2.2 KiB
QML
96 lines
2.2 KiB
QML
|
import QtQuick 2.15
|
|||
|
|
import QtQuick.Controls 2.15
|
|||
|
|
|
|||
|
|
import AppLayouts.Wallet.controls 1.0
|
|||
|
|
import StatusQ.Core.Theme 0.1
|
|||
|
|
import utils 1.0
|
|||
|
|
|
|||
|
|
Pane {
|
|||
|
|
readonly property var assetsData: [
|
|||
|
|
{
|
|||
|
|
tokensKey: "key_1",
|
|||
|
|
communityId: "",
|
|||
|
|
name: "Status Test Token",
|
|||
|
|
currencyBalanceAsString: "42,23 USD",
|
|||
|
|
symbol: "STT",
|
|||
|
|
iconSource: Constants.tokenIcon("STT"),
|
|||
|
|
tokensKey: "STT",
|
|||
|
|
|
|||
|
|
balances: [
|
|||
|
|
{
|
|||
|
|
balanceAsString: "0,56",
|
|||
|
|
iconUrl: "network/Network=Ethereum"
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
sectionText: "My assets on Mainnet"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
tokensKey: "key_2",
|
|||
|
|
communityId: "",
|
|||
|
|
name: "Ether",
|
|||
|
|
currencyBalanceAsString: "4 276,86 USD",
|
|||
|
|
symbol: "ETH",
|
|||
|
|
iconSource: Constants.tokenIcon("ETH"),
|
|||
|
|
tokensKey: "ETH",
|
|||
|
|
|
|||
|
|
balances: [
|
|||
|
|
{
|
|||
|
|
balanceAsString: "0,12",
|
|||
|
|
iconUrl: "network/Network=Ethereum"
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
sectionText: "My assets on Mainnet"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
tokensKey: "key_2",
|
|||
|
|
communityId: "",
|
|||
|
|
name: "Dai Stablecoin",
|
|||
|
|
currencyBalanceAsString: "45,92 USD",
|
|||
|
|
symbol: "DAI",
|
|||
|
|
iconSource: Constants.tokenIcon("DAI"),
|
|||
|
|
tokensKey: "DAI",
|
|||
|
|
balances: [],
|
|||
|
|
|
|||
|
|
sectionText: "Popular assets"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
tokensKey: "key_3",
|
|||
|
|
communityId: "",
|
|||
|
|
name: "0x",
|
|||
|
|
currencyBalanceAsString: "41,22 USD",
|
|||
|
|
symbol: "ZRX",
|
|||
|
|
iconSource: Constants.tokenIcon("ZRX"),
|
|||
|
|
tokensKey: "ZRX",
|
|||
|
|
balances: [],
|
|||
|
|
|
|||
|
|
sectionText: "Popular assets"
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
ListModel {
|
|||
|
|
id: assetsModel
|
|||
|
|
|
|||
|
|
Component.onCompleted: append(assetsData)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
background: Rectangle {
|
|||
|
|
color: Theme.palette.baseColor3
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
AssetSelectorCompact {
|
|||
|
|
id: panel
|
|||
|
|
|
|||
|
|
anchors.centerIn: parent
|
|||
|
|
width: 400
|
|||
|
|
|
|||
|
|
model: assetsModel
|
|||
|
|
sectionProperty: "sectionText"
|
|||
|
|
|
|||
|
|
onSelected: console.log("asset selected:", key)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// category: Controls
|