QML UI: add QML Preferences Dialog

This will allow the user to edit and save their Subsurface cloud
credentials.

Signed-off-by: Grace Karanja <gracie.karanja89@gmail.com>

2 files changed, 92 insertions, 0 deletions

diff --git a/qt-mobile/Preferences.qml b/qt-mobile/Preferences.qml
new file mode 100644
index 000000000..9bfb2b307
--- /dev/null
+++ b/qt-mobile/Preferences.qml
@@ -0,0 +1,91 @@
+import QtQuick 2.3
+import QtQuick.Controls 1.2
+import QtQuick.Window 2.2
+import QtQuick.Dialogs 1.2
+import QtQuick.Layouts 1.1
+import org.subsurfacedivelog.mobile 1.0
+
+Window {
+	id: loginWindow
+
+	signal accept
+
+	property string username: login.text;
+	property string password: password.text;
+	property bool issave: savePassword.checked;
+
+	flags: Qt.Dialog
+	modality: Qt.WindowModal
+	width: 400
+	height: 160
+
+	minimumHeight: 160
+	minimumWidth: 400
+
+	title: "Enter your Subsurface cloud credentials"
+
+	GridLayout {
+		columns: 2
+		anchors.fill: parent
+		anchors.margins: 10
+		rowSpacing: 10
+		columnSpacing: 10
+
+		Label {
+			text: "Email Address:"
+		}
+
+		TextField {
+			id: login
+			text: manager.cloudUserName
+			Layout.fillWidth: true
+		}
+
+		Label {
+			text: "Password"
+		}
+
+		TextField {
+			id: password
+			text: manager.cloudPassword
+			echoMode: TextInput.Password
+			Layout.fillWidth: true
+		}
+
+		Label {
+			text: "Save Password locally"
+		}
+
+		CheckBox {
+			id: savePassword
+		}
+
+		Item {
+			Layout.columnSpan: 2
+			Layout.fillWidth: true
+			implicitHeight: saveButton.height
+
+			Button {
+				id: cancelButton
+				text: "Cancel"
+
+				onClicked: {
+					loginWindow.close();
+				}
+			}
+
+			Button {
+				id: saveButton
+				text: "Save"
+				anchors.centerIn: parent
+				onClicked: {
+					manager.cloudUserName = login.text
+					manager.cloudPassword = password.text
+					manager.savePreferences()
+					loginWindow.close();
+					loginWindow.accept();
+				}
+			}
+		}
+	}
+}
diff --git a/qt-mobile/mobile-resources.qrc b/qt-mobile/mobile-resources.qrc
index 2cee85143..b1882b17d 100644
--- a/qt-mobile/mobile-resources.qrc
+++ b/qt-mobile/mobile-resources.qrc
@@ -2,5 +2,6 @@
     <qresource prefix="/qml">
         <file>main.qml</file>
         <file>TextButton.qml</file>
+        <file>Preferences.qml</file>
     </qresource>
 </RCC>