matrixion/resources/qml/ForwardCompleter.qml

118 lines
3.2 KiB
QML
Raw Normal View History

2021-04-13 20:01:49 +03:00
// SPDX-FileCopyrightText: 2021 Nheko Contributors
//
// SPDX-License-Identifier: GPL-3.0-or-later
import "./delegates/"
2021-04-13 20:01:49 +03:00
import QtQuick 2.9
import QtQuick.Controls 2.3
import im.nheko 1.0
2021-04-15 19:51:25 +03:00
Popup {
2021-04-13 20:01:49 +03:00
id: forwardMessagePopup
2021-04-27 12:08:21 +03:00
property var mid
function setMessageEventId(mid_in) {
mid = mid_in;
}
x: Math.round(parent.width / 2 - width / 2)
y: Math.round(parent.height / 2 - height / 2)
modal: true
2021-05-13 09:23:56 +03:00
palette: Nheko.colors
2021-04-15 19:51:25 +03:00
parent: Overlay.overlay
2021-05-19 20:34:10 +03:00
width: implicitWidth >= (timelineRoot.width * 0.8) ? implicitWidth : (timelineRoot.width * 0.8)
2021-04-15 19:51:25 +03:00
height: implicitHeight + completerPopup.height + padding * 2
leftPadding: 10
rightPadding: 10
2021-04-13 20:01:49 +03:00
onOpened: {
completerPopup.open();
roomTextInput.forceActiveFocus();
}
onClosed: {
completerPopup.close();
}
2021-04-15 19:51:25 +03:00
Column {
id: forwardColumn
2021-04-15 19:51:25 +03:00
spacing: 5
2021-04-15 19:51:25 +03:00
Label {
id: titleLabel
2021-04-15 19:51:25 +03:00
text: qsTr("Forward Message")
font.bold: true
bottomPadding: 10
2021-05-13 09:23:56 +03:00
color: Nheko.colors.text
2021-04-15 19:51:25 +03:00
}
2021-04-13 20:01:49 +03:00
2021-04-15 19:51:25 +03:00
Reply {
id: replyPreview
2021-04-15 19:51:25 +03:00
modelData: TimelineManager.timeline ? TimelineManager.timeline.getDump(mid, "") : {
}
2021-05-13 09:23:56 +03:00
userColor: TimelineManager.userColor(modelData.userId, Nheko.colors.window)
2021-04-15 19:51:25 +03:00
}
2021-04-13 20:01:49 +03:00
2021-04-15 19:51:25 +03:00
MatrixTextField {
id: roomTextInput
2021-04-15 19:51:25 +03:00
width: forwardMessagePopup.width - forwardMessagePopup.leftPadding * 2
2021-05-13 09:23:56 +03:00
color: Nheko.colors.text
2021-04-15 19:51:25 +03:00
onTextEdited: {
completerPopup.completer.searchString = text;
}
Keys.onPressed: {
if (event.key == Qt.Key_Up && completerPopup.opened) {
event.accepted = true;
completerPopup.up();
} else if (event.key == Qt.Key_Down && completerPopup.opened) {
event.accepted = true;
completerPopup.down();
} else if (event.matches(StandardKey.InsertParagraphSeparator)) {
completerPopup.finishCompletion();
event.accepted = true;
}
2021-04-13 20:01:49 +03:00
}
}
2021-04-27 12:08:21 +03:00
2021-04-13 20:01:49 +03:00
}
Completer {
id: completerPopup
2021-04-15 19:51:25 +03:00
y: titleLabel.height + replyPreview.height + roomTextInput.height + roomTextInput.bottomPadding + forwardColumn.spacing * 3
2021-04-13 20:01:49 +03:00
width: forwardMessagePopup.width - forwardMessagePopup.leftPadding * 2
completerName: "room"
2021-04-15 19:51:25 +03:00
fullWidth: true
centerRowContent: false
2021-04-13 20:01:49 +03:00
avatarHeight: 24
avatarWidth: 24
bottomToTop: false
closePolicy: Popup.NoAutoClose
}
Connections {
onCompletionSelected: {
TimelineManager.timeline.forwardMessage(messageContextMenu.eventId, id);
forwardMessagePopup.close();
}
onCountChanged: {
if (completerPopup.count > 0 && (completerPopup.currentIndex < 0 || completerPopup.currentIndex >= completerPopup.count))
completerPopup.currentIndex = 0;
2021-04-27 12:08:21 +03:00
2021-04-13 20:01:49 +03:00
}
target: completerPopup
}
2021-04-15 19:51:25 +03:00
2021-04-29 20:09:16 +03:00
background: Rectangle {
2021-05-13 09:23:56 +03:00
color: Nheko.colors.window
2021-04-29 20:09:16 +03:00
}
2021-04-15 19:51:25 +03:00
Overlay.modal: Rectangle {
2021-05-13 09:23:56 +03:00
color: Qt.rgba(Nheko.colors.window.r, Nheko.colors.window.g, Nheko.colors.window.b, 0.7)
2021-04-15 19:51:25 +03:00
}
2021-04-27 12:08:21 +03:00
}