Bubble.qml
No OneTemporary
Actions

Size

7 KB

Referenced Files

None

Subscribers

None

Bubble.qml
View Options

	/*
	* This file is part of kazv.
	* SPDX-FileCopyrightText: 2020-2023 tusooa <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 QtQuick.Window 2.15

	import org.kde.kirigami 2.13 as Kirigami

	import '.' as Kazv
	import 'matrix-helpers.js' as Helpers

	ItemDelegate {
	id: upper
	objectName: 'bubble'
	default property var children
	property var currentEvent: event
	property var menuContent: []

	readonly property var bubbleSpacing: leftPadding + rightPadding
	Layout.fillWidth: true
	Layout.preferredHeight: bubbleRootLayout.implicitHeight

	property var backgroundItem: Rectangle {
	anchors.fill: parent
	color: (hovered \|\| isSelected) ? Kirigami.Theme.activeBackgroundColor : Kirigami.Theme.backgroundColor
	}
	background: compactMode ? null : backgroundItem

	property var eventSourcePopupComp: Component {
	Kazv.SelfDestroyableOverlaySheet {
	shouldSelfDestroy: true
	title: l10n.get('event-source-popup-title')

	Kazv.EventSourceView {
	Layout.preferredWidth: Math.min(Kirigami.Units.gridUnit * 40, Window.width)
	event: upper.currentEvent
	}
	}
	}

	property var reactionPopupComp: Component {
	Kazv.ReactToEventPopup {
	shouldSelfDestroy: true
	onAccepted: eventView.reactWith(text)
	}
	}

	function getIsEditable(event) {
	return event.sender === matrixSdk.userId
	&& event.type === 'm.room.message'
	&& event.content.msgtype === 'm.text';
	}

	property var menuComp: Component {
	Menu {
	objectName: 'bubbleContextMenu'
	property list<QtObject> staticItems: [
	Kirigami.Action {
	objectName: 'replyToMenuItem'
	text: l10n.get('event-reply-action')
	onTriggered: setDraftRelation('m.in_reply_to', currentEvent.eventId)
	enabled: event && !event.redacted
	},
	Kirigami.Action {
	objectName: 'editMenuItem'
	text: l10n.get('event-edit-action')
	onTriggered: {
	setDraftRelation('m.replace', currentEvent.eventId);
	replaceDraftRequested(Helpers.getEventBodyForEditing(event));
	}
	enabled: event && !event.redacted && !event.isLocalEcho && getIsEditable(event)
	},
	Kirigami.Action {
	objectName: 'deleteMenuItem'
	text: l10n.get('event-delete')
	onTriggered: eventView.redactSelf()
	enabled: event && !event.redacted
	},
	Kirigami.Action {
	objectName: 'reactMenuItem'
	text: l10n.get('event-react-action')
	onTriggered: reactionPopupComp.createObject(applicationWindow().overlay).open()
	enabled: event && !event.redacted
	},
	MenuSeparator {},
	Kirigami.Action {
	text: l10n.get('event-view-source')
	onTriggered: eventSourcePopupComp.createObject(applicationWindow().overlay).open()
	}
	]

	contentData: Array.from(staticItems).concat(upper.menuContent)
	onClosed: destroy()
	}
	}

	function shouldPopupMenu() {
	return !compactMode
	}

	function maybePopupMenu() {
	if (shouldPopupMenu()) {
	menuComp.createObject(parent).popup(parent)
	}
	}

	RowLayout {
	id: bubbleRootLayout
	anchors.left: parent.left
	anchors.right: parent.right
	property var replyToOrAnnotatedEventId: currentEvent.replyingToEventId \|\| (currentEvent.relationType === 'm.annotation' ? currentEvent.relatedEventId : '')

	ColumnLayout {
	Layout.fillWidth: true

	property var inReplyTo: MouseArea {
	Layout.fillWidth: true
	Layout.margins: 0
	Layout.minimumHeight: Math.min(inReplyToLayout.implicitHeight, Kirigami.Units.gridUnit * 5)
	Layout.maximumHeight: Kirigami.Units.gridUnit * 5
	clip: true

	onClicked: eventListView.goToEvent(bubbleRootLayout.replyToOrAnnotatedEventId)

	RowLayout {
	id: inReplyToLayout
	anchors {
	top: parent.top
	left: parent.left
	right: parent.right
	}
	Rectangle {
	Layout.fillHeight: true
	Layout.preferredWidth: Kirigami.Units.smallSpacing
	color: Kirigami.Theme.activeTextColor
	clip: true
	}

	Loader {
	id: inReplyToLoader
	clip: true
	source: 'qrc:/EventViewCompact.qml'
	active: bubbleRootLayout.replyToOrAnnotatedEventId && !compactMode
	asynchronous: true
	Layout.minimumHeight: inReplyToLoader.item ? inReplyToLoader.item.height : 0
	Layout.fillWidth: true

	property var event: room.messageById(bubbleRootLayout.replyToOrAnnotatedEventId)
	property var props: ({
	event,
	sender: room.member(event.sender \|\| matrixSdk.userId),
	stateKeyUser: event.stateKey ? room.member(event.stateKey) : {},
	isGapped: timeline.gaps.includes(event.eventId),
	})
	}
	}
	}
	children: [
	...(bubbleRootLayout.replyToOrAnnotatedEventId && !compactMode ? [inReplyTo] : []),
	...(Array.isArray(upper.children) ? upper.children :
	upper.children ? [upper.children] : []),
	]
	}

	property var popupAction: Kirigami.Action {
	id: popupAction
	text: l10n.get('event-popup-action')
	icon.name: 'view-more-horizontal-symbolic'
	onTriggered: maybePopupMenu()
	}

	RowLayout {
	Layout.alignment: Qt.AlignBottom
	Kirigami.Icon {
	source: 'emblem-encrypted-locked'
	visible: !compactMode && event && event.encrypted
	Layout.preferredHeight: inlineBadgeSize
	Layout.preferredWidth: inlineBadgeSize
	Accessible.role: Accessible.StaticText
	Accessible.name: l10n.get('event-encrypted')
	ToolTip.text: l10n.get('event-encrypted')
	ToolTip.delay: 1000
	ToolTip.timeout: 5000
	ToolTip.visible: hoverHandlerEncIcon.hovered

	HoverHandler { id: hoverHandlerEncIcon }
	}

	Kirigami.Icon {
	objectName: 'localEchoIndicator'
	visible: !!event.isLocalEcho
	source: event.isSending ? 'state-sync' : 'state-warning'
	Layout.preferredHeight: Kirigami.Units.iconSizes.medium
	Layout.preferredWidth: Kirigami.Units.iconSizes.medium
	Accessible.role: event.isSending ? Accessible.StaticText : Accessible.Button
	Accessible.name: event.isSending ? l10n.get('event-sending') : l10n.get('event-resend')
	ToolTip.text: event.isSending ? l10n.get('event-sending') : l10n.get('event-send-failed')
	ToolTip.delay: 1000
	ToolTip.timeout: 5000
	ToolTip.visible: hoverHandler.hovered

	HoverHandler { id: hoverHandler }
	TapHandler {
	objectName: 'resendEventButton'
	onTapped: {
	room.resendMessage(event.txnId);
	}
	enabled: event.isFailed
	}
	}

	Label {
	objectName: 'timeIndicator'
	visible: !compactMode && !event.isLocalEcho
	text: event.formattedTime
	font.pointSize: Kirigami.Theme.defaultFont.pointSize * 0.8
	}

	Label {
	objectName: 'editedIndicator'
	visible: !compactMode && event.isEdited
	text: l10n.get('event-edited-indicator')
	font.pointSize: Kirigami.Theme.defaultFont.pointSize * 0.8
	}

	Kazv.EventReadIndicator {
	objectName: 'eventReadIndicator'
	shouldShow: !compactMode && !event.isLocalEcho
	model: event.readers()
	}

	ToolButton {
	id: moreButton
	objectName: 'moreButton'
	visible: !compactMode
	action: popupAction
	display: AbstractButton.IconOnly
	}
	}
	}
	}

File Metadata

Mime Type: text/plain
Expires: Tue, Jun 24, 5:31 PM (1 d, 5 h)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 234955
Default Alt Text: Bubble.qml (7 KB)

Bubble.qmlNo OneTemporaryActions

Bubble.qmlView Options

File Metadata

Event Timeline

Bubble.qml
No OneTemporary
Actions

Bubble.qml
View Options