mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-08 20:56:39 +00:00
3705249e40
- implement the basic Onboarding UI skeleton and the Create Profile flows - adjust the PasswordView and EnterSeedPhrase views to the latest design - add the main OnboardingLayout and StatusPinInput pages to Storybook - change terminology app-wide: "Seed phrase" -> "Recovery phrase" - implement the Login flows (seed, sync, keycard) - amend the keycard flow sequences with separate (non) empty page Fixes #16719 Fixes #16742 Fixes #16743
52 lines
1.9 KiB
QML
52 lines
1.9 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
|
|
import AppLayouts.Onboarding2.pages 1.0
|
|
|
|
Item {
|
|
id: root
|
|
|
|
readonly property string existingPin: "111111"
|
|
|
|
KeycardEnterPinPage {
|
|
id: page
|
|
anchors.fill: parent
|
|
tryToSetPinFunction: (pin) => {
|
|
const valid = pin === root.existingPin
|
|
if (!valid)
|
|
remainingAttempts--
|
|
return valid
|
|
}
|
|
remainingAttempts: 3
|
|
onKeycardPinEntered: (pin) => {
|
|
console.warn("!!! PIN:", pin)
|
|
console.warn("!!! RESETTING FLOW")
|
|
state = "entering"
|
|
}
|
|
onReloadKeycardRequested: {
|
|
console.warn("!!! RELOAD KEYCARD")
|
|
remainingAttempts--
|
|
state = "entering"
|
|
}
|
|
onKeycardFactoryResetRequested: {
|
|
console.warn("!!! FACTORY RESET KEYCARD")
|
|
remainingAttempts = 3
|
|
state = "entering"
|
|
}
|
|
}
|
|
|
|
Label {
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
text: "Hint: %1".arg(root.existingPin)
|
|
}
|
|
}
|
|
|
|
// category: Onboarding
|
|
// status: good
|
|
// https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=1281-45942&node-type=frame&m=dev
|
|
// https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=1281-45950&node-type=frame&m=dev
|
|
// https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=1281-45959&node-type=frame&m=dev
|
|
// https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=1281-45966&node-type=frame&m=dev
|
|
// https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=1281-45996&node-type=frame&m=dev
|