matrixion/resources/qml/MessageInputWarning.qml
Nicolas Werner 7c2a152cfb
Add support for intentional mentions
This is still a bit flaky around when to remove a mention, but it should
work in most cases. Might add a toggle in the future to disable these
though.
2024-03-08 18:45:18 +01:00

67 lines
1.9 KiB
QML

// SPDX-FileCopyrightText: Nheko Contributors
//
// SPDX-License-Identifier: GPL-3.0-or-later
import QtQuick 2.9
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.2
import im.nheko 1.0
Rectangle {
id: warningRoot
property color bubbleColor: Nheko.theme.error
required property string text
property bool showRemove: false
signal removeClicked();
Layout.fillWidth: true
color: palette.window // required to hide the timeline behind this warning
height: implicitHeight
implicitHeight: visible ? warningDisplay.implicitHeight + 4 * Nheko.paddingSmall : 0
Rectangle {
id: warningRect
anchors.fill: parent
anchors.margins: visible ? Nheko.paddingSmall : 0
border.color: bubbleColor
border.width: 1
// TODO: Qt.alpha() would make more sense but it wasn't working...
color: Qt.rgba(bubbleColor.r, bubbleColor.g, bubbleColor.b, 0.3)
radius: 3
visible: warningRoot.visible
z: 3
Label {
id: warningDisplay
anchors.left: parent.left
anchors.right: parent.right
anchors.margins: Nheko.paddingSmall
anchors.rightMargin: warningRoot.showRemove ? (Nheko.paddingSmall*3 + removeButton.width) : Nheko.paddingSmall
anchors.verticalCenter: parent.verticalCenter
text: warningRoot.text
textFormat: Text.PlainText
}
ImageButton {
id: removeButton
visible: warningRoot.showRemove
anchors.right: parent.right
anchors.margins: Nheko.paddingSmall
anchors.verticalCenter: parent.verticalCenter
image: ":/icons/icons/ui/dismiss.svg"
hoverEnabled: true
ToolTip.visible: hovered
ToolTip.text: qsTr("Don't mention them in this message")
onClicked: {
warningRoot.removeClicked();
}
}
}
}