119 lines
3.8 KiB
QML
119 lines
3.8 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Controls 2.14
|
|
|
|
import utils 1.0
|
|
import "../../../../shared"
|
|
|
|
import StatusQ.Popups 0.1
|
|
import StatusQ.Components 0.1
|
|
|
|
import "../controls"
|
|
|
|
StatusModal {
|
|
id: cryptoServicesPopupRoot
|
|
height: 400
|
|
header.title: qsTr("Buy crypto")
|
|
property var walletV2Model
|
|
|
|
onOpened: {
|
|
loader.active = true;
|
|
cryptoServicesPopupRoot.walletV2Model.cryptoServiceController.fetchCryptoServices();
|
|
}
|
|
|
|
Connections {
|
|
target: cryptoServicesPopupRoot.walletV2Model.cryptoServiceController
|
|
function onFetchCryptoServicesFetched() {
|
|
loader.sourceComponent = servicesComponent;
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
id: loader
|
|
anchors.fill: parent
|
|
active: false
|
|
sourceComponent: loadingComponent
|
|
|
|
Component {
|
|
id: loadingComponent
|
|
StatusLoadingIndicator {
|
|
anchors.centerIn: parent
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: servicesComponent
|
|
Item {
|
|
StyledText {
|
|
id: note
|
|
anchors.top: parent.top
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
color: Style.current.secondaryText
|
|
text: qsTr("Choose a service you'd like to use to buy crypto")
|
|
}
|
|
|
|
ListView {
|
|
anchors.top: note.bottom
|
|
anchors.bottom: parent.bottom
|
|
anchors.topMargin: Style.current.padding
|
|
width: parent.width
|
|
model: cryptoServicesPopupRoot.walletV2Model.cryptoServiceController.cryptoServiceModel
|
|
focus: true
|
|
spacing: Style.current.padding
|
|
clip: true
|
|
|
|
delegate: Item {
|
|
implicitHeight: row.height
|
|
width: parent.width
|
|
|
|
Row {
|
|
id: row
|
|
width: parent.width
|
|
spacing: Style.current.padding
|
|
|
|
StatusRoundedImage {
|
|
image.source: logoUrl
|
|
border.width: 1
|
|
border.color: Style.current.border
|
|
}
|
|
|
|
Column {
|
|
spacing: Style.current.halfPadding * 0.5
|
|
|
|
StyledText {
|
|
text: name
|
|
font.bold: true
|
|
font.pixelSize: Style.current.secondaryTextFontSize
|
|
}
|
|
|
|
StyledText {
|
|
text: description
|
|
font.pixelSize: Style.current.tertiaryTextFontSize
|
|
}
|
|
|
|
StyledText {
|
|
text: fees
|
|
color: Style.current.secondaryText
|
|
font.pixelSize: Style.current.asideTextFontSize
|
|
}
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
acceptedButtons: Qt.LeftButton
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
|
|
onClicked: {
|
|
//TOOD improve this to not use dynamic scoping
|
|
appMain.openLink(siteUrl);
|
|
cryptoServicesPopupRoot.close();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|