183 lines
5.0 KiB
QML
183 lines
5.0 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
|
|
import mainui.activitycenter.views 1.0
|
|
import mainui 1.0
|
|
|
|
import Storybook 1.0
|
|
import Models 1.0
|
|
|
|
SplitView {
|
|
id: root
|
|
|
|
orientation: Qt.Vertical
|
|
|
|
Logs { id: logs }
|
|
|
|
Popups {
|
|
popupParent: root
|
|
rootStore: QtObject {}
|
|
communityTokensStore: QtObject {}
|
|
}
|
|
|
|
QtObject {
|
|
id: notificationMock
|
|
|
|
property int timestamp: Date.now()
|
|
}
|
|
|
|
QtObject {
|
|
id: communityMock
|
|
|
|
property string id: "11"
|
|
property string name: "Doodles"
|
|
property string image: ModelsData.banners.status
|
|
}
|
|
|
|
QtObject {
|
|
id: assetMock
|
|
|
|
property string amount: "2.5"
|
|
property string name: "dai"
|
|
property string symbol: "DAI"
|
|
property string image: ModelsData.assets.dai
|
|
}
|
|
|
|
|
|
QtObject {
|
|
id: collectibleMock
|
|
|
|
property string amount: "4"
|
|
property string name: "doodles"
|
|
property string symbol: "DOOD"
|
|
property string image: ModelsData.banners.status
|
|
}
|
|
|
|
ColumnLayout {
|
|
SplitView.fillHeight: true
|
|
SplitView.fillWidth: true
|
|
|
|
ActivityNotificationCommunityTokenReceived {
|
|
|
|
Layout.fillWidth: true
|
|
Layout.margins: 16
|
|
|
|
// Community properties:
|
|
communityId: communityMock.id
|
|
communityName: communityMock.name
|
|
communityImage: communityMock.image
|
|
|
|
// Notification type related properties:
|
|
isFirstTokenReceived: true
|
|
isAssetType: true
|
|
|
|
// Token related properties:
|
|
tokenAmount: assetMock.amount
|
|
tokenName: assetMock.name
|
|
tokenSymbol: assetMock.symbol
|
|
tokenImage: assetMock.image
|
|
|
|
// Wallet related:
|
|
walletAccountName: "My wallet"
|
|
txHash: "0x01231232"
|
|
|
|
notification: notificationMock
|
|
}
|
|
|
|
ActivityNotificationCommunityTokenReceived {
|
|
|
|
Layout.fillWidth: true
|
|
Layout.margins: 16
|
|
|
|
// Community properties:
|
|
communityId: communityMock.id
|
|
communityName: communityMock.name
|
|
communityImage: communityMock.image
|
|
|
|
// Notification type related properties:
|
|
isFirstTokenReceived: false
|
|
isAssetType: true
|
|
|
|
// Token related properties:
|
|
tokenAmount: assetMock.amount
|
|
tokenName: assetMock.name
|
|
tokenSymbol: assetMock.symbol
|
|
tokenImage: assetMock.image
|
|
|
|
// Wallet related:
|
|
walletAccountName: "My wallet 2"
|
|
txHash: "0x01231232"
|
|
|
|
notification: notificationMock
|
|
}
|
|
|
|
ActivityNotificationCommunityTokenReceived {
|
|
|
|
Layout.fillWidth: true
|
|
Layout.margins: 16
|
|
|
|
// Community properties:
|
|
communityId: communityMock.id
|
|
communityName: communityMock.name
|
|
communityImage: communityMock.image
|
|
|
|
// Notification type related properties:
|
|
isFirstTokenReceived: true
|
|
isAssetType: false
|
|
|
|
// Token related properties:
|
|
tokenAmount: collectibleMock.amount
|
|
tokenName: collectibleMock.name
|
|
tokenSymbol: collectibleMock.symbol
|
|
tokenImage: collectibleMock.image
|
|
|
|
// Wallet related:
|
|
walletAccountName: "The wallet account"
|
|
txHash: "0x01231232"
|
|
|
|
notification: notificationMock
|
|
}
|
|
|
|
ActivityNotificationCommunityTokenReceived {
|
|
|
|
Layout.fillWidth: true
|
|
Layout.margins: 16
|
|
|
|
// Community properties:
|
|
communityId: communityMock.id
|
|
communityName: communityMock.name
|
|
communityImage: communityMock.image
|
|
|
|
// Notification type related properties:
|
|
isFirstTokenReceived: false
|
|
isAssetType: false
|
|
|
|
// Token related properties:
|
|
tokenAmount: collectibleMock.amount
|
|
tokenName: collectibleMock.name
|
|
tokenSymbol: collectibleMock.symbol
|
|
tokenImage: collectibleMock.image
|
|
|
|
// Wallet related:
|
|
walletAccountName: "Collectibles wallet"
|
|
txHash: "0x01231232"
|
|
|
|
notification: notificationMock
|
|
}
|
|
}
|
|
|
|
LogsAndControlsPanel {
|
|
SplitView.minimumHeight: 100
|
|
SplitView.preferredHeight: 160
|
|
|
|
logsView.logText: logs.logText
|
|
}
|
|
}
|
|
|
|
// category: Activity Center
|
|
// https://www.figma.com/file/FkFClTCYKf83RJWoifWgoX/Wallet-v2?type=design&node-id=18700%3A276619&mode=design&t=8r02XS6eFbmDWKa1-1
|
|
// https://www.figma.com/file/FkFClTCYKf83RJWoifWgoX/Wallet-v2?type=design&node-id=20765%3A244315&mode=design&t=WV4rxtOEDUDl4aZ6-1
|
|
// https://www.figma.com/file/FkFClTCYKf83RJWoifWgoX/Wallet-v2?type=design&node-id=20765%3A398956&mode=design&t=EGnLxrqE9kqaWGP4-1
|
|
// https://www.figma.com/file/FkFClTCYKf83RJWoifWgoX/Wallet-v2?type=design&node-id=20787%3A74840&mode=design&t=EGnLxrqE9kqaWGP4-1
|