mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 13:28:11 +00:00
LibGUI: Add a search box to filter EmojiInputDialog by code point names
This commit is contained in:
parent
a885406511
commit
eeb7b153a2
4 changed files with 33 additions and 6 deletions
|
@ -17,6 +17,8 @@
|
|||
#include <LibGUI/Event.h>
|
||||
#include <LibGUI/Frame.h>
|
||||
#include <LibGUI/ScrollableContainerWidget.h>
|
||||
#include <LibGUI/TextBox.h>
|
||||
#include <LibUnicode/CharacterTypes.h>
|
||||
#include <stdlib.h>
|
||||
|
||||
namespace GUI {
|
||||
|
@ -32,6 +34,7 @@ EmojiInputDialog::EmojiInputDialog(Window* parent_window)
|
|||
resize(400, 300);
|
||||
|
||||
auto& scrollable_container = *main_widget.find_descendant_of_type_named<GUI::ScrollableContainerWidget>("scrollable_container"sv);
|
||||
m_search_box = main_widget.find_descendant_of_type_named<GUI::TextBox>("search_box"sv);
|
||||
m_emojis_widget = main_widget.find_descendant_of_type_named<GUI::Widget>("emojis"sv);
|
||||
m_emojis = supported_emoji();
|
||||
|
||||
|
@ -42,6 +45,10 @@ EmojiInputDialog::EmojiInputDialog(Window* parent_window)
|
|||
if (!is_active_window)
|
||||
close();
|
||||
};
|
||||
|
||||
m_search_box->on_change = [this]() {
|
||||
update_displayed_emoji();
|
||||
};
|
||||
}
|
||||
|
||||
auto EmojiInputDialog::supported_emoji() -> Vector<Emoji>
|
||||
|
@ -63,6 +70,7 @@ auto EmojiInputDialog::supported_emoji() -> Vector<Emoji>
|
|||
continue;
|
||||
|
||||
u32 code_point = strtoul(basename.to_string().characters() + 2, nullptr, 16);
|
||||
auto name = Unicode::code_point_display_name(code_point);
|
||||
|
||||
// FIXME: Also emit U+FE0F for single code point emojis, currently
|
||||
// they get shown as text glyphs if available.
|
||||
|
@ -82,7 +90,7 @@ auto EmojiInputDialog::supported_emoji() -> Vector<Emoji>
|
|||
done(ExecResult::OK);
|
||||
};
|
||||
|
||||
code_points.empend(code_point, move(button));
|
||||
code_points.empend(code_point, move(name), move(button));
|
||||
}
|
||||
|
||||
return code_points;
|
||||
|
@ -93,20 +101,32 @@ void EmojiInputDialog::update_displayed_emoji()
|
|||
ScopeGuard guard { [&] { m_emojis_widget->set_updates_enabled(true); } };
|
||||
m_emojis_widget->set_updates_enabled(false);
|
||||
|
||||
m_emojis_widget->remove_all_children();
|
||||
|
||||
constexpr size_t columns = 18;
|
||||
size_t rows = ceil_div(m_emojis.size(), columns);
|
||||
size_t index = 0;
|
||||
|
||||
for (size_t row = 0; row < rows && index < m_emojis.size(); ++row) {
|
||||
auto& horizontal_container = m_emojis_widget->add<Widget>();
|
||||
horizontal_container.set_preferred_height(SpecialDimension::Fit);
|
||||
|
||||
auto& horizontal_layout = horizontal_container.set_layout<HorizontalBoxLayout>();
|
||||
horizontal_layout.set_spacing(0);
|
||||
|
||||
for (size_t column = 0; column < columns; ++column) {
|
||||
if (index < m_emojis.size()) {
|
||||
bool found_match = false;
|
||||
|
||||
while (!found_match && (index < m_emojis.size())) {
|
||||
auto& emoji = m_emojis[index++];
|
||||
horizontal_container.add_child(*emoji.button);
|
||||
} else {
|
||||
horizontal_container.add<Widget>();
|
||||
|
||||
if (emoji.name.has_value())
|
||||
found_match = emoji.name->contains(m_search_box->text(), CaseSensitivity::CaseInsensitive);
|
||||
else
|
||||
found_match = m_search_box->text().is_empty();
|
||||
|
||||
if (found_match)
|
||||
horizontal_container.add_child(*emoji.button);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue