diff options
| -rw-r--r-- | .gitignore | 1 | ||||
| -rw-r--r-- | Login.qml | 10 | ||||
| -rw-r--r-- | kelakon.qrc | 5 | ||||
| -rw-r--r-- | main.qml | 17 | ||||
| -rw-r--r-- | pages/Email.qml | 18 | ||||
| -rw-r--r-- | pages/EmailForm.ui.qml | 81 |
6 files changed, 125 insertions, 7 deletions
@@ -1,2 +1,3 @@ build-* *.pro.user +*.swp @@ -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 151de66..a3c2a2a 100644 --- a/kelakon.qrc +++ b/kelakon.qrc @@ -4,6 +4,11 @@ <file>Login.qml</file> <file>LoginForm.ui.qml</file> <file>kelakon-logo.png</file> +<<<<<<< HEAD <file>onboarding-1.png</file> +======= + <file>pages/Email.qml</file> + <file>pages/EmailForm.ui.qml</file> +>>>>>>> 2679bcec2d5938125634d970f025518c42498628 </qresource> </RCC> @@ -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 + } +} |