Improve emojis & reactions

2022-12-05 16:46:55 +00:00
parent 1f83ab4450
commit 9060de1d60
11 changed files with 422 additions and 113 deletions
--- a/src/qml/Component/Emoji/EmojiDelegate.qml
+++ b/src/qml/Component/Emoji/EmojiDelegate.qml
@@ -0,0 +1,53 @@
+// SPDX-FileCopyrightText: 2022 Tobias Fella <fella@posteo.de>
+// SPDX-License-Identifier: GPL-2.0-or-later
+
+import QtQuick 2.15
+import QtQuick.Controls 2.15 as QQC2
+import org.kde.kirigami 2.20 as Kirigami
+
+QQC2.ItemDelegate {
+    id: emojiDelegate
+
+    property string name
+    property string emoji
+    property bool showTones: false
+
+    QQC2.ToolTip.text: emojiDelegate.name
+    QQC2.ToolTip.visible: hovered
+    QQC2.ToolTip.delay: Kirigami.Units.toolTipDelay
+
+    contentItem: Item {
+        Kirigami.Heading {
+            anchors.fill: parent
+            visible: !emojiDelegate.emoji.startsWith("image")
+            text: emojiDelegate.emoji
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignVCenter
+            font.family: "emoji"
+
+            Kirigami.Icon {
+                width: Kirigami.Units.gridUnit * 0.5
+                height: Kirigami.Units.gridUnit * 0.5
+                source: "arrow-down"
+                anchors.bottom: parent.bottom
+                anchors.right: parent.right
+                visible: emojiDelegate.showTones
+            }
+        }
+        Image {
+            anchors.fill: parent
+            visible: emojiDelegate.emoji.startsWith("image")
+            source: visible ? emojiDelegate.emoji : ""
+        }
+    }
+
+    background: Rectangle {
+        color: emojiDelegate.checked ? Kirigami.Theme.highlightColor : Kirigami.Theme.backgroundColor
+
+        Rectangle {
+            anchors.fill: parent
+            color: Kirigami.Theme.highlightColor
+            opacity: emojiDelegate.hovered && !emojiDelegate.pressed ? 0.2 : 0
+        }
+    }
+}