From ad60582e10a261507a410f6ead189856d7b8cc2f Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Sat, 31 Aug 2019 11:14:10 +0700
Subject: confirmPasswordForm update
---
pages/ConfirmPassword.qml | 16 ++++-
pages/ConfirmPasswordForm.ui.qml | 127 +++++++++++++++++++++++++++++++++++++--
2 files changed, 138 insertions(+), 5 deletions(-)
(limited to 'pages')
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}
}
+ ##^##*/
--
cgit v1.2.3