Files
neochat/src/messagecontent/LocationComponent.qml
James Graham f6e8491bf1 Split message content into its own module
This is laying some groundwork for the rich text chatbar.
2025-06-29 12:43:48 +01:00

143 lines
3.8 KiB
QML

// SPDX-FileCopyrightText: 2021 Tobias Fella <fella@posteo.de>
// SPDX-FileCopyrightText: 2024 James Graham <james.h.graham@protonmail.com>
// SPDX-License-Identifier: GPL-2.0-or-later
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QtLocation
import QtPositioning
import org.kde.neochat
import org.kde.kirigami as Kirigami
/**
* @brief A component to show a location from a message.
*/
ColumnLayout {
id: root
/**
* @brief The matrix ID of the message event.
*/
required property string eventId
/**
* @brief The message author.
*
* A Quotient::RoomMember object.
*
* @sa Quotient::RoomMember
*/
required property var author
/**
* @brief The display text of the message.
*/
required property string display
/**
* @brief The latitude of the location marker in the message.
*/
required property real latitude
/**
* @brief The longitude of the location marker in the message.
*/
required property real longitude
/**
* @brief What type of marker the location message is.
*
* The main options are m.pin for a general location or m.self for a pin to show
* a user's location.
*/
required property string asset
Layout.fillWidth: true
Layout.maximumWidth: Message.maxContentWidth
MapView {
id: mapView
Layout.fillWidth: true
Layout.preferredWidth: root.Message.maxContentWidth
Layout.preferredHeight: root.Message.maxContentWidth / 16 * 9
map.center: QtPositioning.coordinate(root.latitude, root.longitude)
map.zoomLevel: 15
map.plugin: OsmLocationPlugin.plugin
readonly property LocationMapItem locationMapItem: LocationMapItem {
latitude: root.latitude
longitude: root.longitude
asset: root.asset
author: root.author
isLive: true
heading: NaN
}
Component.onCompleted: map.addMapItem(locationMapItem)
Connections {
target: mapView.map
function onCopyrightLinkActivated(link: string) {
Qt.openUrlExternally(link);
}
}
RowLayout {
anchors {
top: parent.top
right: parent.right
margins: Kirigami.Units.smallSpacing
}
spacing: Kirigami.Units.mediumSpacing
Button {
text: i18nc("@action:button Open the location in an external program", "Open Externally")
icon.name: "open-link-symbolic"
display: AbstractButton.IconOnly
onClicked: Qt.openUrlExternally("geo:" + root.latitude + "," + root.longitude)
ToolTip.text: text
ToolTip.visible: hovered
ToolTip.delay: Kirigami.Units.toolTipDelay
}
Button {
icon.name: "view-fullscreen"
text: i18nc("@action:button", "Open Fullscreen")
display: AbstractButton.IconOnly
onClicked: {
let map = fullScreenMap.createObject(parent, {
latitude: root.latitude,
longitude: root.longitude,
asset: root.asset,
author: root.author
});
map.open();
}
ToolTip.text: text
ToolTip.visible: hovered
ToolTip.delay: Kirigami.Units.toolTipDelay
}
}
}
Component {
id: fullScreenMap
FullScreenMap {}
}
TextComponent {
eventId: root.eventId
author: root.author
display: root.display
visible: root.display !== ""
}
}