142 lines
4.7 KiB
QML
142 lines
4.7 KiB
QML
import QtQuick 2.5
|
|
import QtQuick.Controls 2.1
|
|
import QtQuick.Layouts 1.1
|
|
import Nymea 1.0
|
|
import "components"
|
|
|
|
Page {
|
|
id: root
|
|
signal backPressed();
|
|
|
|
header: GuhHeader {
|
|
text: qsTr("Welcome to %1!").arg(app.systemName)
|
|
backButtonVisible: true
|
|
onBackPressed: root.backPressed()
|
|
}
|
|
|
|
|
|
Connections {
|
|
target: Engine.jsonRpcClient
|
|
onAuthenticationFailed: {
|
|
var popup = errorDialog.createObject(root)
|
|
popup.text = qsTr("Sorry, that wasn't right. Try again please.")
|
|
popup.open();
|
|
}
|
|
onCreateUserFailed: {
|
|
print("createUser failed")
|
|
var message;
|
|
switch (error) {
|
|
case "UserErrorInvalidUserId":
|
|
message = qsTr("The email you've entered isn't valid.")
|
|
break;
|
|
case "UserErrorDuplicateUserId":
|
|
message = qsTr("The email you've entered is already used.")
|
|
break;
|
|
case "UserErrorBadPassword":
|
|
message = qsTr("The password you've chose is too weak.")
|
|
break;
|
|
case "UserErrorBackendError":
|
|
message = qsTr("An error happened with the user storage. Please make sure your %1 box is installed correctly.")
|
|
break;
|
|
}
|
|
var popup = errorDialog.createObject(root, {text: message});
|
|
popup.open();
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
anchors.margins: app.margins
|
|
spacing: app.margins
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
text: Engine.jsonRpcClient.initialSetupRequired ?
|
|
qsTr("In order to use your %1 system, please enter your email address and set a password for your nymea box.").arg(app.systemName)
|
|
: qsTr("In order to use your %1 system, please log in.").arg(app.systemName)
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
Label {
|
|
text: qsTr("Your e-mail address:")
|
|
Layout.fillWidth: true
|
|
}
|
|
TextField {
|
|
id: usernameTextField
|
|
Layout.fillWidth: true
|
|
inputMethodHints: Qt.ImhEmailCharactersOnly
|
|
placeholderText: "john.smith@cooldomain.com"
|
|
}
|
|
}
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
text: qsTr("Password:")
|
|
}
|
|
TextField {
|
|
id: passwordTextField
|
|
Layout.fillWidth: true
|
|
echoMode: TextInput.Password
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
visible: Engine.jsonRpcClient.initialSetupRequired
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
text: qsTr("Confirm password:")
|
|
}
|
|
TextField {
|
|
id: confirmPasswordTextField
|
|
Layout.fillWidth: true
|
|
echoMode: TextInput.Password
|
|
}
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
visible: Engine.jsonRpcClient.initialSetupRequired
|
|
opacity: (passwordTextField.text.length > 0 && passwordTextField.text.length < 8) || passwordTextField.text != confirmPasswordTextField.text ? 1 : 0
|
|
text: passwordTextField.text.length < 8 ? qsTr("This password isn't long enought to be secure, add some more characters please.")
|
|
: qsTr("The passwords don't match.")
|
|
wrapMode: Text.WordWrap
|
|
Layout.preferredHeight: confirmPasswordTextField.height * 2
|
|
color: app.guhAccent
|
|
}
|
|
|
|
Button {
|
|
Layout.fillWidth: true
|
|
text: qsTr("OK")
|
|
enabled: usernameTextField.text.length >= 5 && passwordTextField.text.length >= 8
|
|
&& (!Engine.jsonRpcClient.initialSetupRequired || confirmPasswordTextField.text == passwordTextField.text)
|
|
onClicked: {
|
|
if (Engine.jsonRpcClient.initialSetupRequired) {
|
|
print("create user")
|
|
Engine.jsonRpcClient.createUser(usernameTextField.text, passwordTextField.text);
|
|
} else {
|
|
print("authenticate", usernameTextField.text, passwordTextField.text, "nymea-app")
|
|
Engine.jsonRpcClient.authenticate(usernameTextField.text, passwordTextField.text, "nymea-app");
|
|
}
|
|
}
|
|
}
|
|
Item {
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: errorDialog
|
|
ErrorDialog {
|
|
|
|
}
|
|
}
|
|
}
|