feature(gischat): add emoji picker

qtribu/gui/dck_qchat.py

@@ -14,6 +14,7 @@
 from qgis.PyQt.QtGui import QBrush, QColor, QIcon
 from qgis.PyQt.QtWidgets import QMessageBox, QTreeWidgetItem, QWidget
 
+# plugin
 from qtribu.__about__ import __title__
 from qtribu.constants import (
  ADMIN_MESSAGES_COLOR,
@@ -27,10 +28,9 @@
  QCHAT_NICKNAME_MINLENGTH,
  USER_MESSAGES_COLOR,
 )
+from qtribu.gui.dlg_emoji_picker import QEmojiPicker
 from qtribu.logic.qchat_client import QChatApiClient
 from qtribu.tasks.dizzy import DizzyTask
-
-# plugin
 from qtribu.toolbelt import PlgLogger, PlgOptionsManager
 from qtribu.toolbelt.commons import play_resource_sound
 from qtribu.toolbelt.preferences import PlgSettingsStructure
@@ -58,6 +58,14 @@ def __init__(self, iface: QgisInterface, parent: QWidget = None):
  self.task_manager = QgsApplication.taskManager()
  self.log = PlgLogger().log
  self.plg_settings = PlgOptionsManager()
+ self.emoji_picker = QEmojiPicker(
+ parent=self,
+ # this option can say how many emojis are in a row
+ items_per_row=8,
+ # with this enabled, the emoji search will be faster but less accurate
+ performance_search=True,
+ )
+
  uic.loadUi(Path(__file__).parent / f"{Path(__file__).stem}.ui", self)
 
  # rules and status signal listener
@@ -109,6 +117,8 @@ def __init__(self, iface: QgisInterface, parent: QWidget = None):
  self.btn_send.setIcon(
  QIcon(QgsApplication.iconPath("mActionDoubleArrowRight.svg"))
  )
+ # connect emojis picker
+ self.btn_emojis_picker.pressed.connect(self.on_emoji_picker_pressed)
 
  @property
  def settings(self) -> PlgSettingsStructure:
@@ -485,3 +495,14 @@ def check_cheatcode(self, message: dict[str, str]) -> bool:
  play_resource_sound(msg, self.settings.qchat_sound_volume)
  return True
  return False
+
+ def on_emoji_picker_pressed(self) -> Optional[str]:
+ """Display the emoji picker and insert the selected one at the end of message line edit.
+
+ :return: selected emoji
+ :rtype: str
+ """
+ selected_emoji = self.emoji_picker.select()
+ self.lne_message.insert(selected_emoji)
+
+ return selected_emoji

qtribu/gui/dck_qchat.ui

@@ -6,8 +6,8 @@
  <rect>
  <x>0</x>
  <y>0</y>
- <width>441</width>
- <height>887</height>
+ <width>341</width>
+ <height>672</height>
  </rect>
  </property>
  <property name="sizePolicy">
@@ -266,19 +266,6 @@
  </property>
  </widget>
  </item>
- <item row="3" column="1">
- <widget class="QLineEdit" name="lne_message"/>
- </item>
- <item row="4" column="1">
- <widget class="QPushButton" name="btn_send">
- <property name="cursor">
- <cursorShape>PointingHandCursor</cursorShape>
- </property>
- <property name="text">
- <string>Send message</string>
- </property>
- </widget>
- </item>
  <item row="2" column="1">
  <widget class="QLabel" name="lbl_nickname">
  <property name="cursor">
@@ -292,6 +279,45 @@
  </property>
  </widget>
  </item>
+ <item row="3" column="1">
+ <layout class="QHBoxLayout" name="horizontalLayout_2">
+ <item>
+ <widget class="QLineEdit" name="lne_message"/>
+ </item>
+ <item>
+ <widget class="QPushButton" name="btn_emojis_picker">
+ <property name="cursor">
+ <cursorShape>PointingHandCursor</cursorShape>
+ </property>
+ <property name="focusPolicy">
+ <enum>Qt::NoFocus</enum>
+ </property>
+ <property name="contextMenuPolicy">
+ <enum>Qt::NoContextMenu</enum>
+ </property>
+ <property name="toolTip">
+ <string>Pick an emoji. Not sure it'll be properly rendered for every users, still it's a bit of un.</string>
+ </property>
+ <property name="locale">
+ <locale language="English" country="UnitedStates"/>
+ </property>
+ <property name="text">
+ <string>😀</string>
+ </property>
+ </widget>
+ </item>
+ </layout>
+ </item>
+ <item row="4" column="1">
+ <widget class="QPushButton" name="btn_send">
+ <property name="cursor">
+ <cursorShape>PointingHandCursor</cursorShape>
+ </property>
+ <property name="text">
+ <string>Send message</string>
+ </property>
+ </widget>
+ </item>
  </layout>
  </widget>
  </item>