status-desktop/ui/app/AppLayouts/Profile/popups/backupseed/Acknowledgements.qml

136 lines
4.5 KiB
QML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import QtQuick 2.12
import QtQuick.Layouts 1.12
import StatusQ.Controls 0.1
import StatusQ.Core.Theme 0.1
import shared.panels 1.0
import utils 1.0
ColumnLayout {
id: root
readonly property bool allAccepted: havePen.checked && writeDown.checked && storeIt.checked
spacing: Style.current.padding
Flickable {
id: flick
clip: true
contentHeight: flickLayout.height
interactive: contentHeight > height
flickableDirection: Flickable.VerticalFlick
Layout.fillWidth: true
Layout.fillHeight: true
ColumnLayout {
id: flickLayout
width: parent.width
spacing: Style.current.padding
Image {
id: keysImg
fillMode: Image.PreserveAspectFit
source: Style.png("onboarding/keys")
mipmap: true
Layout.alignment: Qt.AlignHCenter
Layout.preferredWidth: 120
Layout.preferredHeight: width
}
StyledText {
id: txtTitle
text: qsTr("Secure Your Assets and Funds")
horizontalAlignment: Text.AlignHCenter
wrapMode: Text.WordWrap
font.bold: true
font.pixelSize: 22
Layout.fillWidth: true
}
ColumnLayout {
Layout.fillWidth: true
Layout.leftMargin: Style.current.padding
Layout.rightMargin: Style.current.padding
spacing: Style.current.bigPadding
StyledText {
id: txtDesc
font.pixelSize: Style.current.primaryTextFontSize
horizontalAlignment: Text.AlignHCenter
text: qsTr("Your seed phrase is a 12-word passcode to your funds.")
Layout.fillWidth: true
}
StyledText {
id: secondTxtDesc
horizontalAlignment: Text.AlignHCenter
wrapMode: Text.WordWrap
textFormat: Text.RichText
font.pixelSize: Style.current.primaryTextFontSize
lineHeight: 1.2
text: qsTr("Your seed phrase cannot be recovered if lost. Therefore, you <b>must</b> back it up. The simplest way is to <b>write it down offline and store it somewhere secure.</b>")
Layout.fillWidth: true
}
}
ColumnLayout {
Layout.fillWidth: true
Layout.leftMargin: Style.current.xlPadding
Layout.rightMargin: Style.current.xlPadding
Layout.topMargin: Style.current.bigPadding
spacing: Style.current.bigPadding/2
StatusCheckBox {
id: havePen
spacing: Style.current.padding
text: qsTr("I have a pen and paper")
font.pixelSize: Style.current.primaryTextFontSize
Layout.fillWidth: true
}
StatusCheckBox {
id: writeDown
spacing: Style.current.padding
text: qsTr("I am ready to write down my seed phrase")
font.pixelSize: Style.current.primaryTextFontSize
Layout.fillWidth: true
}
StatusCheckBox {
id: storeIt
spacing: Style.current.padding
text: qsTr("I know where Ill store it")
font.pixelSize: Style.current.primaryTextFontSize
Layout.fillWidth: true
}
}
}
}
Rectangle {
color: Theme.palette.statusModal.backgroundColor
Layout.fillWidth: true
Layout.preferredHeight: 60
StyledText {
anchors.fill: parent
anchors.margins: Style.current.halfPadding
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
font.pixelSize: Style.current.primaryTextFontSize
wrapMode: Text.WordWrap
color: Theme.palette.dangerColor1
lineHeight: 1.2
text: qsTr("You can only complete this process once. Status will not store your seed phrase and can never help you recover it.")
}
Rectangle {
anchors.fill: parent
radius: Style.current.radius
color: Theme.palette.dangerColor1
opacity: 0.1
}
}
}