Separate different message delegates.

2018-07-10 12:18:21 +08:00
parent 236f8ce48b
commit 31d435e6f4
11 changed files with 170 additions and 117 deletions
--- a/qml/component/ImageBubble.qml
+++ b/qml/component/ImageBubble.qml
@@ -0,0 +1,52 @@
+import QtQuick 2.11
+import QtQuick.Controls 2.4
+import QtQuick.Controls.Material 2.4
+
+Row {
+    id: messageRow
+
+    spacing: 6
+
+    ImageStatus {
+        id: avatar
+
+        width: height
+        height: 40
+        round: false
+        visible: !sentByMe
+        source: author.avatarUrl != "" ? "image://mxc/" + author.avatarUrl : null
+        displayText: author.displayName
+
+        MouseArea {
+            anchors.fill: parent
+
+            hoverEnabled: true
+            ToolTip.visible: containsMouse
+            ToolTip.text: author.displayName
+        }
+    }
+
+    Rectangle {
+        id: messageRect
+
+        width: messageImage.implicitWidth + 24
+        height: messageImage.implicitHeight + 24
+
+        color: sentByMe ? "lightgrey" : Material.accent
+
+        Image {
+            id: messageImage
+            anchors.centerIn: parent
+            source: "image://mxc/" + content.url
+
+            MouseArea {
+                anchors.fill: parent
+
+                hoverEnabled: true
+                propagateComposedEvents: true
+                ToolTip.visible: containsMouse
+                ToolTip.text: content.body
+            }
+        }
+    }
+}