status-desktop/ui/app/AppLayouts/Onboarding/views/WelcomeView.qml

106 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
Item {
id: root
property StartupStore startupStore
Component.onCompleted: {
if (root.startupStore.showBeforeGetStartedPopup()) {
beforeGetStartedModal.open();
return
}
btnNewUser.forceActiveFocus()
}
BeforeGetStartedModal {
id: beforeGetStartedModal
onClosed: {
root.startupStore.beforeGetStartedPopupAccepted()
btnNewUser.forceActiveFocus()
}
}
Item {
id: container
width: 425
height: 513
anchors.centerIn: parent
Image {
id: keysImg
width: 230
height: 230
anchors.horizontalCenter: parent.horizontalCenter
fillMode: Image.PreserveAspectFit
source: Style.png("onboarding/welcome")
mipmap: true
cache: false
}
StyledText {
id: txtTitle1
text: qsTr("Welcome to Status")
anchors.topMargin: Style.current.bigPadding
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. Crypto 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
objectName: "welcomeViewIAmNewToStatusButton"
anchors.top: txtDesc1.bottom
anchors.topMargin: Style.current.xlPadding
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("I am new to Status")
onClicked: {
root.startupStore.doPrimaryAction()
}
Keys.onPressed: {
if (event.key === Qt.Key_Return || event.key === Qt.Key_Enter) {
event.accepted = true
root.startupStore.doPrimaryAction()
}
}
}
StatusFlatButton {
id: btnExistingUser
text: qsTr("I already use Status")
anchors.top: btnNewUser.bottom
anchors.topMargin: Style.current.bigPadding
anchors.horizontalCenter: parent.horizontalCenter
onClicked: {
root.startupStore.doSecondaryAction()
}
}
}
}