mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 06:16:32 +00:00
4ee21ada05
Introduced Style.svg() Style.png() Style.emoji() and
Style.icon() in Style.qml. Those should be used to
set the source in Images instead of using relative
paths. Usage:
Image {
source: Style.svg("check)
....
Also moved all Singletons inside a new "utils"
folder and made it a QML module, to use
import utils 1.0 instead of relative paths
Closes #3678
117 lines
3.7 KiB
QML
117 lines
3.7 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
|
|
import utils 1.0
|
|
import "../shared/status"
|
|
|
|
Item {
|
|
id: root
|
|
height: signingPhraseItem.height + signingPhrase.height + txtPassword.height + Style.current.smallPadding + Style.current.bigPadding
|
|
|
|
property alias signingPhrase: signingPhrase.text
|
|
property string enteredPassword
|
|
property alias validationError: txtPassword.validationError
|
|
//% "You need to enter a password"
|
|
property string noInputErrorMessage: qsTrId("you-need-to-enter-a-password")
|
|
//% "Password needs to be 6 characters or more"
|
|
property string invalidInputErrorMessage: qsTrId("password-needs-to-be-6-characters-or-more")
|
|
property bool isValid: false
|
|
|
|
function forceActiveFocus(reason) {
|
|
txtPassword.forceActiveFocus(reason)
|
|
}
|
|
|
|
function validate() {
|
|
txtPassword.validationError = ""
|
|
const noInput = txtPassword.text === ""
|
|
if (noInput) {
|
|
txtPassword.validationError = noInputErrorMessage
|
|
} else if (txtPassword.text.length < 6) {
|
|
txtPassword.validationError = invalidInputErrorMessage
|
|
}
|
|
isValid = txtPassword.validationError === ""
|
|
return isValid
|
|
}
|
|
|
|
Item {
|
|
id: signingPhraseItem
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
height: labelSigningPhrase.height
|
|
width: labelSigningPhrase.width + infoButton.width + infoButton.anchors.leftMargin
|
|
|
|
StyledText {
|
|
id: labelSigningPhrase
|
|
color: Style.current.secondaryText
|
|
font.pixelSize: 15
|
|
//% "Signing phrase"
|
|
text: qsTrId("signing-phrase")
|
|
}
|
|
|
|
StatusRoundButton {
|
|
id: infoButton
|
|
anchors.left: labelSigningPhrase.right
|
|
anchors.leftMargin: 7
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
width: 13
|
|
height: 13
|
|
icon.width: width
|
|
icon.height: height
|
|
icon.name: "info"
|
|
StatusToolTip {
|
|
visible: infoButton.hovered
|
|
//% "Signing phrase is a 3 word combination that displayed when you entered the wallet on this device for the first time."
|
|
text: qsTrId("signing-phrase-is-a-3-word-combination-that-displayed-when-you-entered-the-wallet-on-this-device-for-the-first-time-")
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
id: signingPhrase
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.top: signingPhraseItem.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
font.pixelSize: 15
|
|
text: root.signingPhrase
|
|
}
|
|
|
|
StatusRoundButton {
|
|
id: passwordInfoButton
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 67
|
|
anchors.top: txtPassword.top
|
|
anchors.topMargin: 2
|
|
width: 13
|
|
height: 13
|
|
icon.width: width
|
|
icon.height: height
|
|
icon.name: "info"
|
|
StatusToolTip {
|
|
visible: passwordInfoButton.hovered
|
|
//% "Enter the password you use to unlock this device"
|
|
text: qsTrId("enter-the-password-you-use-to-unlock-this-device")
|
|
}
|
|
}
|
|
|
|
Input {
|
|
id: txtPassword
|
|
anchors.top: signingPhrase.bottom
|
|
anchors.topMargin: Style.current.bigPadding
|
|
focus: true
|
|
customHeight: 56
|
|
//% "Password"
|
|
label: qsTrId("password")
|
|
//% "Enter password"
|
|
placeholderText: qsTrId("enter-password")
|
|
textField.echoMode: TextInput.Password
|
|
validationErrorAlignment: TextEdit.AlignRight
|
|
validationErrorTopMargin: 8
|
|
onTextChanged: {
|
|
if(root.validate()) {
|
|
root.enteredPassword = this.text
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|