diff options
| author | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-03-21 17:33:20 +0800 |
|---|---|---|
| committer | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-03-21 17:33:20 +0800 |
| commit | db0a295904cf54c03023a9f64b458cdcddf363c3 (patch) | |
| tree | d6a9d3c7dd1b447f8aaf901f8d1d20b8de725aa1 /SignIn.ui.qml | |
| parent | dffcf6d339faae463e5be3acfc237454aadcb650 (diff) | |
Reorganise auth, primary button, and reuse
Diffstat (limited to 'SignIn.ui.qml')
| -rw-r--r-- | SignIn.ui.qml | 228 |
1 files changed, 0 insertions, 228 deletions
diff --git a/SignIn.ui.qml b/SignIn.ui.qml deleted file mode 100644 index 6d910dd..0000000 --- a/SignIn.ui.qml +++ /dev/null @@ -1,228 +0,0 @@ -import QtQuick 2.15 -import QtQuick.Controls 2.15 -import QtQuick.Layouts 1.15 -import "Bootstrap/Button" as BsBtn - -Flickable { - property string titleHeader: qsTr("Login into Eduport!") - property alias titleParagraph: titleParagraph - property string emailLabel: qsTr("Email address *") - property string emailImage: "Bootstrap/icons/envelope-fill.svg" - property alias email: email - property alias password: password - property alias button: button - property alias signUp: signUp - readonly property bool doesntEmbed: Qt.platform.os === "android" - || Qt.platform.os === "linux" - || Qt.platform.os === "osx" - || Qt.platform.os === "unix" - || Qt.platform.os === "windows" - contentHeight: container.height - - FontLoader { - id: heebo - source: "Heebo/Heebo-Bold.ttf" - } - - FontLoader { - id: medium - source: doesntEmbed ? "" : "Roboto/Roboto-Medium.ttf" - } - - FontLoader { - id: regular - source: doesntEmbed ? "" : "Roboto/Roboto-Regular.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 { - text: titleHeader - wrapMode: Text.Wrap - Layout.fillWidth: true - font { - family: heebo.name - pointSize: 21.75 + .013125 * columnLayout.width - } - } - - Label { - id: titleParagraph - text: qsTr("Nice to see you! Please log in with your account.") - color: "#6c757d" - wrapMode: Text.Wrap - Layout.fillWidth: true - font { - pointSize: 18.75 - family: doesntEmbed ? "Roboto" : regular.name - } - } - } - ColumnLayout { - Label { - text: emailLabel - font { - pointSize: 15 - family: doesntEmbed ? "Roboto" : regular.name - } - } - - Rectangle { - implicitHeight: 56 - color: "#f5f7f9" - radius: 8 - border.width: 0 - Layout.fillWidth: true - - RowLayout { - anchors.fill: parent - Image { - source: emailImage - Layout.maximumHeight: 24 - Layout.maximumWidth: 24 - Layout.margins: 16 - } - TextField { - id: email - placeholderText: qsTr("E-mail") - font { - pointSize: 16 - family: doesntEmbed ? "Roboto" : regular.name - } - Layout.fillWidth: true - Layout.fillHeight: true - background: Rectangle { - color: "transparent" - } - } - } - } - } - - ColumnLayout { - Label { - text: qsTr("Password *") - font { - pointSize: 15 - family: doesntEmbed ? "Roboto" : regular.name - } - } - - 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 { - pointSize: 16 - family: doesntEmbed ? "Roboto" : regular.name - } - Layout.fillWidth: true - Layout.fillHeight: true - background: Rectangle { - color: "transparent" - } - } - } - } - } - Label { - id: passwordHelper - text: "Your password must be 8 characters at least" - font { - pointSize: 14 - family: doesntEmbed ? "Roboto" : regular.name - } - color: "#6c757d" - } - RowLayout { - Layout.fillWidth: true - CheckBox { - id: rememberCheckBox - text: qsTr("Remember me") - font { - pointSize: 15 - family: doesntEmbed ? "Roboto" : regular.name - } - 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 { - pointSize: 15 - family: doesntEmbed ? "Roboto" : regular.name - } - horizontalAlignment: Text.AlignRight - Layout.fillWidth: true - linkColor: Qt.rgba(.0235, .416, .788, 1.0) - } - } - - BsBtn.Primary { - id: button - text: qsTr("Login") - implicitHeight: 40 - Layout.fillWidth: true - } - } - - RowLayout { - Layout.alignment: Qt.AlignHCenter - Label { - text: qsTr("Don't have an account?") - font { - pointSize: 15 - family: doesntEmbed ? "Roboto" : regular.name - } - } - Text { - id: signUp - text: "<a href=\"sign-up.html\">Signup here</a>" - font { - pointSize: 15 - family: doesntEmbed ? "Roboto" : regular.name - underline: false - } - linkColor: Qt.rgba(.0235, .416, .788, 1.0) - } - } - } - } -} |