2021-03-05 02:35:15 +03:00
|
|
|
// SPDX-FileCopyrightText: 2021 Nheko Contributors
|
|
|
|
//
|
|
|
|
// SPDX-License-Identifier: GPL-3.0-or-later
|
|
|
|
|
2021-02-14 03:28:28 +03:00
|
|
|
import QtQuick 2.12
|
2019-11-30 03:43:39 +03:00
|
|
|
import im.nheko 1.0
|
2019-10-06 02:44:02 +03:00
|
|
|
|
2019-09-08 13:44:46 +03:00
|
|
|
Item {
|
2020-10-08 22:11:21 +03:00
|
|
|
property double tempWidth: Math.min(parent ? parent.width : undefined, model.data.width < 1 ? parent.width : model.data.width)
|
|
|
|
property double tempHeight: tempWidth * model.data.proportionalHeight
|
|
|
|
property double divisor: model.isReply ? 4 : 2
|
|
|
|
property bool tooHigh: tempHeight > timelineRoot.height / divisor
|
|
|
|
|
|
|
|
height: Math.round(tooHigh ? timelineRoot.height / divisor : tempHeight)
|
|
|
|
width: Math.round(tooHigh ? (timelineRoot.height / divisor) / model.data.proportionalHeight : tempWidth)
|
|
|
|
|
|
|
|
Image {
|
|
|
|
id: blurhash
|
|
|
|
|
|
|
|
anchors.fill: parent
|
|
|
|
visible: img.status != Image.Ready
|
|
|
|
source: model.data.blurhash ? ("image://blurhash/" + model.data.blurhash) : ("image://colorimage/:/icons/icons/ui/do-not-disturb-rounded-sign@2x.png?" + colors.buttonText)
|
|
|
|
asynchronous: true
|
|
|
|
fillMode: Image.PreserveAspectFit
|
|
|
|
sourceSize.width: parent.width
|
|
|
|
sourceSize.height: parent.height
|
|
|
|
}
|
|
|
|
|
|
|
|
Image {
|
|
|
|
id: img
|
|
|
|
|
|
|
|
anchors.fill: parent
|
|
|
|
source: model.data.url.replace("mxc://", "image://MxcImage/")
|
|
|
|
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
|
|
|
|
2021-02-14 03:28:28 +03:00
|
|
|
TapHandler {
|
2020-10-08 22:11:21 +03:00
|
|
|
enabled: model.data.type == MtxEvent.ImageMessage && img.status == Image.Ready
|
2021-02-14 03:28:28 +03:00
|
|
|
onSingleTapped: TimelineManager.openImageOverlay(model.data.url, model.data.id)
|
|
|
|
}
|
|
|
|
|
|
|
|
HoverHandler {
|
|
|
|
id: mouseArea
|
2020-10-08 22:11:21 +03:00
|
|
|
}
|
|
|
|
|
2020-10-13 23:24:42 +03:00
|
|
|
Item {
|
|
|
|
id: overlay
|
2020-10-18 23:30:42 +03:00
|
|
|
|
2020-10-13 23:24:42 +03:00
|
|
|
anchors.fill: parent
|
2021-02-14 03:28:28 +03:00
|
|
|
visible: mouseArea.hovered
|
2020-10-15 18:52:49 +03:00
|
|
|
|
2020-10-13 23:24:42 +03:00
|
|
|
Rectangle {
|
|
|
|
id: container
|
2020-10-18 23:30:42 +03:00
|
|
|
|
2020-10-13 23:24:42 +03:00
|
|
|
width: parent.width
|
|
|
|
implicitHeight: imgcaption.implicitHeight
|
2020-10-18 23:30:42 +03:00
|
|
|
anchors.bottom: overlay.bottom
|
2020-10-15 18:52:49 +03:00
|
|
|
color: colors.window
|
2020-10-13 23:24:42 +03:00
|
|
|
opacity: 0.75
|
2020-10-15 18:52:49 +03:00
|
|
|
}
|
2020-10-13 23:24:42 +03:00
|
|
|
|
2020-10-15 18:52:49 +03:00
|
|
|
Text {
|
|
|
|
id: imgcaption
|
2020-10-18 23:30:42 +03:00
|
|
|
|
2020-10-15 18:52:49 +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: model.data.filename ? model.data.filename : model.data.body
|
|
|
|
color: 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
|
|
|
|
2020-10-13 23:24:42 +03:00
|
|
|
}
|
2020-10-18 23:30:42 +03:00
|
|
|
|
2019-09-08 13:44:46 +03:00
|
|
|
}
|