Sign Up draft

2 files changed, 99 insertions, 0 deletions

diff --git a/SignInFlickable.ui.qml b/SignInFlickable.ui.qml
index 754b8be..343dc6f 100644
--- a/SignInFlickable.ui.qml
+++ b/SignInFlickable.ui.qml
@@ -6,6 +6,7 @@ GridLayout {
 	property alias email: email
 	property alias password: password
 	property alias button: button
+	property alias signUp: signUp
 
 	ColumnLayout {
 		Layout.margins: 15
@@ -55,5 +56,18 @@ GridLayout {
 				Layout.fillWidth: true
 			}
 		}
+
+		RowLayout {
+			Layout.alignment: Qt.AlignHCenter
+			Label {
+				text: qsTr("Don't have an account?")
+			}
+			Text {
+				id: signUp
+				text: "<a href=\"sign-up.html\">Signup here</a>"
+				linkColor: Qt.rgba(.0235, .416, .788, 1.0)
+				font.underline: false
+			}
+		}
 	}
 }
diff --git a/SignUpFlickable.ui.qml b/SignUpFlickable.ui.qml
new file mode 100644
index 0000000..9db756e
--- /dev/null
+++ b/SignUpFlickable.ui.qml
@@ -0,0 +1,85 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+GridLayout {
+
+	ColumnLayout {
+		Layout.margins: 15
+
+		ColumnLayout {
+
+			ColumnLayout {
+				Label {
+					text: qsTr("Email address *")
+				}
+				RowLayout {
+					Image {
+						id: envelope
+						source: "Bootstrap/icons/envelope-fill.svg"
+					}
+					TextField {
+						placeholderText: qsTr("E-mail")
+						Layout.fillWidth: true
+					}
+				}
+			}
+
+			ColumnLayout {
+				Label {
+					text: qsTr("Password *")
+				}
+				RowLayout {
+					Image {
+						source: "Font-Awesome/svgs/solid/lock.svg"
+						sourceSize {
+							width: envelope.height
+							height: envelope.height
+						}
+					}
+					TextField {
+						placeholderText: qsTr("password")
+						Layout.fillWidth: true
+					}
+				}
+			}
+
+			ColumnLayout {
+				Label {
+					text: qsTr("Confirm Password *")
+				}
+				RowLayout {
+					Image {
+						source: "Font-Awesome/svgs/solid/lock.svg"
+						sourceSize {
+							width: envelope.height
+							height: envelope.height
+						}
+					}
+					TextField {
+						id: password
+						placeholderText: qsTr("password")
+						Layout.fillWidth: true
+					}
+				}
+			}
+
+			Button {
+				text: qsTr("Sign Up")
+				Layout.fillWidth: true
+			}
+		}
+
+		RowLayout {
+			Layout.alignment: Qt.AlignHCenter
+			Label {
+				text: qsTr("Already have an account?")
+			}
+			Text {
+				text: "<a href=\"sign-in.html\">Sign in here</a>"
+				linkColor: Qt.rgba(.0235, .416, .788, 1.0)
+				font.underline: false
+			}
+		}
+	}
+}