blob: 69737da61c71f52b786eb83cf23004b527184f9e (
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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
|
import QtQuick 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.12
import QtQuick.Controls.Material 2.12
Page {
id: page
title: qsTr("Log in")
property alias emailTextLabel: emailTextLabel
property alias passwordTextField: passwordTextField
Text {
id: pageTitle
text: contentView.currentItem.title
verticalAlignment: Text.AlignVCenter
wrapMode: Text.WordWrap
anchors.right: parent.right
anchors.rightMargin: 88
anchors.bottom: pageInstruction.top
anchors.bottomMargin: 8
anchors.left: parent.left
anchors.leftMargin: 16
font.pointSize: 14
font.family: "Work Sans"
font.weight: Font.Medium
}
Text {
id: pageInstruction
color: "#000000"
text: qsTr("Enter password.")
verticalAlignment: Text.AlignVCenter
wrapMode: Text.WordWrap
anchors.right: parent.right
anchors.rightMargin: 88
font.family: "Work Sans"
font.pointSize: 24
font.weight: Font.Bold
anchors.left: parent.left
anchors.leftMargin: 16
anchors.bottom: emailLayout.top
anchors.bottomMargin: 0
}
RowLayout {
id: emailLayout
anchors.right: parent.right
anchors.rightMargin: 0
anchors.left: parent.left
anchors.leftMargin: 0
anchors.bottom: passwordLayout.top
anchors.bottomMargin: 16
spacing: 8
height: 56
Image {
width: 24
height: 24
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
opacity: 0.54
sourceSize.height: 24
sourceSize.width: 24
Layout.leftMargin: 16
fillMode: Image.PreserveAspectFit
source: "../assets/email-24px.svg"
antialiasing: true
}
Label {
id: emailTextLabel
Layout.rightMargin: 16
Layout.leftMargin: 8
Layout.fillWidth: true
text: qsTr("your@email.com")
verticalAlignment: Text.AlignVCenter
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
font.pointSize: 16
font.family: "Work Sans"
color: "#8A000000"
}
}
RowLayout {
id: passwordLayout
anchors.right: parent.right
anchors.rightMargin: 0
anchors.left: parent.left
anchors.leftMargin: 0
anchors.bottom: parent.bottom
anchors.bottomMargin: 0
spacing: 8
height: 56
Image {
width: 24
height: 24
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
opacity: 0.54
sourceSize.height: 24
sourceSize.width: 24
Layout.leftMargin: 16
fillMode: Image.PreserveAspectFit
source: "../components/icons/lock-24px.svg"
antialiasing: true
}
TextField {
id: passwordTextField
Layout.rightMargin: 16
Layout.leftMargin: 8
Layout.fillWidth: true
placeholderText: qsTr("Enter password")
verticalAlignment: Text.AlignVCenter
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
font.pointSize: 16
font.family: "Work Sans"
color: "#8A000000"
echoMode: TextInput.Password
}
}
RowLayout {
id: continueLayout
height: 80
anchors.bottom: parent.bottom
anchors.bottomMargin: 0
anchors.right: parent.right
anchors.rightMargin: 0
anchors.left: parent.left
anchors.leftMargin: 0
Text {
id: disclaimer
text: qsTr("By continuing, you are agree to our Terms of Use and Privacy Policy.")
Layout.rightMargin: 16
Layout.leftMargin: 16
font.family: "Roboto"
font.pointSize: 12
color: "#FA000000"
wrapMode: Text.WordWrap
verticalAlignment: Text.AlignVCenter
rightPadding: 0
leftPadding: 0
Layout.alignment: Qt.AlignVCenter
Layout.fillWidth: true
}
RoundButton {
id: continueButton
width: 72
height: 72
Layout.preferredHeight: 64
Layout.preferredWidth: 64
Layout.minimumHeight: 64
Layout.minimumWidth: 64
Layout.rightMargin: 16
Layout.leftMargin: 16
flat: false
rightPadding: 0
leftPadding: 0
bottomPadding: 0
topPadding: 0
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
Material.background: Material.primary
display: AbstractButton.IconOnly
icon.name: "arrow-forward-icon"
icon.source: "../components/icons/arrow-forward-24px.svg"
highlighted: true
enabled: false
}
}
}
|
