37780c2e3b
Uses Matrix's preview API to generate embedded link previews. Only title and description for now. 
65 lines
2.0 KiB
QML
65 lines
2.0 KiB
QML
// SPDX-FileCopyrightText: 2022 Bharadwaj Raju <bharadwaj.raju777@protonmail.com>
|
|
// SPDX-License-Identifier: GPL-2.0-only OR GPL-3.0-or-later OR LicenseRef-KDE-Accepted-GPL
|
|
|
|
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
|
|
import org.kde.kirigami 2.15 as Kirigami
|
|
|
|
import org.kde.neochat 1.0
|
|
|
|
RowLayout {
|
|
id: row
|
|
property var links: model.display.match(/(\bhttps?:\/\/[^\s\<\>\"\']*[^\s\<\>\"\'])/g)
|
|
// don't show previews for room links or user mentions
|
|
.filter(link => !link.includes("https://matrix.to"))
|
|
// remove ending fullstops and commas
|
|
.map(link => (link.length && [".", ","].includes(link[link.length-1])) ? link.substring(0, link.length-1) : link)
|
|
LinkPreviewer {
|
|
id: lp
|
|
url: links[0]
|
|
}
|
|
visible: lp.loaded && lp.title
|
|
Rectangle {
|
|
Layout.fillHeight: true
|
|
width: Kirigami.Units.smallSpacing
|
|
visible: lp.loaded && lp.title
|
|
color: Kirigami.Theme.highlightColor
|
|
}
|
|
Image {
|
|
visible: lp.imageSource
|
|
Layout.maximumHeight: Kirigami.Units.gridUnit * 5
|
|
Layout.maximumWidth: Kirigami.Units.gridUnit * 5
|
|
source: lp.imageSource.replace("mxc://", "image://mxc/")
|
|
fillMode: Image.PreserveAspectFit
|
|
}
|
|
ColumnLayout {
|
|
id: column
|
|
spacing: Kirigami.Units.smallSpacing
|
|
Kirigami.Heading {
|
|
Layout.maximumWidth: messageDelegate.bubbleMaxWidth
|
|
Layout.fillWidth: true
|
|
level: 4
|
|
wrapMode: Text.Wrap
|
|
textFormat: Text.RichText
|
|
text: "<style>
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
</style>
|
|
<a href=\"" + links[0] + "\">" + lp.title.replace("–", "—") + "</a>"
|
|
visible: lp.loaded
|
|
onLinkActivated: RoomManager.openResource(link)
|
|
}
|
|
Label {
|
|
text: lp.description
|
|
Layout.maximumWidth: messageDelegate.bubbleMaxWidth
|
|
Layout.fillWidth: true
|
|
wrapMode: Text.Wrap
|
|
visible: lp.loaded && lp.description
|
|
}
|
|
}
|
|
}
|
|
|