mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-20 10:38:47 +00:00
4ee21ada05
Introduced Style.svg() Style.png() Style.emoji() and
Style.icon() in Style.qml. Those should be used to
set the source in Images instead of using relative
paths. Usage:
Image {
source: Style.svg("check)
....
Also moved all Singletons inside a new "utils"
folder and made it a QML module, to use
import utils 1.0 instead of relative paths
Closes #3678
107 lines
3.8 KiB
QML
107 lines
3.8 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.3
|
|
import QtGraphicalEffects 1.0
|
|
|
|
import utils 1.0
|
|
import "../../shared"
|
|
import "../../shared/status"
|
|
import "../../app/AppLayouts/Chat/ChatColumn/samples"
|
|
|
|
ModalPopup {
|
|
id: stickerPackDetailsPopup
|
|
|
|
property int packId: -1
|
|
|
|
property string thumbnail: ""
|
|
property string name: ""
|
|
property string author: ""
|
|
property string price: ""
|
|
property bool installed: false;
|
|
property bool bought: false;
|
|
property bool pending: false;
|
|
property var stickers;
|
|
|
|
Component.onCompleted: {
|
|
const idx = chatsModel.stickers.stickerPacks.findIndexById(packId, false);
|
|
if(idx === -1) close();
|
|
name = chatsModel.stickers.stickerPacks.rowData(idx, "name")
|
|
author = chatsModel.stickers.stickerPacks.rowData(idx, "author")
|
|
thumbnail = chatsModel.stickers.stickerPacks.rowData(idx, "thumbnail")
|
|
price = chatsModel.stickers.stickerPacks.rowData(idx, "price")
|
|
stickers = chatsModel.stickers.stickerPacks.getStickers()
|
|
installed = chatsModel.stickers.stickerPacks.rowData(idx, "installed") === "true"
|
|
bought = chatsModel.stickers.stickerPacks.rowData(idx, "bought") === "true"
|
|
pending = chatsModel.stickers.stickerPacks.rowData(idx, "pending") === "true"
|
|
}
|
|
|
|
height: 472
|
|
header: StatusStickerPackDetails {
|
|
id: stickerGrid
|
|
packThumb: thumbnail
|
|
packName: name
|
|
packAuthor: author
|
|
packNameFontSize: 17
|
|
spacing: Style.current.padding / 2
|
|
}
|
|
|
|
contentWrapper.anchors.topMargin: 0
|
|
contentWrapper.anchors.bottomMargin: 0
|
|
StatusStickerList {
|
|
id: stickerGridInPopup
|
|
model: stickers
|
|
anchors.fill: parent
|
|
anchors.topMargin: Style.current.padding
|
|
Component {
|
|
id: stickerPackPurchaseModal
|
|
StatusSNTTransactionModal {
|
|
contractAddress: utilsModel.stickerMarketAddress
|
|
assetPrice: price
|
|
estimateGasFunction: function(selectedAccount, uuid) {
|
|
if (packId < 0 || !selectedAccount || !price) return 325000
|
|
return chatsModel.stickers.estimate(packId, selectedAccount.address, price, uuid)
|
|
}
|
|
onSendTransaction: function(selectedAddress, gasLimit, gasPrice, tipLimit, overallLimit, password) {
|
|
return chatsModel.stickers.buy(packId,
|
|
selectedAddress,
|
|
price,
|
|
gasLimit,
|
|
gasPrice,
|
|
tipLimit,
|
|
overallLimit,
|
|
password)
|
|
}
|
|
onClosed: {
|
|
destroy()
|
|
}
|
|
width: stickerPackDetailsPopup.width
|
|
height: stickerPackDetailsPopup.height
|
|
}
|
|
}
|
|
}
|
|
|
|
footer: StatusStickerButton {
|
|
height: 44
|
|
anchors.right: parent.right
|
|
style: StatusStickerButton.StyleType.LargeNoIcon
|
|
packPrice: price
|
|
isInstalled: installed
|
|
isBought: bought
|
|
isPending: pending
|
|
onInstallClicked: {
|
|
chatsModel.stickers.install(packId);
|
|
stickerPackDetailsPopup.close();
|
|
}
|
|
onUninstallClicked: {
|
|
chatsModel.stickers.uninstall(packId);
|
|
stickerPackDetailsPopup.close();
|
|
}
|
|
onCancelClicked: function(){}
|
|
onUpdateClicked: function(){}
|
|
onBuyClicked: {
|
|
openPopup(stickerPackPurchaseModal)
|
|
root.buyClicked(packId)
|
|
}
|
|
}
|
|
}
|