diff options
Diffstat (limited to 'SignIn.ui.qml')
| -rw-r--r-- | SignIn.ui.qml | 212 |
1 files changed, 212 insertions, 0 deletions
diff --git a/SignIn.ui.qml b/SignIn.ui.qml new file mode 100644 index 0000000..bff46de --- /dev/null +++ b/SignIn.ui.qml @@ -0,0 +1,212 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import QtQuick.Layouts 1.15 + +Flickable { + property alias signInEmail: email + property alias signInPassword: password + property alias signInButton: button + property alias signInSignUp: signUp + contentHeight: container.height + + FontLoader { + id: heebo + name: "Heebo" + source: "Heebo/Heebo-Bold.ttf" + } + + GridLayout { + id: container + anchors { + top: parent.top + left: parent.left + right: parent.right + } + + ColumnLayout { + Layout.rightMargin: 16 + Layout.leftMargin: 16 + + ColumnLayout { + spacing: 16 + ColumnLayout { + id: columnLayout + + Label { + id: signInTitle + text: qsTr("Login into Eduport") + wrapMode: Text.Wrap + Layout.fillWidth: true + font.family: heebo.name + font.weight: Font.Medium + font.pointSize: 40 + } + + Label { + id: signInSubtitle + color: "#6c757d" + text: qsTr("Nice to see you! Please log in with your account.") + wrapMode: Text.Wrap + Layout.fillWidth: true + font.weight: Font.Normal + font.pointSize: 22 + font.family: "Roboto" + } + } + ColumnLayout { + Label { + text: qsTr("Email address *") + font.pixelSize: 16 + font.family: "Roboto" + } + + Rectangle { + implicitHeight: 56 + color: "#f5f7f9" + radius: 8 + border.width: 0 + Layout.fillWidth: true + + RowLayout { + anchors.fill: parent + Image { + id: envelope + source: "Bootstrap/icons/envelope-fill.svg" + sourceSize { + width: 24 + height: 24 + } + Layout.margins: 16 + } + TextField { + id: email + placeholderText: qsTr("E-mail") + font.pixelSize: 16 + font.family: "Roboto" + Layout.fillWidth: true + Layout.fillHeight: true + background: Rectangle { + color: "transparent" + } + } + } + } + } + + ColumnLayout { + Label { + text: qsTr("Password *") + font.pixelSize: 16 + font.family: "Roboto" + } + + Rectangle { + implicitHeight: 56 + color: "#f5f7f9" + radius: 8 + border.width: 0 + Layout.fillWidth: true + + RowLayout { + anchors.fill: parent + Image { + source: "Font-Awesome/svgs/solid/lock.svg" + Layout.maximumHeight: 24 + Layout.maximumWidth: 24 + Layout.margins: 16 + } + TextField { + id: password + placeholderText: qsTr("password") + echoMode: TextInput.Password + font.pixelSize: 16 + font.family: "Roboto" + Layout.fillWidth: true + Layout.fillHeight: true + background: Rectangle { + color: "transparent" + } + } + } + } + } + Label { + id: passwordHelper + text: "Your password must be 8 characters at least" + font.pixelSize: 12 + color: "#6c757d" + } + RowLayout { + Layout.fillWidth: true + CheckBox { + id: rememberCheckBox + text: qsTr("Remember me") + font.pointSize: 14 + font.family: "Roboto" + Layout.fillWidth: true + contentItem: Text { + color: "#6c757d" + text: rememberCheckBox.text + font: rememberCheckBox.font + verticalAlignment: Text.AlignVCenter + leftPadding: rememberCheckBox.indicator.width + rememberCheckBox.spacing + } + } + Text { + id: forgotPassword + text: "<a href=\"#\">Forgot password?</a>" + font.family: "Roboto" + font.pointSize: 14 + horizontalAlignment: Text.AlignRight + Layout.fillWidth: true + linkColor: Qt.rgba(.0235, .416, + .788, 1.0) + } + } + Button { + id: button + text: qsTr("Login") + font.pixelSize: 16 + implicitHeight: 40 + Layout.fillWidth: true + + contentItem: Text { + color: "#ffffff" + text: "Login" + horizontalAlignment: Text + .AlignHCenter + verticalAlignment: Text + .AlignVCenter + font.weight: Font.Medium + font.family: "Roboto" + font.pointSize: 14 + } + + background: Rectangle { + color: button.down + ? "#055aab" : "#066ac9" + radius: 8 + } + } + } + + RowLayout { + Layout.alignment: Qt.AlignHCenter + Label { + text: qsTr("Don't have an account?") + font.pixelSize: 16 + font.family: "Roboto" + } + Text { + id: signUp + text: "<a href=\"sign-up.html\">Signup here</a>" + font.pixelSize: 16 + font.family: "Roboto" + font.underline: false + linkColor: Qt.rgba(.0235, .416, .788, + 1.0) + } + } + } + } +} |