Separate different delegates.

2018-11-22 17:15:14 +08:00
parent 1248b6f334
commit 58593015c1
5 changed files with 147 additions and 154 deletions
--- a/imports/Spectral/Component/Timeline/ImageDelegate.qml
+++ b/imports/Spectral/Component/Timeline/ImageDelegate.qml
@@ -0,0 +1,103 @@
+import QtQuick 2.9
+import QtQuick.Controls 2.2
+import QtQuick.Layouts 1.3
+import QtQuick.Controls.Material 2.2
+import QtGraphicalEffects 1.0
+
+import Spectral 0.1
+import Spectral.Setting 0.1
+
+import Spectral.Component 2.0
+import Spectral.Font 0.1
+
+ColumnLayout {
+    readonly property int alignment: sentByMe ? Qt.AlignRight : Qt.AlignLeft
+
+    readonly property bool avatarVisible: !sentByMe && (aboveAuthor !== author || aboveSection !== section || aboveEventType === "state" || aboveEventType === "emote" || aboveEventType === "other")
+    readonly property bool sentByMe: author === currentRoom.localUser
+
+    signal saveFileAs()
+    signal openExternally()
+
+    id: root
+
+    spacing: 0
+
+    Label {
+        Layout.leftMargin: 48
+
+        text: author.displayName
+
+        visible: avatarVisible
+
+        font.pixelSize: 13
+        verticalAlignment: Text.AlignVCenter
+    }
+
+    RowLayout {
+        Layout.alignment: sentByMe ? Qt.AlignRight : Qt.AlignLeft
+
+        z: -5
+
+        id: messageRow
+
+        spacing: 4
+
+        ImageItem {
+            Layout.preferredWidth: 32
+            Layout.preferredHeight: 32
+            Layout.alignment: Qt.AlignTop
+
+            visible: avatarVisible
+            hint: author.displayName
+            source: author.paintable
+        }
+
+        Label {
+            Layout.preferredWidth: 32
+            Layout.preferredHeight: 32
+            Layout.alignment: Qt.AlignTop
+
+            visible: !(sentByMe || avatarVisible)
+
+            text: Qt.formatDateTime(time, "hh:mm")
+            color: "#5B7480"
+
+            font.pixelSize: 10
+            horizontalAlignment: Label.AlignHCenter
+            verticalAlignment: Label.AlignVCenter
+        }
+
+        Image {
+            Layout.maximumWidth: messageListView.width - (!sentByMe ? 32 + messageRow.spacing : 0) - 48
+
+            id: img
+
+            source: "image://mxc/" + (content.thumbnail_url ? content.thumbnail_url : content.url)
+            sourceSize.width: Math.min(256, messageListView.width)
+            sourceSize.height: 256
+
+            layer.enabled: true
+            layer.effect: OpacityMask {
+                maskSource: Rectangle {
+                        width: img.width
+                        height: img.height
+                        radius: 24
+                    }
+            }
+
+            AutoMouseArea {
+                anchors.fill: parent
+
+                id: messageMouseArea
+
+                onSecondaryClicked: {
+                    messageContextMenu.root = root
+                    messageContextMenu.model = model
+                    messageContextMenu.selectedText = ""
+                    messageContextMenu.popup()
+                }
+            }
+        }
+    }
+}