blob: 4aa692cd6faa4876ffe518241de4950e7aadb112 (
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
|
import QtQuick 2.12
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.12
Rectangle {
id: rectangle
width: 363
height: 628
color: "#fff"
border.width: 0
property alias emailTextField: emailTextField
property alias passwordTextField: passwordTextField
property alias loginButton: loginButton
property alias laterButton: laterButton
Label {
x: 16
y: 398
color: "#2b2626"
text: qsTr("Continue with E-Mail")
font.weight: Font.Bold
wrapMode: Text.WordWrap
anchors.bottom: buttonLayout.top
anchors.bottomMargin: 16
anchors.left: parent.left
anchors.leftMargin: 16
anchors.right: parent.right
anchors.rightMargin: 88
font.family: "Google Sans"
font.pointSize: 34
}
RowLayout {
x: 34
y: 411
id: buttonLayout
width: loginButton.width
height: loginButton.height
anchors.bottom: passwordTextField.top
anchors.bottomMargin: 16
anchors.horizontalCenter: parent.horizontalCenter
TextField {
id: emailTextField
width: 303
Layout.fillWidth: true
placeholderText: "E-mail"
}
}
TextField {
id: passwordTextField
x: 34
y: 468
width: loginButton.width
height: loginButton.height
anchors.bottom: loginButton.top
anchors.bottomMargin: 16
anchors.horizontalCenter: parent.horizontalCenter
echoMode: TextInput.Password
placeholderText: qsTr("Password")
}
Button {
id: loginButton
x: 34
y: 278
width: 296
height: 36
text: qsTr("Masuk")
anchors.right: parent.right
anchors.rightMargin: 16
anchors.bottom: laterButton.top
anchors.bottomMargin: 16
anchors.left: parent.left
anchors.leftMargin: 16
contentItem: Text {
text: loginButton.text
color: "#FFF"
font.pointSize: 14
font.family: "Google Sans"
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
elide: Text.ElideRight
}
background: Rectangle {
opacity: enabled ? 1.0 : 0.3
color: laterButton.down ? "#6d22e9" : "#4F12DA"
radius: 6
}
}
Button {
id: laterButton
x: 16
y: 566
height: 36
text: qsTr("Nanti saja")
anchors.right: parent.right
anchors.rightMargin: 16
anchors.bottom: parent.bottom
anchors.bottomMargin: 16
anchors.left: parent.left
anchors.leftMargin: 16
contentItem: Text {
text: laterButton.text
color: "#6d22e9"
font.pointSize: 14
font.family: "Google Sans"
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
elide: Text.ElideRight
}
background: Rectangle {
opacity: enabled ? 0.3 : 1.0
color: laterButton.down ? "#6d22e9" : "#fff"
border.color: "#6d22e9"
border.width: 1
radius: 6
}
}
}
|
