Add bubbles on top of EventImage to show name-date

src/qml/Chat/Timeline/EventImage.qml

@@ -6,13 +6,13 @@ HImage {
     id: image
     horizontalAlignment: Image.AlignLeft
     sourceSize.width: theme.chat.message.thumbnailWidth  // FIXME
-    source: animated ? openUrl : thumbnailUrl
+    source: animated ? openUrl : loader.previewUrl
+    animated: loader.singleMediaInfo.media_mime === "image/gif" ||
+              Utils.urlExtension(loader.mediaUrl) === "gif"
 
 
-    property url thumbnailUrl
-    property url fullImageUrl
-
-    readonly property url openUrl: fullImageUrl || thumbnailUrl
+    property EventMediaLoader loader
+    readonly property url openUrl: loader.mediaUrl || loader.previewUrl
 
 
     TapHandler {
@@ -26,4 +26,17 @@ HImage {
             eventDelegate.hoveredMediaTypeUrl =
                 hovered ? [EventDelegate.Media.Image, openUrl] : []
     }
+
+    EventImageTextBubble {
+        anchors.left: parent.left
+        anchors.top: parent.top
+        text: loader.showSender
+        textFormat: Text.StyledText
+    }
+
+    EventImageTextBubble {
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+        text: loader.showDate
+    }
 }