diff options
Diffstat (limited to 'features/CreateProfileForm.ui.qml')
| -rw-r--r-- | features/CreateProfileForm.ui.qml | 210 |
1 files changed, 210 insertions, 0 deletions
diff --git a/features/CreateProfileForm.ui.qml b/features/CreateProfileForm.ui.qml new file mode 100644 index 0000000..6192a99 --- /dev/null +++ b/features/CreateProfileForm.ui.qml @@ -0,0 +1,210 @@ +import QtQuick 2.12 +import QtQuick.Layouts 1.12 +import QtQuick.Controls 2.12 +import QtQuick.Controls.Material 2.12 + +Rectangle { + id: rectangle + color: "#fff" + + property alias backButton: backButton + property alias titleLabel: titleLabel + property alias skipButton: skipButton + property alias enterFullName: enterFullName + property alias userNameLabel: userNameLabel + property alias emailAddressLabel: emailAddressLabel + property alias startUsingKelakon: startUsingKelakon + + ToolBar { + id: toolbar + height: 56 + font.family: "Google Sans" + anchors.top: parent.top + anchors.topMargin: 0 + anchors.right: parent.right + anchors.rightMargin: 0 + anchors.left: parent.left + anchors.leftMargin: 0 + background: Rectangle { + color: "#fff" + } + + RowLayout { + anchors.fill: parent + spacing: 8 + + ToolButton { + id: backButton + icon.name: "back-icon" + icon.source: "/components/icons/arrow-back-24px.svg" + highlighted: true + } + Label { + id: titleLabel + text: qsTr("Create Profile") + font.weight: Font.Medium + wrapMode: Text.WordWrap + color: "#000" + font.family: "Google Sans" + font.pointSize: 20 + elide: Label.ElideRight + horizontalAlignment: Qt.AlignHCenter + verticalAlignment: Qt.AlignVCenter + Layout.fillWidth: true + } + ToolButton { + id: skipButton + text: qsTr("Skip") + font.weight: Font.Medium + display: AbstractButton.TextOnly + font.family: "Google Sans" + font.pointSize: 14 + font.capitalization: Font.MixedCase + highlighted: true + } + } + } + RowLayout { + id: userEmail + height: 56 + anchors.topMargin: 16 + anchors.horizontalCenter: parent.horizontalCenter + anchors.top: usernameRowLayout.bottom + width: parent.width + spacing: 8 + + Image { + width: 24 + height: 24 + opacity: 0.54 + sourceSize.height: 24 + sourceSize.width: 24 + Layout.leftMargin: 16 + Layout.alignment: Qt.AlignVCenter + fillMode: Image.PreserveAspectFit + source: "/components/icons/email-24px.svg" + antialiasing: true + } + + Label { + id: emailAddressLabel + Layout.fillWidth: true + text: qsTr("Your@email.com") + Layout.rightMargin: 16 + Layout.leftMargin: 24 + verticalAlignment: Text.AlignVCenter + font.family: "Google Sans" + font.pointSize: 16 + color: "#99000000" + } + } + RowLayout { + id: fullnameRowLayout + height: 56 + anchors.horizontalCenter: parent.horizontalCenter + anchors.top: profilePicture.bottom + anchors.topMargin: 32 + width: parent.width + Image { + width: 24 + height: 24 + opacity: 0.54 + sourceSize.height: 24 + sourceSize.width: 24 + Layout.leftMargin: 16 + Layout.alignment: Qt.AlignVCenter + fillMode: Image.PreserveAspectFit + source: "/components/icons/profile-24px.svg" + antialiasing: true + } + + TextField { + id: enterFullName + Layout.rightMargin: 16 + Layout.leftMargin: 24 + font.pointSize: 16 + font.family: "Google Sans" + Layout.fillWidth: true + placeholderText: qsTr("Full name") + Layout.alignment: Qt.AlignVCenter + } + } + RowLayout { + id: usernameRowLayout + anchors.horizontalCenter: parent.horizontalCenter + width: parent.width + height: 56 + Layout.alignment: Qt.AlignVCenter + anchors.top: fullnameRowLayout.bottom + anchors.topMargin: 16 + + Image { + width: 24 + height: 24 + opacity: 0.54 + sourceSize.height: 24 + sourceSize.width: 24 + Layout.leftMargin: 16 + Layout.alignment: Qt.AlignVCenter + fillMode: Image.PreserveAspectFit + source: "/components/icons/user-24px.svg" + antialiasing: true + } + + TextField { + id: userNameLabel + Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter + Layout.rightMargin: 16 + Layout.leftMargin: 24 + font.pointSize: 16 + font.family: "Google Sans" + Layout.fillWidth: true + placeholderText: qsTr("Username") + } + } + + RoundButton { + id: startUsingKelakon + x: 34 + y: 278 + text: qsTr("Start using kelakon") + 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 + } + + Rectangle { + id: profilePicture + width: 80 + height: 80 + color: "#f0e6fc" + radius: 100 + anchors.horizontalCenter: parent.horizontalCenter + anchors.top: toolbar.bottom + anchors.topMargin: 32 + + RoundButton { + anchors.horizontalCenter: parent.horizontalCenter + anchors.verticalCenter: parent.verticalCenter + flat: true + display: AbstractButton.IconOnly + icon.name: "camera-icon" + icon.source: "/components/icons/photo_camera_24px.svg" + icon.color: "#6D22E9" + } + } +} + +/*##^## +Designer { + D{i:0;autoSize:true;height:480;width:640}D{i:1;anchors_width:640} +} +##^##*/ + |