nheko/resources/qml/ForwardCompleter.qml

136 lines
3.9 KiB
QML
Raw Normal View History

2021-04-13 19:01:49 +02:00
// SPDX-FileCopyrightText: 2021 Nheko Contributors
// SPDX-FileCopyrightText: 2022 Nheko Contributors
// SPDX-FileCopyrightText: 2023 Nheko Contributors
2021-04-13 19:01:49 +02:00
//
// SPDX-License-Identifier: GPL-3.0-or-later
import "./delegates/"
2021-04-13 19:01:49 +02:00
import QtQuick 2.9
import QtQuick.Controls 2.3
import im.nheko 1.0
2021-04-15 18:51:25 +02:00
Popup {
2021-04-13 19:01:49 +02:00
id: forwardMessagePopup
2021-04-27 11:08:21 +02:00
property var mid
function setMessageEventId(mid_in) {
mid = mid_in;
}
x: Math.round(parent.width / 2 - width / 2)
2022-02-21 04:06:49 +01:00
y: Math.round(parent.height / 4)
modal: true
2021-05-13 08:23:56 +02:00
palette: Nheko.colors
2021-04-15 18:51:25 +02:00
parent: Overlay.overlay
2022-02-21 04:06:49 +01:00
width: timelineRoot.width * 0.8
2021-04-15 18:51:25 +02:00
leftPadding: 10
rightPadding: 10
2021-04-13 19:01:49 +02:00
onOpened: {
roomTextInput.forceActiveFocus();
}
2021-04-15 18:51:25 +02:00
Column {
id: forwardColumn
2021-04-15 18:51:25 +02:00
spacing: 5
2021-04-15 18:51:25 +02:00
Label {
id: titleLabel
2021-04-15 18:51:25 +02:00
text: qsTr("Forward Message")
font.bold: true
bottomPadding: 10
2021-05-13 08:23:56 +02:00
color: Nheko.colors.text
2021-04-15 18:51:25 +02:00
}
2021-04-13 19:01:49 +02:00
2021-04-15 18:51:25 +02:00
Reply {
id: replyPreview
property var modelData: room ? room.getDump(mid, "") : {
2021-04-15 18:51:25 +02:00
}
2022-02-21 04:06:49 +01:00
width: parent.width
2021-05-13 08:23:56 +02:00
userColor: TimelineManager.userColor(modelData.userId, Nheko.colors.window)
blurhash: modelData.blurhash ?? ""
body: modelData.body ?? ""
formattedBody: modelData.formattedBody ?? ""
eventId: modelData.eventId ?? ""
filename: modelData.filename ?? ""
filesize: modelData.filesize ?? ""
proportionalHeight: modelData.proportionalHeight ?? 1
type: modelData.type ?? MtxEvent.UnknownMessage
typeString: modelData.typeString ?? ""
url: modelData.url ?? ""
originalWidth: modelData.originalWidth ?? 0
isOnlyEmoji: modelData.isOnlyEmoji ?? false
userId: modelData.userId ?? ""
userName: modelData.userName ?? ""
2021-08-08 01:17:58 +02:00
encryptionError: modelData.encryptionError ?? ""
2021-04-15 18:51:25 +02:00
}
2021-04-13 19:01:49 +02:00
2021-04-15 18:51:25 +02:00
MatrixTextField {
id: roomTextInput
2021-04-15 18:51:25 +02:00
width: forwardMessagePopup.width - forwardMessagePopup.leftPadding * 2
2021-05-13 08:23:56 +02:00
color: Nheko.colors.text
2021-04-15 18:51:25 +02:00
onTextEdited: {
completerPopup.completer.searchString = text;
}
Keys.onPressed: {
2022-02-21 04:06:49 +01:00
if (event.key == Qt.Key_Up || event.key == Qt.Key_Backtab) {
2021-04-15 18:51:25 +02:00
event.accepted = true;
completerPopup.up();
2022-02-21 04:06:49 +01:00
} else if (event.key == Qt.Key_Down || event.key == Qt.Key_Tab) {
2021-04-15 18:51:25 +02:00
event.accepted = true;
if (event.key == Qt.Key_Tab && (event.modifiers & Qt.ShiftModifier))
completerPopup.up();
else
completerPopup.down();
2021-04-15 18:51:25 +02:00
} else if (event.matches(StandardKey.InsertParagraphSeparator)) {
completerPopup.finishCompletion();
event.accepted = true;
}
2021-04-13 19:01:49 +02:00
}
}
2021-04-27 11:08:21 +02:00
2022-02-21 04:06:49 +01:00
Completer {
id: completerPopup
width: forwardMessagePopup.width - forwardMessagePopup.leftPadding * 2
completerName: "room"
fullWidth: true
centerRowContent: false
avatarHeight: 24
avatarWidth: 24
bottomToTop: false
}
2021-04-13 19:01:49 +02:00
}
Connections {
function onCompletionSelected(id) {
room.forwardMessage(messageContextMenu.eventId, id);
2021-04-13 19:01:49 +02:00
forwardMessagePopup.close();
}
function onCountChanged() {
2021-04-13 19:01:49 +02:00
if (completerPopup.count > 0 && (completerPopup.currentIndex < 0 || completerPopup.currentIndex >= completerPopup.count))
completerPopup.currentIndex = 0;
2021-04-27 11:08:21 +02:00
2021-04-13 19:01:49 +02:00
}
2021-04-13 19:01:49 +02:00
target: completerPopup
}
2021-04-15 18:51:25 +02:00
2021-04-29 19:09:16 +02:00
background: Rectangle {
2021-05-13 08:23:56 +02:00
color: Nheko.colors.window
2021-04-29 19:09:16 +02:00
}
2021-04-15 18:51:25 +02:00
Overlay.modal: Rectangle {
2021-05-13 08:23:56 +02:00
color: Qt.rgba(Nheko.colors.window.r, Nheko.colors.window.g, Nheko.colors.window.b, 0.7)
2021-04-15 18:51:25 +02:00
}
2021-04-27 11:08:21 +02:00
}