summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--Login.qml10
-rw-r--r--kelakon.qrc2
-rw-r--r--main.qml17
-rw-r--r--pages/Email.qml18
-rw-r--r--pages/EmailForm.ui.qml81
5 files changed, 121 insertions, 7 deletions
diff --git a/Login.qml b/Login.qml
index 495df70..1e450ce 100644
--- a/Login.qml
+++ b/Login.qml
@@ -1,6 +1,12 @@
import QtQuick 2.12
LoginForm {
- width: appWindow.width
- height: appWindow.height
+ width: appWindow.width
+ height: appWindow.height
+
+ emailButton {
+ onClicked: {
+ stackView.push("qrc:/pages/Email.qml")
+ }
+ }
}
diff --git a/kelakon.qrc b/kelakon.qrc
index cbd3e07..0ca9dd7 100644
--- a/kelakon.qrc
+++ b/kelakon.qrc
@@ -4,5 +4,7 @@
<file>Login.qml</file>
<file>LoginForm.ui.qml</file>
<file>kelakon-logo.png</file>
+ <file>pages/Email.qml</file>
+ <file>pages/EmailForm.ui.qml</file>
</qresource>
</RCC>
diff --git a/main.qml b/main.qml
index fcf3a4d..8fbb800 100644
--- a/main.qml
+++ b/main.qml
@@ -2,10 +2,17 @@ import QtQuick 2.12
import QtQuick.Controls 2.12
ApplicationWindow {
- id: appWindow
- width: 362
- height: 628
- visible: true
+ id: appWindow
+ width: 362
+ height: 628
+ visible: true
+
+ StackView {
+ id: stackView
+ width: 362
+ height: 628
+
+ initialItem: Login {}
+ }
- Login {}
}
diff --git a/pages/Email.qml b/pages/Email.qml
new file mode 100644
index 0000000..05ecb45
--- /dev/null
+++ b/pages/Email.qml
@@ -0,0 +1,18 @@
+import QtQuick 2.12
+
+EmailForm {
+ width: stackView.width
+ height: stackView.height
+
+ loginButton {
+ onClicked: {
+ appWindow.logIn("62" + phoneTextField.text, passwordTextField.text)
+ }
+ }
+
+ laterButton {
+ onClicked: {
+ stackView.pop()
+ }
+ }
+}
diff --git a/pages/EmailForm.ui.qml b/pages/EmailForm.ui.qml
new file mode 100644
index 0000000..498aa6a
--- /dev/null
+++ b/pages/EmailForm.ui.qml
@@ -0,0 +1,81 @@
+import QtQuick 2.12
+import QtQuick.Layouts 1.3
+import QtQuick.Controls 2.12
+
+Rectangle {
+ width: 363
+ height: 628
+ color: "#f44236"
+ border.width: 0
+
+ property alias phoneTextField: phoneTextField
+ property alias passwordTextField: passwordTextField
+ property alias loginButton: loginButton
+ property alias laterButton: laterButton
+
+ Label {
+ x: 124
+ y: 177
+ width: 116
+ height: 17
+ text: qsTr("E-mail")
+ anchors.horizontalCenter: parent.horizontalCenter
+ }
+
+ RowLayout {
+ x: 34
+ y: 411
+ width: loginButton.width
+ height: loginButton.height
+ anchors.bottom: passwordTextField.top
+ anchors.horizontalCenter: parent.horizontalCenter
+
+ Label {
+ id: prefixLabel
+ text: "+62"
+ }
+
+ TextField {
+ id: phoneTextField
+ width: 303
+ Layout.fillWidth: true
+ placeholderText: "812345678"
+ }
+ }
+
+ TextField {
+ id: passwordTextField
+ x: 34
+ y: 468
+ width: loginButton.width
+ height: loginButton.height
+ anchors.bottom: loginButton.top
+ anchors.horizontalCenter: parent.horizontalCenter
+ echoMode: TextInput.Password
+ placeholderText: qsTr("Kata Sandi")
+ }
+
+ Button {
+ id: loginButton
+ x: 34
+ y: 525
+ width: 296
+ height: 57
+ text: qsTr("Masuk")
+ anchors.bottomMargin: -2
+ anchors.bottom: laterButton.top
+ anchors.horizontalCenterOffset: 0
+ anchors.horizontalCenter: parent.horizontalCenter
+ }
+
+ Button {
+ id: laterButton
+ x: 41
+ y: 580
+ text: qsTr("NANTI SAJA")
+ anchors.bottom: parent.bottom
+ anchors.bottomMargin: 0
+ anchors.left: parent.left
+ anchors.leftMargin: 41
+ }
+}