status-im/status-desktop
2
0
Fork 0
mirror of https://github.com/status-im/status-desktop.git synced 2025-02-04 10:44:23 +00:00
Code Issues Projects Releases Wiki Activity

fix(contacts): validate and limit nickname input for a contact

Browse Source 
Depends on 648501ad in StatusQ

updates #5010
This commit is contained in:
Stefan Dunca 2022-03-10 20:41:59 +01:00 committed by Stefan Dunca
parent c03cdef684
commit 23326b8e2d
1 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
ui/imports/shared/popups/NicknamePopup.qml
View File

@ -9,6 +9,7 @@ import shared.controls 1.0
import StatusQ.Core 0.1 import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1 import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1 import StatusQ.Controls 0.1
import StatusQ.Controls.Validators 0.1
import StatusQ.Popups 0.1 import StatusQ.Popups 0.1
StatusModal { StatusModal {
@ -16,11 +17,11 @@ StatusModal {
id: popup id: popup
width: 400 width: 400
height: 390 height: 340
header.title: qsTr("Nickname") header.title: qsTr("Nickname")
property string nickname: "" property string nickname: ""
property int nicknameLength: nicknameInput.textField.text.length property int nicknameLength: nicknameInput.text.length
readonly property int maxNicknameLength: 32 readonly property int maxNicknameLength: 32
property bool nicknameTooLong: nicknameLength > maxNicknameLength property bool nicknameTooLong: nicknameLength > maxNicknameLength
signal editDone(string newNickname) signal editDone(string newNickname)
@ -50,28 +51,26 @@ StatusModal {
width: parent.width width: parent.width
} }
Input { StatusInput {
id: nicknameInput id: nicknameInput
//% "Nickname" //% "Nickname"
placeholderText: qsTrId("nickname") input.placeholderText: qsTrId("nickname")
text: nickname text: nickname
//% "Your nickname is too long"
validationError: popup.nicknameTooLong ? qsTrId("your-nickname-is-too-long") : "" width: parent.width
charLimit: maxNicknameLength
validationMode: StatusInput.ValidationMode.IgnoreInvalidInput
validators: [
StatusRegularExpressionValidator {
regularExpression: /^[0-9A-Za-z_-]*$/
}
]
Keys.onReleased: { Keys.onReleased: {
if (event.key === Qt.Key_Return) { if (event.key === Qt.Key_Return) {
editDone() editDone(nicknameInput.text)
} }
} }
StatusBaseText {
id: lengthLimitText
text: popup.nicknameLength + "/" + popup.maxNicknameLength
font.pixelSize: 15
anchors.top: parent.bottom
anchors.topMargin: 12
anchors.right: parent.right
color: popup.nicknameTooLong ? Theme.palette.dangerColro1 : Theme.palette.baseColor1
}
} }
} }
} }
@ -82,7 +81,7 @@ StatusModal {
//% "Done" //% "Done"
text: qsTrId("done") text: qsTrId("done")
enabled: !popup.nicknameTooLong enabled: !popup.nicknameTooLong
onClicked: editDone(nicknameInput.textField.text) onClicked: editDone(nicknameInput.text)
} }
] ]
} }