diff options
| -rw-r--r-- | kelakon.qrc | 2 | ||||
| -rw-r--r-- | pages/ConfirmPassword.qml | 16 | ||||
| -rw-r--r-- | pages/ConfirmPasswordForm.ui.qml | 127 |
3 files changed, 140 insertions, 5 deletions
diff --git a/kelakon.qrc b/kelakon.qrc index 68b5b49..2a691a0 100644 --- a/kelakon.qrc +++ b/kelakon.qrc @@ -13,5 +13,7 @@ <file>qtquickcontrols2.conf</file> <file>pages/ExistingLogin.qml</file> <file>pages/ExistingLoginForm.ui.qml</file> + <file>pages/ConfirmPassword.qml</file> + <file>pages/ConfirmPasswordForm.ui.qml</file> </qresource> </RCC> diff --git a/pages/ConfirmPassword.qml b/pages/ConfirmPassword.qml index af4eedd..a93afda 100644 --- a/pages/ConfirmPassword.qml +++ b/pages/ConfirmPassword.qml @@ -1,4 +1,18 @@ -import QtQuick 2.4 +import QtQuick 2.12 +import id.co.darapsa.kelakon.user 0.1 +import id.co.darapsa.kelakon.rtclient 0.1 ConfirmPasswordForm { + width: stackView.width + height: stackView.height + backButton { + onClicked: { + stackView.pop() + } + } } + +/*##^## Designer { + D{i:0;autoSize:true;height:480;width:640} +} + ##^##*/ diff --git a/pages/ConfirmPasswordForm.ui.qml b/pages/ConfirmPasswordForm.ui.qml index 96a8ae4..bf0ff82 100644 --- a/pages/ConfirmPasswordForm.ui.qml +++ b/pages/ConfirmPasswordForm.ui.qml @@ -1,6 +1,125 @@ -import QtQuick 2.4 +import QtQuick 2.12 +import QtQuick.Layouts 1.3 +import QtQuick.Controls 2.12 +import QtQuick.Controls.Material 2.12 -Item { - width: 400 - height: 400 +Rectangle { + id: rectangle + color: "#fff" + border.width: 0 + + property alias backButton: backButton + property alias passTextField: confirmPassTextField + property alias createPassButton: confirmPassButton + property alias emailAddressLabel: emailAddressLabel + + Rectangle { + id: appBar + height: 56 + color: "#ffffff" + anchors.top: parent.top + anchors.topMargin: 0 + anchors.right: parent.right + anchors.rightMargin: 0 + anchors.left: parent.left + anchors.leftMargin: 0 + + RoundButton { + id: backButton + flat: true + anchors.verticalCenter: parent.verticalCenter + anchors.left: parent.left + display: AbstractButton.IconOnly + icon.name: "back-icon" + icon.source: "/assets/arrow-back-24px.svg" + icon.color: "transparent" + } + } + + Label { + x: 16 + y: 232 + color: "#2b2626" + text: qsTr("Re-Enter password") + anchors.bottom: userEmail.top + anchors.bottomMargin: 16 + font.letterSpacing: 0.25 + lineHeight: 1 + font.weight: Font.Bold + wrapMode: Text.WordWrap + anchors.left: parent.left + anchors.leftMargin: 16 + anchors.right: parent.right + anchors.rightMargin: 88 + + font.family: "Google Sans" + font.pointSize: 34 + } + + Rectangle { + id: userEmail + height: 48 + anchors.right: parent.right + anchors.rightMargin: 16 + anchors.left: parent.left + anchors.leftMargin: 16 + anchors.bottom: passTextField.top + anchors.bottomMargin: 16 + + Label { + id: emailAddressLabel + anchors.right: parent.right + anchors.rightMargin: 16 + anchors.left: parent.left + anchors.leftMargin: 16 + anchors.verticalCenter: parent.verticalCenter + + text: qsTr("your@email.com") + font.family: "Google Sans" + font.pointSize: 16 + color: "#99000000" + } + } + + TextField { + id: confirmPassTextField + y: 501 + font.pointSize: 16 + anchors.bottom: confirmPassButton.top + anchors.bottomMargin: 16 + font.family: "Google Sans" + Layout.fillWidth: true + placeholderText: qsTr("Re-enter Password") + anchors.right: parent.right + anchors.rightMargin: 16 + anchors.left: parent.left + anchors.leftMargin: 16 + Layout.maximumHeight: 56 + echoMode: TextInput.Password + } + + RoundButton { + id: confirmPassButton + x: 34 + y: 278 + text: qsTr("Confirm password") + font.family: "Google Sans" + font.capitalization: Font.MixedCase + anchors.right: parent.right + anchors.rightMargin: 8 + anchors.bottom: parent.bottom + anchors.bottomMargin: 8 + anchors.left: parent.left + anchors.leftMargin: 8 + highlighted: true + Material.background: Material.primary + } +} + + + + +/*##^## Designer { + D{i:0;autoSize:true;height:480;width:640} } + ##^##*/ |