summaryrefslogtreecommitdiff
path: root/InstructorEditProfile.ui.qml
blob: b2f06336b6dc58368d6ace044f2ce67ba6ec406a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtGraphicalEffects 1.15

Flickable {
	property bool doesntEmbed: Qt.platform.os === "android"
				|| Qt.platform.os === "linux"
				|| Qt.platform.os === "osx"
				|| Qt.platform.os === "unix"
				|| Qt.platform.os === "windows"
	contentHeight: main.height

	FontLoader {
		id: bold
		source: "Roboto/Roboto-Bold.ttf"
	}

	FontLoader {
		id: regular
		source: "Roboto/Roboto-Regular.ttf"
	}

	ColumnLayout {
		id: main
		anchors {
			top: parent.top
			left: parent.left
			right: parent.right
		}

		RowLayout {

			ColumnLayout {
				Layout.leftMargin: 15
				Layout.rightMargin: 15

				Rectangle {
					Layout.fillWidth: true
					implicitHeight: editProfile.height
					radius: 8
					border {
						width: 1
						color: "#1a000000"
					}

					ColumnLayout {
						id: editProfile
						anchors {
							left: parent.left
							right: parent.right
						}

						Label {
							id: cardHeader
							Layout.fillWidth: true
							text:
							qsTr("Edit Profile")
							padding: 16
							font {
								family:
								doesntEmbed
								? "Roboto"
								: bold.name
								weight: Font
									.Bold
								pointSize: 23
							}
						}

						Rectangle {
							Layout.fillWidth: true
							height: 1
							border {
								width: .5
								color:
								"#0a000000"
							}
						}

						ColumnLayout {
							Layout.topMargin: 16
							Layout.leftMargin: 20
							Layout.rightMargin: 20
							Layout.bottomMargin: 16

							Label {
								Layout.fillWidth: true
								Layout.bottomMargin: 9
								text: qsTr("Profile picture")
								color:
								"#747579"
								font {
									family: doesntEmbed ? "Roboto" : regular.name
									pointSize: 15
								}
							}

							RowLayout {

								Image {
									id: avatar
									Layout.rightMargin: 25.6
									source: "https://eduport.webestica.com/assets/images/avatar/07.jpg"
									sourceSize {
										width: 82
										height: 82
									}
									layer.enabled: true
									layer.effect: OpacityMask {
										maskSource: Rectangle {
											width: 82
											height: 82
											radius: 82
										}
									}
								}

								Button {
									id: uploadButton
									horizontalPadding: 16
									verticalPadding: 8
									contentItem: Text {
										color: uploadButton.down ? "#ffffff" : "#066ac9"
										text: qsTr("Change")
										horizontalAlignment: Text .AlignHCenter
										verticalAlignment: Text .AlignVCenter
										font {
											family: doesntEmbed ? "Roboto" : regular.name
											pointSize: 15
										}
									}
									background: Rectangle {
										radius: 5.2
										color: uploadButton.down ? "#066ac9" : Qt.rgba(.0235, .416, .788, .1)
										border {
											color: uploadButton.down ? "#066ac9" : "transparent"
											width: 1
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}