109 lines
2.9 KiB
QML
109 lines
2.9 KiB
QML
|
import QtQuick 2.13
|
||
|
import QtQuick.Controls 2.13
|
||
|
import QtQuick.Controls.Universal 2.12
|
||
|
|
||
|
import StatusQ.Controls 0.1
|
||
|
|
||
|
import shared 1.0
|
||
|
import shared.panels 1.0
|
||
|
import "../popups"
|
||
|
|
||
|
import utils 1.0
|
||
|
|
||
|
Page {
|
||
|
id: page
|
||
|
|
||
|
signal btnNewUserClicked()
|
||
|
signal btnExistingUserClicked()
|
||
|
|
||
|
background: Rectangle {
|
||
|
color: Style.current.background
|
||
|
}
|
||
|
|
||
|
Component.onCompleted: {
|
||
|
if(displayBeforeGetStartedModal) {
|
||
|
displayBeforeGetStartedModal = false
|
||
|
beforeGetStartedModal.open()
|
||
|
}
|
||
|
}
|
||
|
|
||
|
BeforeGetStartedModal {
|
||
|
id: beforeGetStartedModal
|
||
|
}
|
||
|
|
||
|
Item {
|
||
|
id: container
|
||
|
width: 425
|
||
|
height: {
|
||
|
let h = 0
|
||
|
const children = this.children
|
||
|
Object.keys(children).forEach(function (key) {
|
||
|
const child = children[key]
|
||
|
h += child.height + Style.current.padding
|
||
|
})
|
||
|
return h
|
||
|
}
|
||
|
|
||
|
anchors.verticalCenter: parent.verticalCenter
|
||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
|
||
|
Image {
|
||
|
id: keysImg
|
||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
anchors.top: parent.top
|
||
|
fillMode: Image.PreserveAspectFit
|
||
|
source: Style.png("welcome")
|
||
|
width: 256
|
||
|
height: 256
|
||
|
mipmap: true
|
||
|
}
|
||
|
|
||
|
StyledText {
|
||
|
id: txtTitle1
|
||
|
//% "Get your keys"
|
||
|
text: qsTr("Welcome to Status")
|
||
|
anchors.topMargin: Style.current.padding
|
||
|
font.bold: true
|
||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
anchors.top: keysImg.bottom
|
||
|
font.letterSpacing: -0.2
|
||
|
font.pixelSize: 22
|
||
|
}
|
||
|
|
||
|
StyledText {
|
||
|
id: txtDesc1
|
||
|
color: Style.current.secondaryText
|
||
|
text: qsTr("Your fully decentralized gateway to Ethereum and Web3.\nCrypto wallet, privacy first group chat, and dApp browser.")
|
||
|
horizontalAlignment: Text.AlignHCenter
|
||
|
wrapMode: Text.WordWrap
|
||
|
anchors.right: parent.right
|
||
|
anchors.left: parent.left
|
||
|
anchors.top: txtTitle1.bottom
|
||
|
anchors.topMargin: Style.current.padding
|
||
|
font.pixelSize: 15
|
||
|
}
|
||
|
|
||
|
StatusButton {
|
||
|
id: btnNewUser
|
||
|
anchors.top: txtDesc1.bottom
|
||
|
anchors.topMargin: 40
|
||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
text: qsTr("I am new to Status")
|
||
|
onClicked: {
|
||
|
page.btnNewUserClicked();
|
||
|
}
|
||
|
}
|
||
|
|
||
|
StatusButton {
|
||
|
id: btnExistingUser
|
||
|
text: qsTr("I already use Status")
|
||
|
anchors.top: btnNewUser.bottom
|
||
|
anchors.topMargin: Style.current.padding
|
||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
onClicked: {
|
||
|
page.btnExistingUserClicked();
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|