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

117 lines
3.4 KiB
QML
Raw Normal View History

2020-06-17 19:18:31 +00:00
import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Controls.Universal 2.12
import "../../../../shared"
import "../../../../shared/panels"
import "../../../../shared/status"
import "../popups"
import utils 1.0
Page {
2020-06-15 15:20:38 +00:00
id: page
property alias btnExistingKey: btnExistingKey
property alias btnGenKey: btnGenKey
2021-09-24 12:03:57 +00:00
property alias btnKeycard: btnKeycard
background: Rectangle {
color: Style.current.background
}
Component.onCompleted: {
if(displayBeforeGetStartedModal) {
displayBeforeGetStartedModal = false
beforeGetStartedModal.open()
}
}
BeforeGetStartedModal {
id: beforeGetStartedModal
}
2020-06-15 15:20:38 +00:00
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
2020-06-15 15:20:38 +00:00
})
return h
}
2020-06-15 15:20:38 +00:00
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
2020-06-15 15:20:38 +00:00
Image {
id: keysImg
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
fillMode: Image.PreserveAspectFit
source: Style.png("keys")
width: 160
height: 160
2021-03-26 18:47:35 +00:00
mipmap: true
2020-06-15 15:20:38 +00:00
}
StyledText {
2020-06-15 15:20:38 +00:00
id: txtTitle1
//% "Get your keys"
text: qsTrId("intro-wizard-title1")
anchors.topMargin: Style.current.padding
2020-06-15 15:20:38 +00:00
font.bold: true
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: keysImg.bottom
font.letterSpacing: -0.2
font.pixelSize: 22
}
StyledText {
2020-06-15 15:20:38 +00:00
id: txtDesc1
2021-03-26 18:23:22 +00:00
color: Style.current.secondaryText
//% "A set of keys controls your account. Your keys live on your device, so only you can use them."
text: qsTrId("a-set-of-keys-controls-your-account.-your-keys-live-on-your-device,-so-only-you-can-use-them.")
2020-06-15 15:20:38 +00:00
horizontalAlignment: Text.AlignHCenter
wrapMode: Text.WordWrap
anchors.right: parent.right
anchors.left: parent.left
anchors.top: txtTitle1.bottom
anchors.topMargin: Style.current.padding
2020-06-15 15:20:38 +00:00
font.pixelSize: 15
}
StatusButton {
2020-06-15 15:20:38 +00:00
id: btnGenKey
anchors.top: txtDesc1.bottom
anchors.topMargin: 40
anchors.horizontalCenter: parent.horizontalCenter
//% "I'm new, generate keys"
text: qsTrId("im-new,-generate-keys")
2020-06-15 15:20:38 +00:00
}
StatusButton {
2020-06-15 15:20:38 +00:00
id: btnExistingKey
//% "Access existing key"
text: qsTrId("access-existing-key")
2020-06-15 15:20:38 +00:00
anchors.top: btnGenKey.bottom
anchors.topMargin: Style.current.padding
2020-06-15 15:20:38 +00:00
anchors.horizontalCenter: parent.horizontalCenter
type: "secondary"
2020-06-15 15:20:38 +00:00
}
2021-09-24 12:03:57 +00:00
StatusButton {
id: btnKeycard
//% "I have a Keycard"
text: qsTr("I have a Keycard")
anchors.top: btnExistingKey.bottom
anchors.topMargin: Style.current.padding
anchors.horizontalCenter: parent.horizontalCenter
visible: isExperimental === "1" || appSettings.isKeycardEnabled
type: "secondary"
}
2020-06-15 15:20:38 +00:00
}
}