-
Notifications
You must be signed in to change notification settings - Fork 0
/
form_page.cpp
158 lines (133 loc) · 5.93 KB
/
form_page.cpp
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
#include "example.h"
#include <rad/ui/material3/button.h>
#include <rad/ui/material3/textfield.h>
#include <rad/ui/material3/select_box.h>
#include <rad/ui/material3/checkbox.h>
#include <rad/ui/layout.h>
using namespace rad::ui;
enum class FormError : uint64_t {
none,
required_first_name = 1 << 0,
required_last_name = 1 << 1,
required_email = 1 << 2,
invalid_email = 1 << 3,
required_password = 1 << 4,
weak_password = 1 << 5,
required_job = 1 << 6,
};
OVERLOAD_ENUM_OPERATORS(FormError);
struct AccountForm : public VerticalBox {
material::Button submit_button;
material::TextField first_name_field;
material::TextField last_name_field;
material::TextField email_field;
material::TextField password_field;
material::SelectBox job_select;
VecModel<material::ComboBoxMenuItemModelData> job_items;
material::CheckBox outlined_field_check;
Property<FormError> form_error;
static void set_text_outline(material::TextField& text_field, const Property<bool>& checked) {
text_field.type = if_else(checked, material::TextFieldType::outlined, material::TextFieldType::filled);
}
AccountForm() {
horizontal_alignment = LayoutAlignment::center;
//vertical_alignment = LayoutAlignment::center;
spacing = 30;
padding.set(20);
Pixmap person_filled{ "person_FILL0_wght400_GRAD0_opsz48.png" };
Pixmap key_filled{ "key_FILL0_wght400_GRAD0_opsz24.png" };
Pixmap mail_filled{ "mail_FILL0_wght400_GRAD0_opsz24.png" };
Pixmap job_filled{ "work_FILL0_wght400_GRAD0_opsz24.png" };
Pixmap drop_down_filled{ "arrow_drop_down_FILL0_wght400_GRAD0_opsz48.png" };
first_name_field.label_text() = "First name";
first_name_field.placeholder_text() = "Type your first name!";
first_name_field.max_chars_count() = 30;
first_name_field.has_error = form_error & FormError::required_first_name;
first_name_field.supporting_text() = if_else(first_name_field.has_error, "required field"_ss, ""_ss);
first_name_field.leading_icon() = person_filled;
last_name_field.label_text() = "Last name";
last_name_field.max_chars_count() = 30;
last_name_field.has_error = form_error & FormError::required_last_name;
last_name_field.supporting_text() = if_else(last_name_field.has_error, "required field"_ss, ""_ss);
last_name_field.leading_icon() = person_filled;
email_field.label_text() = "Email";
email_field.supporting_text() = "enter a valid email address";
email_field.has_error = (form_error & FormError::required_email) || (form_error & FormError::invalid_email);
email_field.supporting_text() = if_else(email_field.has_error,
if_else(form_error & FormError::required_email, "required field"_ss, "invalid email address"_ss), ""_ss);
email_field.leading_icon() = mail_filled;
password_field.label_text() = "Password";
password_field.has_error = (form_error & FormError::required_password) || (form_error & FormError::weak_password);
password_field.supporting_text() = if_else(password_field.has_error,
if_else(form_error & FormError::required_password, "required field"_ss, "weak password"_ss), ""_ss);
password_field.leading_icon() = key_filled;
job_select.label_text() = "Job";
job_select.text_field().has_error = form_error & FormError::required_job;
job_select.text_field().supporting_text() = if_else(job_select.text_field().has_error,
"required field"_ss , ""_ss);
job_select.text_field().leading_icon() = job_filled;
job_select.text_field().trailing_icon() = drop_down_filled;
job_select.set_model(job_items);
job_items.push_item(material::ComboBoxMenuItemModelData{ .text = "c++ programmer" });
job_items.push_item(material::ComboBoxMenuItemModelData{ .text = "rust programmer" });
job_items.push_item(material::ComboBoxMenuItemModelData{ .placeholder = "none" });
submit_button.text() = "Submit";
submit_button.clicked = [this](ClickEvent) {
validate_form();
};
outlined_field_check.text() = "outlined";
set_text_outline(first_name_field, outlined_field_check.selected);
set_text_outline(last_name_field, outlined_field_check.selected);
set_text_outline(email_field, outlined_field_check.selected);
set_text_outline(password_field, outlined_field_check.selected);
set_text_outline(job_select.text_field(), outlined_field_check.selected);
add_child(first_name_field);
auto hlay = add_child(std::make_unique<HorizontalLayout>());
hlay->spacing = 20;
hlay->add_child(last_name_field);
//hlay->add_child(std::make_unique<HorizontalSpacer>());
hlay->add_child(job_select);
hlay->vertical_stretch_factor = -1;
add_child(email_field);
add_child(password_field);
add_child(submit_button);
hlay = add_child(std::make_unique<HorizontalLayout>());
hlay->add_child(outlined_field_check);
hlay->vertical_stretch_factor = -1;
}
void validate_form() {
FormError result = FormError::none;
if (first_name_field.text()().empty())
result |= FormError::required_first_name;
if (last_name_field.text()().empty())
result |= FormError::required_last_name;
if (email_field.text()().empty())
result |= FormError::required_email;
if (password_field.text()().empty())
result |= FormError::required_password;
if (job_select.text_field().text()().empty())
result |= FormError::required_job;
if (is_weak_password(password_field.text()().view()))
result |= FormError::weak_password;
form_error = result;
}
bool is_weak_password(std::u16string_view text) {
if (text.empty())
return false;
if (text.size() < 8)
return true;
bool has_capitals = false, has_smalls = false, has_digits = false;
for (auto ch : text) {
if (ch >= u'A' && ch <= 'Z')
has_capitals = true;
else if (ch >= u'a' && ch <= u'z')
has_smalls = true;
else if (ch >= u'0' && ch <= u'9')
has_digits = true;
}
return !has_smalls || !has_capitals || !has_digits;
}
};
std::unique_ptr<Item> demo::make_form_page() {
return std::make_unique<AccountForm>();
}