mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-19 10:09:38 +00:00
db7a359a49
- display validation messages closer to the input fields - warn about pass too long, info for "passwords match" - fix an actual bug when two too long passwords would be considered as "valid" by the UI - various fixes and UX improvements for the respective SB pages Iterates: #17101 To fully fix the above issue, we need a more complete Figma design, depicting the various error scenarios
102 lines
3.1 KiB
QML
102 lines
3.1 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtQuick.Extras 1.4
|
|
|
|
import shared.views 1.0
|
|
|
|
import Storybook 1.0
|
|
|
|
SplitView {
|
|
orientation: Qt.Vertical
|
|
|
|
Logs { id: logs }
|
|
|
|
Item {
|
|
id: wrapper
|
|
SplitView.fillWidth: true
|
|
SplitView.fillHeight: true
|
|
|
|
PasswordView {
|
|
id: passwordView
|
|
|
|
readonly property string existingPassword: "Somepassword1."
|
|
|
|
anchors.centerIn: parent
|
|
onReturnPressed: logs.logEvent("Return pressed", ["Current Password", "New Password", "Confirmation Password"], [passwordView.currentPswText, passwordView.newPswText, passwordView.confirmationPswText])
|
|
|
|
createNewPsw: createNewPassword.checked
|
|
titleVisible: titleVisibleSwitch.checked
|
|
highSizeIntro: highSizeIntroSwitch.checked
|
|
passwordStrengthScoreFunction: (newPass) => Math.min(newPass.length-1, 4)
|
|
}
|
|
}
|
|
|
|
LogsAndControlsPanel {
|
|
id: logsAndControlsPanel
|
|
|
|
SplitView.minimumHeight: 100
|
|
SplitView.preferredHeight: 150
|
|
|
|
logsView.logText: logs.logText
|
|
|
|
RowLayout {
|
|
StatusIndicator {
|
|
color: "green"
|
|
active: passwordView.ready
|
|
}
|
|
|
|
Label {
|
|
text: "Ready"
|
|
}
|
|
|
|
Switch {
|
|
id: createNewPassword
|
|
focusPolicy: Qt.NoFocus
|
|
text: "Create new password"
|
|
checked: true
|
|
}
|
|
|
|
Switch {
|
|
id: highSizeIntroSwitch
|
|
focusPolicy: Qt.NoFocus
|
|
text: "High size Intro"
|
|
}
|
|
|
|
Switch {
|
|
id: titleVisibleSwitch
|
|
focusPolicy: Qt.NoFocus
|
|
text: "Title visible"
|
|
checked: true
|
|
}
|
|
|
|
Button {
|
|
text: "Paste password"
|
|
focusPolicy: Qt.NoFocus
|
|
|
|
onClicked: {
|
|
const input1 = StorybookUtils.findChild(
|
|
passwordView,
|
|
"passwordViewNewPassword")
|
|
const input2 = StorybookUtils.findChild(
|
|
passwordView,
|
|
"passwordViewNewPasswordConfirm")
|
|
|
|
if (!input1 || !input2)
|
|
return
|
|
|
|
input1.text = input2.text = passwordView.existingPassword
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// category: Views
|
|
// status: good
|
|
// https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=236-23883&m=dev
|
|
// https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=884-44477&m=dev
|
|
// https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=62-8230&m=dev
|
|
// https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=62-10411&m=dev
|
|
// https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=62-8752&m=dev
|