414 lines
15 KiB
QML
414 lines
15 KiB
QML
// SPDX-FileCopyrightText: 2019 Black Hat <bhat@encom.eu.org>
|
|
// SPDX-FileCopyrightText: 2020 Carl Schwan <carl@carlschwan.eu>
|
|
// SPDX-License-Identifier: GPL-3.0-only
|
|
|
|
import QtQuick
|
|
import QtQuick.Controls as QQC2
|
|
import QtQuick.Layouts
|
|
import Qt.labs.qmlmodels
|
|
import org.kde.kirigami as Kirigami
|
|
import org.kde.kirigamiaddons.components as KirigamiComponents
|
|
import org.kde.kirigamiaddons.formcard as FormCard
|
|
import org.kde.kirigamiaddons.delegates as Delegates
|
|
|
|
import org.kde.neochat
|
|
|
|
/**
|
|
* @brief The base menu for most message types.
|
|
*
|
|
* This menu supports showing a list of actions to be shown for a particular event
|
|
* delegate in a message timeline. The menu supports both desktop and mobile menus
|
|
* with different visuals appropriate to the platform.
|
|
*
|
|
* The menu supports both a list of main actions and the ability to define sub menus
|
|
* using the nested action parameter.
|
|
*
|
|
* For event types that need alternate actions this class can be used as a base and
|
|
* the actions and nested actions can be overwritten to show the alternate items.
|
|
*/
|
|
KirigamiComponents.ConvergentContextMenu {
|
|
id: root
|
|
|
|
/**
|
|
* @brief The NeoChatRoom the delegate is being displayed in.
|
|
*/
|
|
required property NeoChatRoom room
|
|
|
|
/**
|
|
* @brief The current connection for the account accessing the event.
|
|
*/
|
|
required property NeoChatConnection connection
|
|
|
|
/**
|
|
* @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 delegate type of the message.
|
|
*/
|
|
required property int messageComponentType
|
|
|
|
/**
|
|
* @brief The display text of the message as plain text.
|
|
*/
|
|
required property string plainText
|
|
|
|
/**
|
|
* @brief The text the user currently has selected.
|
|
*/
|
|
property string selectedText: ""
|
|
|
|
/**
|
|
* @brief The link the user has currently hovered.
|
|
*/
|
|
property string hoveredLink: ""
|
|
|
|
/**
|
|
* Some common actions shared between menus
|
|
*/
|
|
component ViewSourceAction: Kirigami.Action {
|
|
visible: NeoChatConfig.developerTools
|
|
text: i18n("View Source")
|
|
icon.name: "code-context"
|
|
onTriggered: RoomManager.viewEventSource(root.eventId)
|
|
}
|
|
|
|
component RemoveMessageAction: Kirigami.Action {
|
|
visible: (author.isLocalMember || currentRoom.canSendState("redact")) && root.messageComponentType !== MessageComponentType.Other
|
|
text: i18nc("@action:button", "Remove…")
|
|
icon.name: "edit-delete-remove"
|
|
icon.color: "red"
|
|
onTriggered: {
|
|
let dialog = (root.Kirigami.PageStack.pageStack as Kirigami.PageRow).pushDialogLayer(Qt.createComponent('org.kde.neochat', 'ReasonDialog'), {
|
|
title: i18nc("@title:dialog", "Remove Message"),
|
|
placeholder: i18nc("@info:placeholder", "Reason for removing this message"),
|
|
actionText: i18nc("@action:button 'Remove' as in 'Remove this message'", "Remove"),
|
|
icon: "delete"
|
|
}, {
|
|
title: i18nc("@title:dialog", "Remove Message"),
|
|
width: Kirigami.Units.gridUnit * 25
|
|
});
|
|
dialog.accepted.connect(reason => {
|
|
currentRoom.redactEvent(root.eventId, reason);
|
|
});
|
|
}
|
|
}
|
|
|
|
component ReplyMessageAction: Kirigami.Action {
|
|
visible: root.messageComponentType !== MessageComponentType.Other || NeoChatConfig.relateAnyEvent
|
|
text: i18n("Reply")
|
|
icon.name: "mail-replied-symbolic"
|
|
onTriggered: {
|
|
currentRoom.mainCache.replyId = eventId;
|
|
currentRoom.editCache.editId = "";
|
|
RoomManager.requestFullScreenClose();
|
|
}
|
|
}
|
|
|
|
component ReplyThreadMessageAction: Kirigami.Action {
|
|
visible: root.messageComponentType !== MessageComponentType.Other || NeoChatConfig.relateAnyEvent
|
|
text: i18nc("@action:button", "Reply in Thread")
|
|
icon.name: "dialog-messages"
|
|
onTriggered: {
|
|
currentRoom.threadCache.replyId = "";
|
|
currentRoom.threadCache.threadId = currentRoom.eventIsThreaded(root.eventId) ? currentRoom.rootIdForThread(root.eventId) : root.eventId;
|
|
currentRoom.mainCache.clearRelations();
|
|
currentRoom.editCache.clearRelations();
|
|
RoomManager.requestFullScreenClose();
|
|
}
|
|
}
|
|
|
|
|
|
component ReportMessageAction: Kirigami.Action {
|
|
text: i18nc("@action:button 'Report' as in 'Report this event to the administrators'", "Report…")
|
|
icon.name: "dialog-warning-symbolic"
|
|
visible: !author.isLocalMember
|
|
onTriggered: {
|
|
let dialog = (root.Kirigami.PageStack.pageStack as Kirigami.PageRow).pushDialogLayer(Qt.createComponent('org.kde.neochat', 'ReasonDialog'), {
|
|
title: i18nc("@title:dialog", "Report Message"),
|
|
placeholder: i18nc("@info:placeholder", "Reason for reporting this message"),
|
|
icon: "dialog-warning-symbolic",
|
|
actionText: i18nc("@action:button 'Report' as in 'Report this event to the administrators'", "Report")
|
|
}, {
|
|
title: i18nc("@title", "Report Message"),
|
|
width: Kirigami.Units.gridUnit * 25
|
|
});
|
|
dialog.accepted.connect(reason => {
|
|
currentRoom.reportEvent(root.eventId, reason);
|
|
});
|
|
}
|
|
}
|
|
|
|
component PinMessageAction: Kirigami.Action {
|
|
readonly property bool pinned: currentRoom.isEventPinned(root.eventId)
|
|
|
|
visible: currentRoom.canSendState("m.room.pinned_events") && root.messageComponentType !== MessageComponentType.Other
|
|
text: pinned ? i18nc("@action:button 'Unpin' as in 'Unpin this message'", "Unpin") : i18nc("@action:button 'Pin' as in 'Pin the message in the room'", "Pin")
|
|
icon.name: pinned ? "window-unpin-symbolic" : "pin-symbolic"
|
|
onTriggered: pinned ? currentRoom.unpinEvent(root.eventId) : currentRoom.pinEvent(root.eventId)
|
|
}
|
|
|
|
headerContentItem: RowLayout {
|
|
spacing: Kirigami.Units.largeSpacing
|
|
|
|
KirigamiComponents.Avatar {
|
|
source: root.author.avatarUrl
|
|
|
|
Layout.preferredWidth: Kirigami.Units.gridUnit * 2
|
|
Layout.preferredHeight: Kirigami.Units.gridUnit * 2
|
|
Layout.alignment: Qt.AlignTop
|
|
}
|
|
|
|
ColumnLayout {
|
|
spacing: 0
|
|
|
|
Layout.fillWidth: true
|
|
|
|
Kirigami.Heading {
|
|
level: 4
|
|
text: root.author.htmlSafeDisplayName
|
|
wrapMode: Text.WordWrap
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
QQC2.Label {
|
|
text: root.plainText
|
|
textFormat: Text.PlainText
|
|
elide: Text.ElideRight
|
|
onLinkActivated: RoomManager.resolveResource(link, "join")
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
}
|
|
|
|
Kirigami.Action {
|
|
id: emojiAction
|
|
visible: root.messageComponentType === MessageComponentType.Other ? NeoChatConfig.relateAnyEvent : true
|
|
|
|
displayComponent: RowLayout {
|
|
visible: emojiAction.visible
|
|
spacing: 0
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: Kirigami.Units.gridUnit * 2.5
|
|
Repeater {
|
|
model: ["👍", "👎️", "😄", "🎉", "👀", "⋮"]
|
|
delegate: Delegates.RoundedItemDelegate {
|
|
id: emojiDelegate
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: Kirigami.Units.gridUnit * 2.5
|
|
Layout.fillHeight: true
|
|
|
|
contentItem: Kirigami.Heading {
|
|
id: emojiText
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
|
|
font.family: "emoji"
|
|
text: modelData
|
|
}
|
|
|
|
onClicked: {
|
|
if (emojiText.text === "⋮") {
|
|
var dialog = emojiDialog.createObject(emojiDelegate);
|
|
dialog.showStickers = false;
|
|
dialog.chosen.connect(emoji => {
|
|
root.room.toggleReaction(root.eventId, emoji);
|
|
root.close();
|
|
});
|
|
dialog.closed.connect(() => {
|
|
root.close();
|
|
});
|
|
dialog.open();
|
|
return;
|
|
}
|
|
|
|
currentRoom.toggleReaction(eventId, modelData);
|
|
}
|
|
}
|
|
}
|
|
Component {
|
|
id: emojiDialog
|
|
|
|
EmojiDialog {
|
|
currentRoom: root.Message.room
|
|
showQuickReaction: true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
}
|
|
}
|
|
Component {
|
|
id: mobileMenu
|
|
|
|
Kirigami.OverlayDrawer {
|
|
id: drawer
|
|
height: stackView.implicitHeight
|
|
edge: Qt.BottomEdge
|
|
padding: 0
|
|
leftPadding: 0
|
|
rightPadding: 0
|
|
bottomPadding: 0
|
|
topPadding: 0
|
|
|
|
QQC2.StackView {
|
|
id: stackView
|
|
width: parent.width
|
|
implicitHeight: currentItem.implicitHeight
|
|
|
|
Component {
|
|
id: nestedActionsComponent
|
|
ColumnLayout {
|
|
id: actionLayout
|
|
property string title: ""
|
|
property list<Kirigami.Action> actions
|
|
width: parent.width
|
|
spacing: 0
|
|
RowLayout {
|
|
QQC2.ToolButton {
|
|
icon.name: 'draw-arrow-back'
|
|
onClicked: stackView.pop()
|
|
}
|
|
Kirigami.Heading {
|
|
level: 3
|
|
Layout.fillWidth: true
|
|
text: actionLayout.title
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
}
|
|
Repeater {
|
|
id: listViewAction
|
|
model: actionLayout.actions
|
|
|
|
FormCard.FormButtonDelegate {
|
|
icon.name: modelData.icon.name
|
|
icon.color: modelData.icon.color ?? undefined
|
|
enabled: modelData.enabled
|
|
visible: modelData.visible
|
|
text: modelData.text
|
|
onClicked: {
|
|
modelData.triggered();
|
|
root.item.close();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
initialItem: ColumnLayout {
|
|
id: popupContent
|
|
width: parent.width
|
|
spacing: 0
|
|
RowLayout {
|
|
id: headerLayout
|
|
Layout.fillWidth: true
|
|
Layout.margins: Kirigami.Units.largeSpacing
|
|
spacing: Kirigami.Units.largeSpacing
|
|
KirigamiComponents.Avatar {
|
|
id: avatar
|
|
source: author.avatarUrl
|
|
Layout.preferredWidth: Kirigami.Units.gridUnit * 2
|
|
Layout.preferredHeight: Kirigami.Units.gridUnit * 2
|
|
Layout.alignment: Qt.AlignTop
|
|
}
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
Kirigami.Heading {
|
|
level: 3
|
|
Layout.fillWidth: true
|
|
text: author.htmlSafeDisplayName
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
QQC2.Label {
|
|
text: plainText
|
|
Layout.fillWidth: true
|
|
wrapMode: Text.WordWrap
|
|
|
|
onLinkActivated: RoomManager.resolveResource(link, "join")
|
|
}
|
|
}
|
|
}
|
|
Kirigami.Separator {
|
|
Layout.fillWidth: true
|
|
}
|
|
Kirigami.Separator {
|
|
Layout.fillWidth: true
|
|
}
|
|
Repeater {
|
|
id: listViewAction
|
|
model: root.actions
|
|
|
|
DelegateChooser {
|
|
role: "separator"
|
|
DelegateChoice {
|
|
roleValue: true
|
|
|
|
FormCard.FormDelegateSeparator {
|
|
visible: modelData.visible
|
|
}
|
|
}
|
|
|
|
DelegateChoice {
|
|
roleValue: false
|
|
|
|
FormCard.FormButtonDelegate {
|
|
icon.name: modelData.icon.name
|
|
icon.color: modelData.icon.color ?? undefined
|
|
enabled: modelData.enabled
|
|
visible: modelData.visible
|
|
text: modelData.text
|
|
onClicked: {
|
|
modelData.triggered();
|
|
root.item.close();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Repeater {
|
|
model: root.nestedActions
|
|
|
|
FormCard.FormButtonDelegate {
|
|
action: modelData
|
|
visible: modelData.visible
|
|
onClicked: {
|
|
stackView.push(nestedActionsComponent, {
|
|
title: modelData.text,
|
|
actions: modelData.children
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
asynchronous: true
|
|
sourceComponent: Kirigami.Settings.isMobile ? mobileMenu : regularMenu
|
|
|
|
function open() {
|
|
active = true;
|
|
}
|
|
|
|
onStatusChanged: if (status == Loader.Ready) {
|
|
if (Kirigami.Settings.isMobile) {
|
|
item.open();
|
|
} else {
|
|
item.popup();
|
|
}
|
|
}*/
|
|
}
|