// SPDX-FileCopyrightText: 2018-2020 Black Hat // SPDX-FileCopyrightText: 2024 James Graham // SPDX-License-Identifier: GPL-3.0-only pragma ComponentBehavior: Bound import QtCore import QtQuick import QtQuick.Controls as QQC2 import org.kde.kirigami as Kirigami import org.kde.neochat /** * @brief A component to show the image from a message. */ Item { id: root /** * @brief The matrix ID of the message event. */ required property string eventId /** * @brief The display text of the message. */ required property string display /** * @brief The attributes of the component. */ required property var componentAttributes /** * @brief FileTransferInfo for any downloading files. */ required property var fileTransferInfo /** * The maximum height of the image. Can be left undefined most of the times. Passed to MediaSizeHelper::contentMaxHeight. */ property var contentMaxHeight: undefined implicitWidth: mediaSizeHelper.currentSize.width implicitHeight: mediaSizeHelper.currentSize.height QQC2.Button { anchors.right: parent.right anchors.top: parent.top anchors.margins: Kirigami.Units.smallSpacing visible: !_private.hideImage icon.name: "view-hidden" text: i18nc("@action:button", "Hide Image") display: QQC2.Button.IconOnly z: 10 onClicked: { _private.hideImage = true; Controller.markImageHidden(root.eventId) } QQC2.ToolTip.text: text QQC2.ToolTip.visible: hovered QQC2.ToolTip.delay: Kirigami.Units.toolTipDelay } Loader { id: imageLoader anchors.fill: parent active: !root.componentAttributes.animated && !_private.hideImage sourceComponent: Image { source: root.componentAttributes.source sourceSize.width: mediaSizeHelper.currentSize.width * Screen.devicePixelRatio sourceSize.height: mediaSizeHelper.currentSize.height * Screen.devicePixelRatio fillMode: Image.PreserveAspectFit autoTransform: true } } Loader { id: animatedImageLoader anchors.fill: parent active: (root?.componentAttributes.animated ?? false) && !_private.hideImage sourceComponent: AnimatedImage { source: root.componentAttributes.source fillMode: Image.PreserveAspectFit autoTransform: true paused: !QQC2.ApplicationWindow.window.active } } Image { anchors.fill: parent source: visible ? (root?.componentAttributes.tempInfo?.source ?? "") : "" visible: _private.imageItem && _private.imageItem.status !== Image.Ready && !_private.hideImage } QQC2.ToolTip.text: root.display QQC2.ToolTip.visible: hoverHandler.hovered QQC2.ToolTip.delay: Kirigami.Units.toolTipDelay HoverHandler { id: hoverHandler } Rectangle { anchors.fill: parent visible: _private.imageItem.status !== Image.Ready || _private.hideImage color: "#BB000000" QQC2.ProgressBar { anchors.centerIn: parent width: parent.width * 0.8 visible: !_private.hideImage from: 0 to: 1.0 value: _private.imageItem.progress } } QQC2.Button { anchors.centerIn: parent text: i18nc("@action:button", "Show Image") visible: _private.hideImage onClicked: { _private.hideImage = false; Controller.markImageShown(root.eventId); } } TapHandler { acceptedButtons: Qt.LeftButton gesturePolicy: TapHandler.ReleaseWithinBounds | TapHandler.WithinBounds onTapped: { root.QQC2.ToolTip.hide(); if (root.componentAttributes.animated) { _private.imageItem.paused = true; } root.Message.timeline.interactive = false; if (!root.componentAttributes.isSticker) { RoomManager.maximizeMedia(root.eventId); } } } function downloadAndOpen() { if (_private.downloaded) { openSavedFile(); } else { root.openOnFinished = true; Message.room.downloadFile(root.eventId, StandardPaths.writableLocation(StandardPaths.CacheLocation) + "/" + root.eventId.replace(":", "_").replace("/", "_").replace("+", "_") + Message.room.fileNameToDownload(root.eventId)); } } function openSavedFile() { if (UrlHelper.openUrl(root.fileTransferInfo.localPath)) return; if (UrlHelper.openUrl(root.fileTransferInfo.localDir)) return; } MediaSizeHelper { id: mediaSizeHelper contentMaxWidth: root.Message.maxContentWidth contentMaxHeight: root.contentMaxHeight ?? -1 mediaWidth: root?.componentAttributes.isSticker ? 256 : (root?.componentAttributes.width ?? 0) mediaHeight: root?.componentAttributes.isSticker ? 256 : (root?.componentAttributes.height ?? 0) } QtObject { id: _private readonly property var imageItem: root.componentAttributes.animated ? animatedImageLoader.item : imageLoader.item // The space available for the component after taking away the border readonly property real downloaded: root.fileTransferInfo && root.fileTransferInfo.completed property bool hideImage: NeoChatConfig.hideImages && !Controller.isImageShown(root.eventId) } }