diff options
| -rw-r--r-- | features/ProfileForm.ui.qml | 161 |
1 files changed, 158 insertions, 3 deletions
diff --git a/features/ProfileForm.ui.qml b/features/ProfileForm.ui.qml index 45c06cd..7f5edb7 100644 --- a/features/ProfileForm.ui.qml +++ b/features/ProfileForm.ui.qml @@ -5,10 +5,165 @@ import QtQuick.Layouts 1.12 Page { id: page - Label { - text: qsTr("This is profile page") + title: qsTr("Profile") + + property alias usernameLabel: usernameLabel + property alias fullnameLabel: fullnameLabel + property alias userEmailLabel: userEmailLabel + + Rectangle { + id: avatarLayout + width: 80 + height: 80 + color: "#196d22e9" + radius: 100 + anchors.top: parent.top + anchors.topMargin: 32 + anchors.horizontalCenter: parent.horizontalCenter + border.width: 0 + } + RowLayout { + id: fullnameRowLayout + height: 56 + anchors.horizontalCenter: parent.horizontalCenter + anchors.top: avatarLayout.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: "../../assets/profile-24px.svg" + antialiasing: true + } + + Label { + id: fullnameLabel + Layout.rightMargin: 16 + Layout.leftMargin: 24 + font.pointSize: 16 + font.family: "Work Sans" + Layout.fillWidth: true + text: 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: "../../assets/user-24px.svg" + antialiasing: true + } + + Label { + id: usernameLabel + Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter + Layout.rightMargin: 16 + Layout.leftMargin: 24 + font.pointSize: 16 + font.family: "Work Sans" + Layout.fillWidth: true + text: qsTr("Username") + } + } + + RowLayout { + id: userEmail + height: 56 + anchors.topMargin: 16 anchors.horizontalCenter: parent.horizontalCenter - anchors.verticalCenter: parent.verticalCenter + 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: "../../assets/email-24px.svg" + antialiasing: true + } + + Label { + id: userEmailLabel + Layout.fillWidth: true + text: qsTr("Your@email.com") + Layout.rightMargin: 16 + Layout.leftMargin: 24 + verticalAlignment: Text.AlignVCenter + font.family: "Work Sans" + font.pointSize: 16 + } + } + + RowLayout { + id: profileSettingsLayout + height: 56 + anchors.bottom: profileLogoutLayout.top + anchors.bottomMargin: 0 + anchors.horizontalCenter: parent.horizontalCenter + width: parent.width + spacing: 8 + + Label { + id: profileSettingsLabel + Layout.fillWidth: true + text: qsTr("Settings") + font.weight: Font.Medium + Layout.rightMargin: 16 + Layout.leftMargin: 24 + verticalAlignment: Text.AlignVCenter + font.family: "Work Sans" + font.pointSize: 16 + } + } + RowLayout { + id: profileLogoutLayout + height: 56 + anchors.bottom: parent.bottom + anchors.bottomMargin: 0 + anchors.horizontalCenter: parent.horizontalCenter + width: parent.width + spacing: 8 + + Label { + id: profileLogoutLabel + Layout.fillWidth: true + text: qsTr("Log out") + font.weight: Font.Medium + Layout.rightMargin: 16 + Layout.leftMargin: 24 + verticalAlignment: Text.AlignVCenter + font.family: "Work Sans" + font.pointSize: 16 + color: "#f44336" + } } } |