112 lines
3.0 KiB
QML
112 lines
3.0 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 "../stores"
|
|
|
|
import utils 1.0
|
|
|
|
Page {
|
|
id: page
|
|
|
|
signal btnNewUserClicked()
|
|
signal btnExistingUserClicked()
|
|
|
|
background: Rectangle {
|
|
color: Style.current.background
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
if (OnboardingStore.showBeforeGetStartedPopup) {
|
|
beforeGetStartedModal.open();
|
|
}
|
|
}
|
|
|
|
BeforeGetStartedModal {
|
|
id: beforeGetStartedModal
|
|
onClosed: {
|
|
OnboardingStore.showBeforeGetStartedPopup = false;
|
|
}
|
|
}
|
|
|
|
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("onboarding/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();
|
|
}
|
|
}
|
|
}
|
|
}
|