Image.qml
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

Image.qml
View Options

	/*
	* This file is part of kazv.
	* SPDX-FileCopyrightText: 2020-2021 Tusooa Zhu <tusooa@kazv.moe>
	* SPDX-License-Identifier: AGPL-3.0-or-later
	*/

	import QtQuick 2.15
	import QtQuick.Layouts 1.15
	import QtQuick.Controls 2.15
	import moe.kazv.mxc.kazv 0.0 as MK

	import org.kde.kirigami 2.13 as Kirigami

	import '..' as Kazv

	Simple {
	id: upper

	property var gender: 'neutral'
	property var body: event.content.body
	property var mxcUri: event.content.url
	property var imageUri: matrixSdk.mxcUriToHttp(mxcUri)
	property var imageInfo: event.content.info \|\| {}
	property var imageWidth: image.implicitWidth \|\| imageInfo.w \|\| 1 // lest we divide by 0
	property var imageHeight: image.implicitHeight \|\| imageInfo.h \|\| 1

	property var innerContentWidth: upper.contentMaxWidth - bubble.bubbleSpacing

	property var kazvIO: MK.KazvIO {
	url: imageUri
	manager: root.kazvIOManager
	onResult: {
	bubble.progressBar.visible = false
	}
	}

	Kazv.Bubble {
	id: bubble
	kazvIO: upper.kazvIO
	url: upper.imageUri

	property var label: Label {
	Layout.fillWidth: false
	Layout.maximumWidth: innerContentWidth
	wrapMode: Text.Wrap

	text: l10n.get('event-message-image-sent', { gender, body })
	}

	property var image: Image {
	id: image
	source: imageUri
	Layout.maximumWidth: innerContentWidth
	Layout.preferredWidth: imageWidth
	Layout.preferredHeight: imageHeight / imageWidth * width
	fillMode: Image.PreserveAspectFit
	data: [bubble.menu]
	}
	ColumnLayout {
	id: layout
	data: [
	bubble.label,
	bubble.image,
	bubble.progressBar
	]
	}
	}
	}