matrixion/resources/qml/delegates/ImageMessage.qml

77 lines
2.4 KiB
QML
Raw Normal View History

import QtQuick 2.10
import im.nheko 1.0
2019-10-06 02:44:02 +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
MouseArea {
2020-10-13 23:24:42 +03:00
id: mouseArea
2020-10-18 23:30:42 +03:00
2020-10-08 22:11:21 +03:00
enabled: model.data.type == MtxEvent.ImageMessage && img.status == Image.Ready
2020-10-13 23:24:42 +03:00
hoverEnabled: true
2020-10-08 22:11:21 +03:00
anchors.fill: parent
onClicked: TimelineManager.openImageOverlay(model.data.url, model.data.id)
}
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
visible: mouseArea.containsMouse
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
color: colors.window
2020-10-13 23:24:42 +03:00
opacity: 0.75
}
2020-10-13 23:24:42 +03:00
Text {
id: imgcaption
2020-10-18 23:30:42 +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
}