diff options
| -rw-r--r-- | main/CMakeLists.txt | 5 | ||||
| -rw-r--r-- | main/data/emojichooser.ui | 410 | ||||
| -rw-r--r-- | main/src/emojichooser.c | 820 | ||||
| -rw-r--r-- | main/src/emojichooser.h | 36 | ||||
| -rw-r--r-- | main/vapi/emojichooser.vapi | 7 |
5 files changed, 1277 insertions, 1 deletions
diff --git a/main/CMakeLists.txt b/main/CMakeLists.txt index dead5348..278f3360 100644 --- a/main/CMakeLists.txt +++ b/main/CMakeLists.txt @@ -33,6 +33,7 @@ set(RESOURCE_LIST contact_details_dialog.ui conversation_list_titlebar.ui conversation_list_titlebar_csd.ui + emojichooser.ui global_search.ui conversation_selector/chat_row_tooltip.ui conversation_selector/conversation_row.ui @@ -134,6 +135,7 @@ CUSTOM_VAPIS ${CMAKE_BINARY_DIR}/exports/xmpp-vala.vapi ${CMAKE_BINARY_DIR}/exports/qlite.vapi ${CMAKE_BINARY_DIR}/exports/dino_internal.vapi + vapi/emojichooser.vapi PACKAGES ${MAIN_PACKAGES} ${MAIN_EXTRA_PACKAGES} @@ -144,8 +146,9 @@ OPTIONS ) add_definitions(${VALA_CFLAGS} -DGETTEXT_PACKAGE=\"${GETTEXT_PACKAGE}\" -DLOCALE_INSTALL_DIR=\"${LOCALE_INSTALL_DIR}\") -add_executable(dino ${MAIN_VALA_C} ${MAIN_GRESOURCES_TARGET}) +add_executable(dino ${MAIN_VALA_C} ${MAIN_GRESOURCES_TARGET} src/emojichooser.c) add_dependencies(dino ${GETTEXT_PACKAGE}-translations) +target_include_directories(dino PRIVATE src) target_link_libraries(dino libdino ${MAIN_PACKAGES}) if(WIN32) diff --git a/main/data/emojichooser.ui b/main/data/emojichooser.ui new file mode 100644 index 00000000..d47a2c22 --- /dev/null +++ b/main/data/emojichooser.ui @@ -0,0 +1,410 @@ +<?xml version="1.0" encoding="UTF-8"?> +<interface domain="gtk30"> + <template class="DinoEmojiChooser" parent="GtkPopover"> + <property name="modal">1</property> + <style> + <class name="emoji-picker"/> + </style> + <child> + <object class="GtkBox" id="box"> + <property name="orientation">vertical</property> + <property name="visible">1</property> + <child> + <object class="GtkSearchEntry" id="search_entry"> + <property name="visible">1</property> + <property name="input-hints">no-emoji</property> + <signal name="search-changed" handler="search_changed"/> + </object> + </child> + <child> + <object class="GtkStack" id="stack"> + <property name="visible">1</property> + <child> + <object class="GtkBox"> + <property name="visible">1</property> + <property name="orientation">vertical</property> + <child> + <object class="GtkScrolledWindow" id="scrolled_window"> + <property name="visible">1</property> + <property name="vexpand">1</property> + <property name="hscrollbar-policy">never</property> + <property name="min-content-height">250</property> + <style> + <class name="view"/> + </style> + <child> + <object class="GtkBox" id="emoji_box"> + <property name="visible">1</property> + <property name="orientation">vertical</property> + <property name="margin">6</property> + <property name="spacing">6</property> + <!-- Remember to keep headings here in sync with button tooltips below --> + <child> + <object class="GtkFlowBox" id="recent.box"> + <property name="visible">1</property> + <property name="homogeneous">1</property> + <property name="selection-mode">none</property> + <signal name="child-activated" handler="emoji_activated"/> + </object> + </child> + <child> + <object class="GtkLabel" id="people.heading"> + <property name="visible">1</property> + <property name="label" translatable="yes">Smileys & People</property> + <property name="xalign">0</property> + </object> + </child> + <child> + <object class="GtkFlowBox" id="people.box"> + <property name="visible">1</property> + <property name="homogeneous">1</property> + <property name="selection-mode">none</property> + <signal name="child-activated" handler="emoji_activated"/> + </object> + </child> + <child> + <object class="GtkLabel" id="body.heading"> + <property name="visible">1</property> + <property name="label" translatable="yes">Body & Clothing</property> + <property name="xalign">0</property> + </object> + </child> + <child> + <object class="GtkFlowBox" id="body.box"> + <property name="visible">1</property> + <property name="homogeneous">1</property> + <property name="selection-mode">none</property> + <signal name="child-activated" handler="emoji_activated"/> + </object> + </child> + <child> + <object class="GtkLabel" id="nature.heading"> + <property name="visible">1</property> + <property name="label" translatable="yes">Animals & Nature</property> + <property name="xalign">0</property> + </object> + </child> + <child> + <object class="GtkFlowBox" id="nature.box"> + <property name="visible">1</property> + <property name="homogeneous">1</property> + <property name="selection-mode">none</property> + <signal name="child-activated" handler="emoji_activated"/> + </object> + </child> + <child> + <object class="GtkLabel" id="food.heading"> + <property name="visible">1</property> + <property name="label" translatable="yes">Food & Drink</property> + <property name="xalign">0</property> + </object> + </child> + <child> + <object class="GtkFlowBox" id="food.box"> + <property name="visible">1</property> + <property name="homogeneous">1</property> + <property name="selection-mode">none</property> + <signal name="child-activated" handler="emoji_activated"/> + </object> + </child> + <child> + <object class="GtkLabel" id="travel.heading"> + <property name="visible">1</property> + <property name="label" translatable="yes">Travel & Places</property> + <property name="xalign">0</property> + </object> + </child> + <child> + <object class="GtkFlowBox" id="travel.box"> + <property name="visible">1</property> + <property name="homogeneous">1</property> + <property name="selection-mode">none</property> + <signal name="child-activated" handler="emoji_activated"/> + </object> + </child> + <child> + <object class="GtkLabel" id="activities.heading"> + <property name="visible">1</property> + <property name="label" translatable="yes">Activities</property> + <property name="xalign">0</property> + </object> + </child> + <child> + <object class="GtkFlowBox" id="activities.box"> + <property name="visible">1</property> + <property name="homogeneous">1</property> + <property name="selection-mode">none</property> + <signal name="child-activated" handler="emoji_activated"/> + </object> + </child> + <child> + <object class="GtkLabel" id="objects.heading"> + <property name="visible">1</property> + <property name="label" translatable="yes" context="emoji category">Objects</property> + <property name="xalign">0</property> + </object> + </child> + <child> + <object class="GtkFlowBox" id="objects.box"> + <property name="visible">1</property> + <property name="homogeneous">1</property> + <property name="selection-mode">none</property> + <signal name="child-activated" handler="emoji_activated"/> + </object> + </child> + <child> + <object class="GtkLabel" id="symbols.heading"> + <property name="visible">1</property> + <property name="label" translatable="yes">Symbols</property> + <property name="xalign">0</property> + </object> + </child> + <child> + <object class="GtkFlowBox" id="symbols.box"> + <property name="visible">1</property> + <property name="homogeneous">1</property> + <property name="selection-mode">none</property> + <signal name="child-activated" handler="emoji_activated"/> + </object> + </child> + <child> + <object class="GtkLabel" id="flags.heading"> + <property name="visible">1</property> + <property name="label" translatable="yes">Flags</property> + <property name="xalign">0</property> + </object> + </child> + <child> + <object class="GtkFlowBox" id="flags.box"> + <property name="visible">1</property> + <property name="homogeneous">1</property> + <property name="selection-mode">none</property> + <signal name="child-activated" handler="emoji_activated"/> + </object> + </child> + </object> + </child> + </object> + </child> + <child> + <object class="GtkBox"> + <property name="visible">1</property> + <!-- Remember to keep tooltips here in sync with section headings above --> + <child> + <object class="GtkButton" id="recent.button"> + <property name="visible">1</property> + <property name="relief">none</property> + <property name="tooltip-text" translatable="yes">Recent</property> + <style> + <class name="emoji-section"/> + </style> + <child> + <object class="GtkImage" id="recent.icon"> + <property name="visible">1</property> + </object> + </child> + </object> + </child> + <child> + <object class="GtkButton" id="people.button"> + <property name="visible">1</property> + <property name="relief">none</property> + <property name="tooltip-text" translatable="yes">Smileys & People</property> + <style> + <class name="emoji-section"/> + </style> + <child> + <object class="GtkImage" id="people.icon"> + <property name="visible">1</property> + </object> + </child> + </object> + </child> + <child> + <object class="GtkButton" id="body.button"> + <property name="visible">1</property> + <property name="relief">none</property> + <property name="tooltip-text" translatable="yes">Body & Clothing</property> + <style> + <class name="emoji-section"/> + </style> + <child> + <object class="GtkImage" id="body.icon"> + <property name="visible">1</property> + </object> + </child> + </object> + </child> + <child> + <object class="GtkButton" id="nature.button"> + <property name="visible">1</property> + <property name="relief">none</property> + <property name="tooltip-text" translatable="yes">Animals & Nature</property> + <style> + <class name="emoji-section"/> + </style> + <child> + <object class="GtkImage" id="nature.icon"> + <property name="visible">1</property> + </object> + </child> + </object> + </child> + <child> + <object class="GtkButton" id="food.button"> + <property name="visible">1</property> + <property name="relief">none</property> + <property name="tooltip-text" translatable="yes">Food & Drink</property> + <style> + <class name="emoji-section"/> + </style> + <child> + <object class="GtkImage" id="food.icon"> + <property name="visible">1</property> + </object> + </child> + </object> + </child> + <child> + <object class="GtkButton" id="travel.button"> + <property name="visible">1</property> + <property name="relief">none</property> + <property name="tooltip-text" translatable="yes">Travel & Places</property> + <style> + <class name="emoji-section"/> + </style> + <child> + <object class="GtkImage" id="travel.icon"> + <property name="visible">1</property> + </object> + </child> + </object> + </child> + <child> + <object class="GtkButton" id="activities.button"> + <property name="visible">1</property> + <property name="relief">none</property> + <property name="tooltip-text" translatable="yes">Activities</property> + <style> + <class name="emoji-section"/> + </style> + <child> + <object class="GtkImage" id="activities.icon"> + <property name="visible">1</property> + </object> + </child> + </object> + </child> + <child> + <object class="GtkButton" id="objects.button"> + <property name="visible">1</property> + <property name="relief">none</property> + <property name="tooltip-text" translatable="yes" context="emoji category">Objects</property> + <style> + <class name="emoji-section"/> + </style> + <child> + <object class="GtkImage" id="objects.icon"> + <property name="visible">1</property> + </object> + </child> + </object> + </child> + <child> + <object class="GtkButton" id="symbols.button"> + <property name="visible">1</property> + <property name="relief">none</property> + <property name="tooltip-text" translatable="yes">Symbols</property> + <style> + <class name="emoji-section"/> + </style> + <child> + <object class="GtkImage" id="symbols.icon"> + <property name="visible">1</property> + </object> + </child> + </object> + </child> + <child> + <object class="GtkButton" id="flags.button"> + <property name="visible">1</property> + <property name="relief">none</property> + <property name="tooltip-text" translatable="yes">Flags</property> + <style> + <class name="emoji-section"/> + </style> + <child> + <object class="GtkImage" id="flags.icon"> + <property name="visible">1</property> + </object> + </child> + </object> + </child> + </object> + </child> + </object> + <packing> + <property name="name">list</property> + </packing> + </child> + <child> + <object class="GtkGrid"> + <property name="visible">1</property> + <property name="row-spacing">12</property> + <property name="halign">center</property> + <property name="valign">center</property> + <style> + <class name="dim-label"/> + </style> + <child> + <object class="GtkImage"> + <property name="visible">1</property> + <property name="icon-name">edit-find-symbolic</property> + <property name="pixel-size">72</property> + <style> + <class name="dim-label"/> + </style> + </object> + <packing> + <property name="left-attach">0</property> + <property name="top-attach">0</property> + </packing> + </child> + <child> + <object class="GtkLabel"> + <property name="visible">1</property> + <property name="label" translatable="yes">No Results Found</property> + <attributes> + <attribute name="weight" value="bold"/> + <attribute name="scale" value="1.44"/> + </attributes> + </object> + <packing> + <property name="left-attach">0</property> + <property name="top-attach">1</property> + </packing> + </child> + <child> + <object class="GtkLabel"> + <property name="visible">1</property> + <property name="label" translatable="yes">Try a different search</property> + <style> + <class name="dim-label"/> + </style> + </object> + <packing> + <property name="left-attach">0</property> + <property name="top-attach">2</property> + </packing> + </child> + </object> + <packing> + <property name="name">empty</property> + </packing> + </child> + </object> + </child> + </object> + </child> + </template> +</interface> diff --git a/main/src/emojichooser.c b/main/src/emojichooser.c new file mode 100644 index 00000000..f8c0c51c --- /dev/null +++ b/main/src/emojichooser.c @@ -0,0 +1,820 @@ +/* gtkemojichooser.c: An Emoji chooser widget + * Copyright 2017, Red Hat, Inc. + * + * This library is free software; you can redistribute it and/or + * modify it under the terms of the GNU Lesser General Public + * License as published by the Free Software Foundation; either + * version 2 of the License, or (at your option) any later version. + * + * This library is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this library. If not, see <http://www.gnu.org/licenses/>. + */ + +#include "emojichooser.h" + +#define BOX_SPACE 6 + +typedef struct { + GtkWidget *box; + GtkWidget *heading; + GtkWidget *button; + const char *first; + gunichar label; + gboolean empty; +} EmojiSection; + +struct _DinoEmojiChooser +{ + GtkPopover parent_instance; + + GtkWidget *search_entry; + GtkWidget *stack; + GtkWidget *scrolled_window; + + int emoji_max_width; + + EmojiSection recent; + EmojiSection people; + EmojiSection body; + EmojiSection nature; + EmojiSection food; + EmojiSection travel; + EmojiSection activities; + EmojiSection objects; + EmojiSection symbols; + EmojiSection flags; + + GtkGesture *recent_long_press; + GtkGesture *recent_multi_press; + GtkGesture *people_long_press; + GtkGesture *people_multi_press; + GtkGesture *body_long_press; + GtkGesture *body_multi_press; + + GVariant *data; + GtkWidget *box; + GVariantIter *iter; + guint populate_idle; + + GSettings *settings; +}; + +struct _DinoEmojiChooserClass { + GtkPopoverClass parent_class; + gboolean (* popover_button_release_event) (GtkWidget *widget, + GdkEventButton *event); +}; + +enum { + EMOJI_PICKED, + LAST_SIGNAL +}; + +static int signals[LAST_SIGNAL]; + +G_DEFINE_TYPE (DinoEmojiChooser, dino_emoji_chooser, GTK_TYPE_POPOVER) + +static void +dino_emoji_chooser_finalize (GObject *object) +{ + DinoEmojiChooser *chooser = DINO_EMOJI_CHOOSER (object); + + if (chooser->populate_idle) + g_source_remove (chooser->populate_idle); + + g_variant_unref (chooser->data); + g_object_unref (chooser->settings); + + g_clear_object (&chooser->recent_long_press); + g_clear_object (&chooser->recent_multi_press); + g_clear_object (&chooser->people_long_press); + g_clear_object (&chooser->people_multi_press); + g_clear_object (&chooser->body_long_press); + g_clear_object (&chooser->body_multi_press); + + G_OBJECT_CLASS (dino_emoji_chooser_parent_class)->finalize (object); +} + +static void +scroll_to_section (GtkButton *button, + gpointer data) +{ + EmojiSection *section = data; + DinoEmojiChooser *chooser; + GtkAdjustment *adj; + GtkAllocation alloc = { 0, 0, 0, 0 }; + + chooser = DINO_EMOJI_CHOOSER (gtk_widget_get_ancestor (GTK_WIDGET (button), GTK_TYPE_EMOJI_CHOOSER)); + + adj = gtk_scrolled_window_get_vadjustment (GTK_SCROLLED_WINDOW (chooser->scrolled_window)); + + if (section->heading) + gtk_widget_get_allocation (section->heading, &alloc); + + gtk_adjustment_set_value (adj, alloc.y - BOX_SPACE); +} + +static void +add_emoji (GtkWidget *box, + gboolean prepend, + GVariant *item, + gunichar modifier, + DinoEmojiChooser *chooser); + +#define MAX_RECENT (7*3) + +static void +populate_recent_section (DinoEmojiChooser *chooser) +{ + GVariant *variant; + GVariant *item; + GVariantIter iter; + gboolean empty = FALSE; + + variant = g_settings_get_value (chooser->settings, "recent-emoji"); + g_variant_iter_init (&iter, variant); + while ((item = g_variant_iter_next_value (&iter))) + { + GVariant *emoji_data; + gunichar modifier; + + emoji_data = g_variant_get_child_value (item, 0); + g_variant_get_child (item, 1, "u", &modifier); + add_emoji (chooser->recent.box, FALSE, emoji_data, modifier, chooser); + g_variant_unref (emoji_data); + g_variant_unref (item); + empty = FALSE; + } + + if (!empty) + { + gtk_widget_show (chooser->recent.box); + gtk_widget_set_sensitive (chooser->recent.button, TRUE); + } + g_variant_unref (variant); +} + +static void +add_recent_item (DinoEmojiChooser *chooser, + GVariant *item, + gunichar modifier) +{ + GList *children, *l; + int i; + GVariantBuilder builder; + + g_variant_ref (item); + + g_variant_builder_init (&builder, G_VARIANT_TYPE ("a((auss)u)")); + g_variant_builder_add (&builder, "(@(auss)u)", item, modifier); + + children = gtk_container_get_children (GTK_CONTAINER (chooser->recent.box)); + for (l = children, i = 1; l; l = l->next, i++) + { + GVariant *item2 = g_object_get_data (G_OBJECT (l->data), "emoji-data"); + gunichar modifier2 = GPOINTER_TO_UINT (g_object_get_data (G_OBJECT (l->data), "modifier")); + + if (modifier == modifier2 && g_variant_equal (item, item2)) + { + gtk_widget_destroy (GTK_WIDGET (l->data)); + i--; + continue; + } + if (i >= MAX_RECENT) + { + gtk_widget_destroy (GTK_WIDGET (l->data)); + continue; + } + + g_variant_builder_add (&builder, "(@(auss)u)", item2, modifier2); + } + g_list_free (children); + + add_emoji (chooser->recent.box, TRUE, item, modifier, chooser); + + /* Enable recent */ + gtk_widget_show (chooser->recent.box); + gtk_widget_set_sensitive (chooser->recent.button, TRUE); + + g_settings_set_value (chooser->settings, "recent-emoji", g_variant_builder_end (&builder)); + + g_variant_unref (item); +} + +static void +emoji_activated (GtkFlowBox *box, + GtkFlowBoxChild *child, + gpointer data) +{ + DinoEmojiChooser *chooser = data; + char *text; + GtkWidget *ebox; + GtkWidget *label; + GVariant *item; + gunichar modifier; + + gtk_popover_popdown (GTK_POPOVER (chooser)); + + ebox = gtk_bin_get_child (GTK_BIN (child)); + label = gtk_bin_get_child (GTK_BIN (ebox)); + text = g_strdup (gtk_label_get_label (GTK_LABEL (label))); + + item = (GVariant*) g_object_get_data (G_OBJECT (child), "emoji-data"); + modifier = (gunichar) GPOINTER_TO_UINT (g_object_get_data (G_OBJECT (child), "modifier")); + add_recent_item (chooser, item, modifier); + + g_signal_emit (data, signals[EMOJI_PICKED], 0, text); + g_free (text); +} + +static gboolean +has_variations (GVariant *emoji_data) +{ + GVariant *codes; + int i; + gboolean has_variations; + + has_variations = FALSE; + codes = g_variant_get_child_value (emoji_data, 0); + for (i = 0; i < g_variant_n_children (codes); i++) + { + gunichar code; + g_variant_get_child (codes, i, "u", &code); + if (code == 0) + { + has_variations = TRUE; + break; + } + } + g_variant_unref (codes); + + return has_variations; +} + +static void +show_variations (DinoEmojiChooser *chooser, + GtkWidget *child) +{ + GtkWidget *popover; + GtkWidget *view; + GtkWidget *box; + GVariant *emoji_data; + GtkWidget *parent_popover; + gunichar modifier; + + if (!child) + return; + + emoji_data = (GVariant*) g_object_get_data (G_OBJECT (child), "emoji-data"); + if (!emoji_data) + return; + + if (!has_variations (emoji_data)) + return; + + parent_popover = gtk_widget_get_ancestor (child, GTK_TYPE_POPOVER); + popover = gtk_popover_new (child); + view = gtk_box_new (GTK_ORIENTATION_HORIZONTAL, 0); + gtk_style_context_add_class (gtk_widget_get_style_context (view), "view"); + box = gtk_flow_box_new (); + gtk_flow_box_set_homogeneous (GTK_FLOW_BOX (box), TRUE); + gtk_flow_box_set_min_children_per_line (GTK_FLOW_BOX (box), 6); + gtk_flow_box_set_max_children_per_line (GTK_FLOW_BOX (box), 6); + gtk_flow_box_set_activate_on_single_click (GTK_FLOW_BOX (box), TRUE); + gtk_flow_box_set_selection_mode (GTK_FLOW_BOX (box), GTK_SELECTION_NONE); + gtk_container_add (GTK_CONTAINER (popover), view); + gtk_container_add (GTK_CONTAINER (view), box); + + g_signal_connect (box, "child-activated", G_CALLBACK (emoji_activated), parent_popover); + + add_emoji (box, FALSE, emoji_data, 0, chooser); + for (modifier = 0x1f3fb; modifier <= 0x1f3ff; modifier++) + add_emoji (box, FALSE, emoji_data, modifier, chooser); + + gtk_widget_show_all (view); + gtk_popover_popup (GTK_POPOVER (popover)); +} + +static void +update_hover (GtkWidget *widget, + GdkEvent *event, + gpointer data) +{ + if (event->type == GDK_ENTER_NOTIFY) + gtk_widget_set_state_flags (widget, GTK_STATE_FLAG_PRELIGHT, FALSE); + else + gtk_widget_unset_state_flags (widget, GTK_STATE_FLAG_PRELIGHT); +} + +static void +long_pressed_cb (GtkGesture *gesture, + double x, + double y, + gpointer data) +{ + DinoEmojiChooser *chooser = data; + GtkWidget *box; + GtkWidget *child; + + box = gtk_event_controller_get_widget (GTK_EVENT_CONTROLLER (gesture)); + child = GTK_WIDGET (gtk_flow_box_get_child_at_pos (GTK_FLOW_BOX (box), x, y)); + show_variations (chooser, child); +} + +static void +pressed_cb (GtkGesture *gesture, + int n_press, + double x, + double y, + gpointer data) +{ + DinoEmojiChooser *chooser = data; + GtkWidget *box; + GtkWidget *child; + + box = gtk_event_controller_get_widget (GTK_EVENT_CONTROLLER (gesture)); + child = GTK_WIDGET (gtk_flow_box_get_child_at_pos (GTK_FLOW_BOX (box), x, y)); + show_variations (chooser, child); +} + +static gboolean +popup_menu (GtkWidget *widget, + gpointer data) +{ + DinoEmojiChooser *chooser = data; + + show_variations (chooser, widget); + return TRUE; +} + +static void +add_emoji (GtkWidget *box, + gboolean prepend, + GVariant *item, + gunichar modifier, + DinoEmojiChooser *chooser) +{ + GtkWidget *child; + GtkWidget *ebox; + GtkWidget *label; + PangoAttrList *attrs; + GVariant *codes; + char text[64]; + char *p = text; + int i; + PangoLayout *layout; + PangoRectangle rect; + + codes = g_variant_get_child_value (item, 0); + for (i = 0; i < g_variant_n_children (codes); i++) + { + gunichar code; + + g_variant_get_child (codes, i, "u", &code); + if (code == 0) + code = modifier; + if (code != 0) + p += g_unichar_to_utf8 (code, p); + } + g_variant_unref (codes); + p += g_unichar_to_utf8 (0xFE0F, p); /* U+FE0F is the Emoji variation selector */ + p[0] = 0; + + label = gtk_label_new (text); + attrs = pango_attr_list_new (); + pango_attr_list_insert (attrs, pango_attr_scale_new (PANGO_SCALE_X_LARGE)); + gtk_label_set_attributes (GTK_LABEL (label), attrs); + pango_attr_list_unref (attrs); + + layout = gtk_label_get_layout (GTK_LABEL (label)); + pango_layout_get_extents (layout, &rect, NULL); + + /* Check for fallback rendering that generates too wide items */ + if (pango_layout_get_unknown_glyphs_count (layout) > 0 || + rect.width >= 1.5 * chooser->emoji_max_width) + { + gtk_widget_destroy (label); + return; + } + + child = gtk_flow_box_child_new (); + gtk_style_context_add_class (gtk_widget_get_style_context (child), "emoji"); + g_object_set_data_full (G_OBJECT (child), "emoji-data", + g_variant_ref (item), + (GDestroyNotify)g_variant_unref); + if (modifier != 0) + g_object_set_data (G_OBJECT (child), "modifier", GUINT_TO_POINTER (modifier)); + + ebox = gtk_event_box_new (); + gtk_widget_add_events (ebox, GDK_ENTER_NOTIFY_MASK | GDK_LEAVE_NOTIFY_MASK); + g_signal_connect (ebox, "enter-notify-event", G_CALLBACK (update_hover), FALSE); + g_signal_connect (ebox, "leave-notify-event", G_CALLBACK (update_hover), FALSE); + gtk_container_add (GTK_CONTAINER (child), ebox); + gtk_container_add (GTK_CONTAINER (ebox), label); + gtk_widget_show_all (child); + + if (chooser) + g_signal_connect (child, "popup-menu", G_CALLBACK (popup_menu), chooser); + + gtk_flow_box_insert (GTK_FLOW_BOX (box), child, prepend ? 0 : -1); +} + +static gboolean +populate_emoji_chooser (gpointer data) +{ + DinoEmojiChooser *chooser = data; + GBytes *bytes = NULL; + GVariant *item; + guint64 start, now; + + start = g_get_monotonic_time (); + + if (!chooser->data) + { + bytes = g_resources_lookup_data ("/org/gtk/libgtk/emoji/emoji.data", 0, NULL); + chooser->data = g_variant_ref_sink (g_variant_new_from_bytes (G_VARIANT_TYPE ("a(auss)"), bytes, TRUE)); + } + + if (!chooser->iter) + { + chooser->iter = g_variant_iter_new (chooser->data); + chooser->box = chooser->people.box; + } + while ((item = g_variant_iter_next_value (chooser->iter))) + { + const char *name; + + g_variant_get_child (item, 1, "&s", &name); + + if (strcmp (name, chooser->body.first) == 0) + chooser->box = chooser->body.box; + else if (strcmp (name, chooser->nature.first) == 0) + chooser->box = chooser->nature.box; + else if (strcmp (name, chooser->food.first) == 0) + chooser->box = chooser->food.box; + else if (strcmp (name, chooser->travel.first) == 0) + chooser->box = chooser->travel.box; + else if (strcmp (name, chooser->activities.first) == 0) + chooser->box = chooser->activities.box; + else if (strcmp (name, chooser->objects.first) == 0) + chooser->box = chooser->objects.box; + else if (strcmp (name, chooser->symbols.first) == 0) + chooser->box = chooser->symbols.box; + else if (strcmp (name, chooser->flags.first) == 0) + chooser->box = chooser->flags.box; + + add_emoji (chooser->box, FALSE, item, 0, chooser); + g_variant_unref (item); + + now = g_get_monotonic_time (); + if (now > start + 8000) + return G_SOURCE_CONTINUE; + } + + /* We scroll to the top on show, so check the right button for the 1st time */ + gtk_widget_set_state_flags (chooser->recent.button, GTK_STATE_FLAG_CHECKED, FALSE); + + g_variant_iter_free (chooser->iter); + chooser->iter = NULL; + chooser->box = NULL; + chooser->populate_idle = 0; + + return G_SOURCE_REMOVE; +} + +static void +adj_value_changed (GtkAdjustment *adj, + gpointer data) +{ + DinoEmojiChooser *chooser = data; + double value = gtk_adjustment_get_value (adj); + EmojiSection const *sections[] = { + &chooser->recent, + &chooser->people, + &chooser->body, + &chooser->nature, + &chooser->food, + &chooser->travel, + &chooser->activities, + &chooser->objects, + &chooser->symbols, + &chooser->flags, + }; + EmojiSection const *select_section = sections[0]; + gsize i; + + /* Figure out which section the current scroll position is within */ + for (i = 0; i < G_N_ELEMENTS (sections); ++i) + { + EmojiSection const *section = sections[i]; + GtkAllocation alloc; + + if (section->heading) + gtk_widget_get_allocation (section->heading, &alloc); + else + gtk_widget_get_allocation (section->box, &alloc); + + if (value < alloc.y - BOX_SPACE) + break; + + select_section = section; + } + + /* Un/Check the section buttons accordingly */ + for (i = 0; i < G_N_ELEMENTS (sections); ++i) + { + EmojiSection const *section = sections[i]; + + if (section == select_section) + gtk_widget_set_state_flags (section->button, GTK_STATE_FLAG_CHECKED, FALSE); + else + gtk_widget_unset_state_flags (section->button, GTK_STATE_FLAG_CHECKED); + } +} + +static gboolean +filter_func (GtkFlowBoxChild *child, + gpointer data) +{ + EmojiSection *section = data; + DinoEmojiChooser *chooser; + GVariant *emoji_data; + const char *text; + const char *name; + gboolean res; + + res = TRUE; + + chooser = DINO_EMOJI_CHOOSER (gtk_widget_get_ancestor (GTK_WIDGET (child), GTK_TYPE_EMOJI_CHOOSER)); + text = gtk_entry_get_text (GTK_ENTRY (chooser->search_entry)); + emoji_data = (GVariant *) g_object_get_data (G_OBJECT (child), "emoji-data"); + + if (text[0] == 0) + goto out; + + if (!emoji_data) + goto out; + + g_variant_get_child (emoji_data, 1, "&s", &name); + res = g_str_match_string (text, name, TRUE); + +out: + if (res) + section->empty = FALSE; + + return res; +} + +static void +invalidate_section (EmojiSection *section) +{ + section->empty = TRUE; + gtk_flow_box_invalidate_filter (GTK_FLOW_BOX (section->box)); +} + +static void +update_headings (DinoEmojiChooser *chooser) +{ + gtk_widget_set_visible (chooser->people.heading, !chooser->people.empty); + gtk_widget_set_visible (chooser->people.box, !chooser->people.empty); + gtk_widget_set_visible (chooser->body.heading, !chooser->body.empty); + gtk_widget_set_visible (chooser->body.box, !chooser->body.empty); + gtk_widget_set_visible (chooser->nature.heading, !chooser->nature.empty); + gtk_widget_set_visible (chooser->nature.box, !chooser->nature.empty); + gtk_widget_set_visible (chooser->food.heading, !chooser->food.empty); + gtk_widget_set_visible (chooser->food.box, !chooser->food.empty); + gtk_widget_set_visible (chooser->travel.heading, !chooser->travel.empty); + gtk_widget_set_visible (chooser->travel.box, !chooser->travel.empty); + gtk_widget_set_visible (chooser->activities.heading, !chooser->activities.empty); + gtk_widget_set_visible (chooser->activities.box, !chooser->activities.empty); + gtk_widget_set_visible (chooser->objects.heading, !chooser->objects.empty); + gtk_widget_set_visible (chooser->objects.box, !chooser->objects.empty); + gtk_widget_set_visible (chooser->symbols.heading, !chooser->symbols.empty); + gtk_widget_set_visible (chooser->symbols.box, !chooser->symbols.empty); + gtk_widget_set_visible (chooser->flags.heading, !chooser->flags.empty); + gtk_widget_set_visible (chooser->flags.box, !chooser->flags.empty); + + if (chooser->recent.empty && chooser->people.empty && + chooser->body.empty && chooser->nature.empty && + chooser->food.empty && chooser->travel.empty && + chooser->activities.empty && chooser->objects.empty && + chooser->symbols.empty && chooser->flags.empty) + gtk_stack_set_visible_child_name (GTK_STACK (chooser->stack), "empty"); + else + gtk_stack_set_visible_child_name (GTK_STACK (chooser->stack), "list"); +} + +static void +search_changed (GtkEntry *entry, + gpointer data) +{ + DinoEmojiChooser *chooser = data; + + invalidate_section (&chooser->recent); + invalidate_section (&chooser->people); + invalidate_section (&chooser->body); + invalidate_section (&chooser->nature); + invalidate_section (&chooser->food); + invalidate_section (&chooser->travel); + invalidate_section (&chooser->activities); + invalidate_section (&chooser->objects); + invalidate_section (&chooser->symbols); + invalidate_section (&chooser->flags); + + update_headings (chooser); +} + +static void +setup_section (DinoEmojiChooser *chooser, + EmojiSection *section, + const char *first, + const char *icon) +{ + GtkAdjustment *adj; + GtkWidget *image; + + section->first = first; + + image = gtk_bin_get_child (GTK_BIN (section->button)); + gtk_image_set_from_icon_name (GTK_IMAGE (image), icon, GTK_ICON_SIZE_BUTTON); + + adj = gtk_scrolled_window_get_vadjustment (GTK_SCROLLED_WINDOW (chooser->scrolled_window)); + + gtk_container_set_focus_vadjustment (GTK_CONTAINER (section->box), adj); + gtk_flow_box_set_filter_func (GTK_FLOW_BOX (section->box), filter_func, section, NULL); + g_signal_connect (section->button, "clicked", G_CALLBACK (scroll_to_section), section); +} + +static void +dino_emoji_chooser_init (DinoEmojiChooser *chooser) +{ + GtkAdjustment *adj; + + chooser->settings = g_settings_new ("org.gtk.Settings.EmojiChooser"); + + gtk_widget_init_template (GTK_WIDGET (chooser)); + + /* Get a reasonable maximum width for an emoji. We do this to + * skip overly wide fallback rendering for certain emojis the + * font does not contain and therefore end up being rendered + * as multiply glyphs. + */ + { + PangoLayout *layout = gtk_widget_create_pango_layout (GTK_WIDGET (chooser), "🙂"); + PangoAttrList *attrs; + PangoRectangle rect; + + attrs = pango_attr_list_new (); + pango_attr_list_insert (attrs, pango_attr_scale_new (PANGO_SCALE_X_LARGE)); + pango_layout_set_attributes (layout, attrs); + pango_attr_list_unref (attrs); + + pango_layout_get_extents (layout, &rect, NULL); + chooser->emoji_max_width = rect.width; + + g_object_unref (layout); + } + + chooser->recent_long_press = gtk_gesture_long_press_new (chooser->recent.box); + g_signal_connect (chooser->recent_long_press, "pressed", G_CALLBACK (long_pressed_cb), chooser); + chooser->recent_multi_press = gtk_gesture_multi_press_new (chooser->recent.box); + gtk_gesture_single_set_button (GTK_GESTURE_SINGLE (chooser->recent_multi_press), GDK_BUTTON_SECONDARY); + g_signal_connect (chooser->recent_multi_press, "pressed", G_CALLBACK (pressed_cb), chooser); + + chooser->people_long_press = gtk_gesture_long_press_new (chooser->people.box); + g_signal_connect (chooser->people_long_press, "pressed", G_CALLBACK (long_pressed_cb), chooser); + chooser->people_multi_press = gtk_gesture_multi_press_new (chooser->people.box); + gtk_gesture_single_set_button (GTK_GESTURE_SINGLE (chooser->people_multi_press), GDK_BUTTON_SECONDARY); + g_signal_connect (chooser->people_multi_press, "pressed", G_CALLBACK (pressed_cb), chooser); + + chooser->body_long_press = gtk_gesture_long_press_new (chooser->body.box); + g_signal_connect (chooser->body_long_press, "pressed", G_CALLBACK (long_pressed_cb), chooser); + chooser->body_multi_press = gtk_gesture_multi_press_new (chooser->body.box); + gtk_gesture_single_set_button (GTK_GESTURE_SINGLE (chooser->body_multi_press), GDK_BUTTON_SECONDARY); + g_signal_connect (chooser->body_multi_press, "pressed", G_CALLBACK (pressed_cb), chooser); + + adj = gtk_scrolled_window_get_vadjustment (GTK_SCROLLED_WINDOW (chooser->scrolled_window)); + g_signal_connect (adj, "value-changed", G_CALLBACK (adj_value_changed), chooser); + + setup_section (chooser, &chooser->recent, NULL, "emoji-recent-symbolic"); + setup_section (chooser, &chooser->people, "grinning face", "emoji-people-symbolic"); + setup_section (chooser, &chooser->body, "selfie", "emoji-body-symbolic"); + setup_section (chooser, &chooser->nature, "monkey face", "emoji-nature-symbolic"); + setup_section (chooser, &chooser->food, "grapes", "emoji-food-symbolic"); + setup_section (chooser, &chooser->travel, "globe showing Europe-Africa", "emoji-travel-symbolic"); + setup_section (chooser, &chooser->activities, "jack-o-lantern", "emoji-activities-symbolic"); + setup_section (chooser, &chooser->objects, "muted speaker", "emoji-objects-symbolic"); + setup_section (chooser, &chooser->symbols, "ATM sign", "emoji-symbols-symbolic"); + setup_section (chooser, &chooser->flags, "chequered flag", "emoji-flags-symbolic"); + + populate_recent_section (chooser); + + chooser->populate_idle = g_idle_add (populate_emoji_chooser, chooser); + g_source_set_name_by_id (chooser->populate_idle, "[gtk] populate_emoji_chooser"); +} + +static void +dino_emoji_chooser_show (GtkWidget *widget) +{ + DinoEmojiChooser *chooser = DINO_EMOJI_CHOOSER (widget); + GtkAdjustment *adj; + + GTK_WIDGET_CLASS (dino_emoji_chooser_parent_class)->show (widget); + + adj = gtk_scrolled_window_get_vadjustment (GTK_SCROLLED_WINDOW (chooser->scrolled_window)); + gtk_adjustment_set_value (adj, 0); + + gtk_entry_set_text (GTK_ENTRY (chooser->search_entry), ""); +} + +static gboolean +dino_emoji_chooser_button_release (GtkWidget *widget, + GdkEventButton *event) +{ + DinoEmojiChooserClass *klass = DINO_EMOJI_CHOOSER_GET_CLASS(widget); + GtkWidget *event_widget = gtk_get_event_widget ((GdkEvent *) event); + if (!event_widget && event->window != gtk_widget_get_window (widget)) + { + return GDK_EVENT_PROPAGATE; + } + return klass->popover_button_release_event (widget, event); +} + +static void +dino_emoji_chooser_class_init (DinoEmojiChooserClass *klass) +{ + GObjectClass *object_class = G_OBJECT_CLASS (klass); + GtkWidgetClass *widget_class = GTK_WIDGET_CLASS (klass); + + object_class->finalize = dino_emoji_chooser_finalize; + widget_class->show = dino_emoji_chooser_show; + klass->popover_button_release_event = widget_class->button_release_event; + widget_class->button_release_event = dino_emoji_chooser_button_release; + + signals[EMOJI_PICKED] = g_signal_new ("emoji-picked", + G_OBJECT_CLASS_TYPE (object_class), + G_SIGNAL_RUN_LAST, + 0, + NULL, NULL, + NULL, + G_TYPE_NONE, 1, G_TYPE_STRING|G_SIGNAL_TYPE_STATIC_SCOPE); + + gtk_widget_class_set_template_from_resource (widget_class, "/im/dino/Dino/emojichooser.ui"); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, search_entry); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, stack); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, scrolled_window); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, recent.box); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, recent.button); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, people.box); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, people.heading); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, people.button); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, body.box); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, body.heading); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, body.button); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, nature.box); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, nature.heading); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, nature.button); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, food.box); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, food.heading); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, food.button); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, travel.box); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, travel.heading); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, travel.button); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, activities.box); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, activities.heading); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, activities.button); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, objects.box); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, objects.heading); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, objects.button); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, symbols.box); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, symbols.heading); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, symbols.button); + + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, flags.box); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, flags.heading); + gtk_widget_class_bind_template_child (widget_class, DinoEmojiChooser, flags.button); + + gtk_widget_class_bind_template_callback (widget_class, emoji_activated); + gtk_widget_class_bind_template_callback (widget_class, search_changed); +} + +GtkWidget * +dino_emoji_chooser_new (void) +{ + return GTK_WIDGET (g_object_new (GTK_TYPE_EMOJI_CHOOSER, NULL)); +} diff --git a/main/src/emojichooser.h b/main/src/emojichooser.h new file mode 100644 index 00000000..3e459431 --- /dev/null +++ b/main/src/emojichooser.h @@ -0,0 +1,36 @@ +/* gtkemojichooser.h: An Emoji chooser widget + * Copyright 2017, Red Hat, Inc. + * + * This library is free software; you can redistribute it and/or + * modify it under the terms of the GNU Lesser General Public + * License as published by the Free Software Foundation; either + * version 2 of the License, or (at your option) any later version. + * + * This library is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this library. If not, see <http://www.gnu.org/licenses/>. + */ + +#pragma once +#include <gtk/gtk.h> + +G_BEGIN_DECLS + +#define GTK_TYPE_EMOJI_CHOOSER (dino_emoji_chooser_get_type ()) +#define DINO_EMOJI_CHOOSER(obj) (G_TYPE_CHECK_INSTANCE_CAST ((obj), GTK_TYPE_EMOJI_CHOOSER, DinoEmojiChooser)) +#define DINO_EMOJI_CHOOSER_CLASS(klass) (G_TYPE_CHECK_CLASS_CAST ((klass), GTK_TYPE_EMOJI_CHOOSER, DinoEmojiChooserClass)) +#define GTK_IS_EMOJI_CHOOSER(obj) (G_TYPE_CHECK_INSTANCE_TYPE ((obj), GTK_TYPE_EMOJI_CHOOSER)) +#define GTK_IS_EMOJI_CHOOSER_CLASS(klass) (G_TYPE_CHECK_CLASS_TYPE ((klass), GTK_TYPE_EMOJI_CHOOSER)) +#define DINO_EMOJI_CHOOSER_GET_CLASS(obj) (G_TYPE_INSTANCE_GET_CLASS ((obj), GTK_TYPE_EMOJI_CHOOSER, DinoEmojiChooserClass)) + +typedef struct _DinoEmojiChooser DinoEmojiChooser; +typedef struct _DinoEmojiChooserClass DinoEmojiChooserClass; + +GType dino_emoji_chooser_get_type (void) G_GNUC_CONST; +GtkWidget *dino_emoji_chooser_new (void); + +G_END_DECLS diff --git a/main/vapi/emojichooser.vapi b/main/vapi/emojichooser.vapi new file mode 100644 index 00000000..f29e52d3 --- /dev/null +++ b/main/vapi/emojichooser.vapi @@ -0,0 +1,7 @@ +namespace Dino { + [CCode (cheader_filename = "emojichooser.h")] + class EmojiChooser : Gtk.Popover { + public signal void emoji_picked(string text); + public EmojiChooser(); + } +} |