mirror of
https://github.com/monero-project/monero-gui.git
synced 2024-12-23 03:59:38 +00:00
UX improvements in wizard
- password page styling - tab navigation / focus on load - click language loads next page
This commit is contained in:
parent
fab66fec38
commit
bd8646dd19
3 changed files with 36 additions and 19 deletions
|
@ -52,6 +52,8 @@ Item {
|
||||||
} else {
|
} else {
|
||||||
passwordPage.titleText = qsTr("Now that your wallet has been restored, please set a password for the wallet") + translationManager.emptyString
|
passwordPage.titleText = qsTr("Now that your wallet has been restored, please set a password for the wallet") + translationManager.emptyString
|
||||||
}
|
}
|
||||||
|
|
||||||
|
passwordItem.focus = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
function onPageClosed(settingsObject) {
|
function onPageClosed(settingsObject) {
|
||||||
|
@ -146,30 +148,34 @@ Item {
|
||||||
anchors.topMargin: 24
|
anchors.topMargin: 24
|
||||||
width: 300
|
width: 300
|
||||||
height: 62
|
height: 62
|
||||||
|
placeholderText : qsTr("Password") + translationManager.emptyString;
|
||||||
|
KeyNavigation.tab: retypePasswordItem
|
||||||
onChanged: handlePassword()
|
onChanged: handlePassword()
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
WizardPasswordInput {
|
||||||
|
id: retypePasswordItem
|
||||||
|
anchors.top: passwordItem.bottom
|
||||||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
|
anchors.topMargin: 24
|
||||||
|
width: 300
|
||||||
|
height: 62
|
||||||
|
placeholderText : qsTr("Confirm password") + translationManager.emptyString;
|
||||||
|
KeyNavigation.tab: passwordItem
|
||||||
|
onChanged: handlePassword()
|
||||||
|
}
|
||||||
|
|
||||||
PrivacyLevelSmall {
|
PrivacyLevelSmall {
|
||||||
id: privacyLevel
|
id: privacyLevel
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.top: passwordItem.bottom
|
anchors.top: retypePasswordItem.bottom
|
||||||
anchors.topMargin: 24
|
anchors.topMargin: 60
|
||||||
background: "#F0EEEE"
|
background: "#F0EEEE"
|
||||||
interactive: false
|
interactive: false
|
||||||
}
|
}
|
||||||
|
|
||||||
WizardPasswordInput {
|
|
||||||
id: retypePasswordItem
|
|
||||||
anchors.top: privacyLevel.bottom
|
|
||||||
anchors.horizontalCenter: parent.horizontalCenter
|
|
||||||
anchors.topMargin: 24
|
|
||||||
width: 300
|
|
||||||
height: 62
|
|
||||||
onChanged: handlePassword()
|
|
||||||
}
|
|
||||||
|
|
||||||
Component.onCompleted: {
|
Component.onCompleted: {
|
||||||
console.log
|
console.log
|
||||||
}
|
}
|
||||||
|
|
|
@ -27,24 +27,34 @@
|
||||||
// THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
// THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
|
|
||||||
import QtQuick 2.0
|
import QtQuick 2.0
|
||||||
|
import QtQuick.Controls 1.4
|
||||||
|
import QtQuick.Controls.Styles 1.4
|
||||||
|
|
||||||
Item {
|
FocusScope {
|
||||||
property alias password: password.text
|
property alias password: password.text
|
||||||
|
property alias placeholderText: password.placeholderText
|
||||||
signal changed(string password)
|
signal changed(string password)
|
||||||
|
|
||||||
|
|
||||||
TextInput {
|
TextField {
|
||||||
id : password
|
id : password
|
||||||
|
focus:true
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
horizontalAlignment: TextInput.AlignHCenter
|
horizontalAlignment: TextInput.AlignLeft
|
||||||
verticalAlignment: TextInput.AlignVCenter
|
verticalAlignment: TextInput.AlignVCenter
|
||||||
font.family: "Arial"
|
font.family: "Arial"
|
||||||
font.pixelSize: 32
|
font.pixelSize: 32
|
||||||
renderType: Text.NativeRendering
|
|
||||||
color: "#35B05A"
|
|
||||||
passwordCharacter: "•"
|
|
||||||
echoMode: TextInput.Password
|
echoMode: TextInput.Password
|
||||||
focus: true
|
style: TextFieldStyle {
|
||||||
|
renderType: Text.NativeRendering
|
||||||
|
textColor: "#35B05A"
|
||||||
|
passwordCharacter: "•"
|
||||||
|
background: Rectangle {
|
||||||
|
radius: 0
|
||||||
|
border.width: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
Keys.onReleased: {
|
Keys.onReleased: {
|
||||||
changed(text)
|
changed(text)
|
||||||
}
|
}
|
||||||
|
|
|
@ -163,6 +163,7 @@ Item {
|
||||||
if (data !== null || data !== undefined) {
|
if (data !== null || data !== undefined) {
|
||||||
var locale = data.locale
|
var locale = data.locale
|
||||||
translationManager.setLanguage(locale.split("_")[0]);
|
translationManager.setLanguage(locale.split("_")[0]);
|
||||||
|
wizard.switchPage(true)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue