matrixion/resources/qml/delegates/ImageMessage.qml

112 lines
3.4 KiB
QML
Raw Normal View History

2021-03-05 02:35:15 +03:00
// SPDX-FileCopyrightText: 2021 Nheko Contributors
// SPDX-FileCopyrightText: 2022 Nheko Contributors
//
2021-03-05 02:35:15 +03:00
// SPDX-License-Identifier: GPL-3.0-or-later
2021-12-08 03:46:40 +03:00
import QtQuick 2.15
import QtQuick.Window 2.15
import im.nheko 1.0
2019-10-06 02:44:02 +03:00
Item {
required property int type
required property int originalWidth
required property double proportionalHeight
required property string url
required property string blurhash
required property string body
required property string filename
required property bool isReply
2021-08-29 06:20:23 +03:00
required property string eventId
2022-02-09 23:36:04 +03:00
property int maxWidth
property double tempWidth: Math.min(maxWidth, originalWidth < 1 ? 200 : originalWidth)
property double tempHeight: tempWidth * proportionalHeight
property double divisor: isReply ? 5 : 3
property bool tooHigh: tempHeight > timelineView.height / divisor
2020-10-08 22:11:21 +03:00
height: Math.round(tooHigh ? timelineView.height / divisor : tempHeight)
width: Math.round(tooHigh ? (timelineView.height / divisor) / proportionalHeight : tempWidth)
2022-02-09 23:36:04 +03:00
implicitHeight: height
implicitWidth: width
2020-10-08 22:11:21 +03:00
Image {
id: blurhash_
2020-10-08 22:11:21 +03:00
anchors.fill: parent
visible: img.status != Image.Ready
2021-11-14 04:23:10 +03:00
source: blurhash ? ("image://blurhash/" + blurhash) : ("image://colorimage/:/icons/icons/ui/image-failed.svg?" + Nheko.colors.buttonText)
2020-10-08 22:11:21 +03:00
asynchronous: true
fillMode: Image.PreserveAspectFit
sourceSize.width: parent.width * Screen.devicePixelRatio
sourceSize.height: parent.height * Screen.devicePixelRatio
2020-10-08 22:11:21 +03:00
}
Image {
id: img
2021-08-29 06:20:23 +03:00
visible: !mxcimage.loaded
2020-10-08 22:11:21 +03:00
anchors.fill: parent
source: url.replace("mxc://", "image://MxcImage/")
2020-10-08 22:11:21 +03:00
asynchronous: true
fillMode: Image.PreserveAspectFit
2020-08-21 22:46:42 +03:00
smooth: true
mipmap: true
2020-10-08 22:11:21 +03:00
sourceSize.width: Math.min(Screen.desktopAvailableWidth, originalWidth < 1 ? Screen.desktopAvailableWidth : originalWidth) * Screen.devicePixelRatio
sourceSize.height: Math.min(Screen.desktopAvailableHeight, (originalWidth < 1 ? Screen.desktopAvailableHeight : originalWidth*proportionalHeight)) * Screen.devicePixelRatio
2021-08-29 06:20:23 +03:00
}
2020-10-08 22:11:21 +03:00
2021-08-29 06:20:23 +03:00
MxcAnimatedImage {
id: mxcimage
2020-10-18 23:30:42 +03:00
2021-08-29 06:20:23 +03:00
visible: loaded
anchors.fill: parent
roomm: room
play: !Settings.animateImagesOnHover || mouseArea.hovered
2021-08-29 06:20:23 +03:00
eventId: parent.eventId
}
TapHandler {
//enabled: type == MtxEvent.ImageMessage && (img.status == Image.Ready || mxcimage.loaded)
onSingleTapped: {
TimelineManager.openImageOverlay(room, url, eventId);
eventPoint.accepted = true;
}
gesturePolicy: TapHandler.ReleaseWithinBounds
}
2021-08-29 06:20:23 +03:00
HoverHandler {
id: mouseArea
}
2020-10-18 23:30:42 +03:00
2021-08-29 06:20:23 +03:00
Item {
id: overlay
2020-10-13 23:24:42 +03:00
2021-08-29 06:20:23 +03:00
anchors.fill: parent
visible: mouseArea.hovered
2020-10-18 23:30:42 +03:00
2021-08-29 06:20:23 +03:00
Rectangle {
id: container
width: parent.width
implicitHeight: imgcaption.implicitHeight
anchors.bottom: overlay.bottom
color: Nheko.colors.window
opacity: 0.75
}
Text {
id: imgcaption
2020-10-18 23:30:42 +03:00
2021-08-29 06:20:23 +03:00
anchors.fill: container
elide: Text.ElideMiddle
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
// See this MSC: https://github.com/matrix-org/matrix-doc/pull/2530
text: filename ? filename : body
color: Nheko.colors.text
2020-10-13 23:24:42 +03:00
}
2020-10-18 23:30:42 +03:00
2020-10-13 23:24:42 +03:00
}
2020-10-18 23:30:42 +03:00
}