status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(Onboarding): Apply 2 line constraint for create password description text (#12628)

This commit is contained in:
Godfrain Jacques 2023-11-15 07:50:27 -08:00 committed by GitHub
parent 611598ec71
commit 9743fb2537
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 44 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/app/AppLayouts/Onboarding/views/CreatePasswordView.qml
View File

@ -39,12 +39,11 @@ Item {
ColumnLayout {
spacing: Style.current.bigPadding
anchors.centerIn: parent
width: 416
height: 460
z: view.zFront
PasswordView {
id: view
Layout.fillWidth: true
Layout.preferredWidth: root.width - 2 * Style.current.bigPadding
Layout.fillHeight: true
passwordStrengthScoreFunction: root.startupStore.getPasswordStrengthScore
highSizeIntro: true

5
ui/app/AppLayouts/Profile/popups/ChangePasswordModal.qml
View File

@ -74,12 +74,13 @@ StatusModal {
fill: parent
topMargin: Style.current.padding
bottomMargin: Style.current.padding
leftMargin: Style.current.xlPadding
rightMargin: Style.current.xlPadding
leftMargin: Style.current.padding
rightMargin: Style.current.padding
}
passwordStrengthScoreFunction: RootStore.getPasswordStrengthScore
titleVisible: false
introText: qsTr("Change password used to unlock Status on this device & sign transactions.")
fixIntroTextWidth: true
createNewPsw: false
onReturnPressed: if(submitBtn.enabled) d.submit()
}

1
ui/imports/shared/popups/keycard/states/CreatePassword.qml
View File

@ -26,6 +26,7 @@ Item {
Layout.fillHeight: true
passwordStrengthScoreFunction: RootStore.getPasswordStrengthScore
highSizeIntro: true
fixIntroTextWidth: true
newPswText: root.sharedKeycardModule.getNewPassword()
confirmationPswText: root.sharedKeycardModule.getNewPassword()

54
ui/imports/shared/views/PasswordView.qml
View File

@ -23,6 +23,7 @@ ColumnLayout {
property string recoverText: qsTr("You will not be able to recover this password if it is lost.")
property string strengthenText: qsTr("Minimum %n character(s). To strengthen your password consider including:", "", Constants.minPasswordLength)
property bool highSizeIntro: false
property bool fixIntroTextWidth: false
property var passwordStrengthScoreFunction: function () {}
@ -79,6 +80,8 @@ ColumnLayout {
readonly property var validatorRegexp: /^[!-~]{0,64}$/
readonly property string validatorErrMessage: qsTr("Only letters, numbers, underscores and hyphens allowed")
readonly property int defaultInputWidth: 416
// Password strength categorization / validation
function lowerCaseValidator(text) { return (/[a-z]/.test(text)) }
function upperCaseValidator(text) { return (/[A-Z]/.test(text)) }
@ -153,14 +156,34 @@ ColumnLayout {
color: Theme.palette.directColor1
}
StatusBaseText {
id: introTxtField
Layout.fillWidth: true
text: "%1 <font color=\"%2\">%3</font>".arg(root.introText).arg(Theme.palette.dangerColor1).arg(root.recoverText)
font.pixelSize: root.highSizeIntro ? 15 : 12
color: Theme.palette.baseColor1
wrapMode: Text.WordWrap
horizontalAlignment: TextEdit.AlignHCenter
ColumnLayout {
id: introColumn
Layout.preferredWidth: root.fixIntroTextWidth ? d.defaultInputWidth : parent.width
Layout.alignment: Qt.AlignHCenter
spacing: 4
StatusBaseText {
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
text: root.introText
horizontalAlignment: Text.AlignHCenter
font.pixelSize: root.highSizeIntro ? Style.current.primaryTextFontSize : Style.current.tertiaryTextFontSize
wrapMode: Text.WordWrap
color: Theme.palette.baseColor1
}
StatusBaseText {
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
text: root.recoverText
horizontalAlignment: Text.AlignHCenter
font.pixelSize: root.highSizeIntro ? Style.current.primaryTextFontSize : Style.current.tertiaryTextFontSize
wrapMode: Text.WordWrap
color: Theme.palette.dangerColor1
}
}
StatusPasswordInput {
@ -171,7 +194,8 @@ ColumnLayout {
z: root.zFront
visible: !root.createNewPsw
Layout.fillWidth: true
Layout.preferredWidth: d.defaultInputWidth
Layout.alignment: Qt.AlignHCenter
placeholderText: qsTr("Current password")
echoMode: showPassword ? TextInput.Normal : TextInput.Password
rightPadding: showHideCurrentIcon.width + showHideCurrentIcon.anchors.rightMargin + Style.current.padding / 2
@ -193,9 +217,9 @@ ColumnLayout {
}
ColumnLayout {
spacing: Style.current.padding / 2
spacing: 4
z: root.zFront
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
StatusPasswordInput {
id: newPswInput
@ -203,7 +227,8 @@ ColumnLayout {
property bool showPassword
Layout.fillWidth: true
Layout.preferredWidth: d.defaultInputWidth
Layout.alignment: Qt.AlignHCenter
placeholderText: qsTr("New password")
echoMode: showPassword ? TextInput.Normal : TextInput.Password
rightPadding: showHideNewIcon.width + showHideNewIcon.anchors.rightMargin + Style.current.padding / 2
@ -244,7 +269,6 @@ ColumnLayout {
StatusPasswordStrengthIndicator {
id: strengthInditactor
Layout.fillWidth: true
value: Math.min(Constants.minPasswordLength, newPswInput.text.length)
from: 0
to: Constants.minPasswordLength
@ -258,7 +282,6 @@ ColumnLayout {
StatusBaseText {
id: strengthenTxt
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
wrapMode: Text.WordWrap
text: root.strengthenText
@ -307,7 +330,8 @@ ColumnLayout {
property bool showPassword
z: root.zFront
Layout.fillWidth: true
Layout.preferredWidth: d.defaultInputWidth
Layout.alignment: Qt.AlignHCenter
placeholderText: qsTr("Confirm password")
echoMode: showPassword ? TextInput.Normal : TextInput.Password
rightPadding: showHideConfirmIcon.width + showHideConfirmIcon.anchors.rightMargin + Style.current.padding / 2