Multiple Link Previews

- Show a preview for each link in the text below the block in which it appears.
- Allow link previews to be dismissed

src/timeline/Bubble.qml

@@ -166,6 +166,7 @@ QQC2.Control {
                     root.selectedTextChanged(selectedText);
                 }
                 onShowMessageMenu: root.showMessageMenu()
+                onRemoveLinkPreview: index => root.contentModel.closeLinkPreview(index)
             }
         }
     }

src/timeline/LinkPreviewComponent.qml

@@ -14,6 +14,11 @@ import org.kde.kirigami as Kirigami
 QQC2.Control {
     id: root
 
+    /**
+     * @brief The index of the delegate in the model.
+     */
+    required property int index
+
     /**
      * @brief The link preview properties.
      *
@@ -32,7 +37,7 @@ QQC2.Control {
      * When the content of the link preview is larger than this it will be
      * elided/hidden until maximized.
      */
-    property var defaultHeight: Kirigami.Units.gridUnit * 3 + Kirigami.Units.smallSpacing * 2
+    property var defaultHeight: Kirigami.Units.gridUnit * 3 + Kirigami.Units.largeSpacing * 2
 
     property bool truncated: linkPreviewDescription.truncated || !linkPreviewDescription.visible
 
@@ -41,6 +46,11 @@ QQC2.Control {
      */
     property real maxContentWidth: -1
 
+    /**
+     * @brief Request for this delegate to be removed.
+     */
+    signal remove(int index)
+
     Layout.fillWidth: true
     Layout.maximumWidth: root.maxContentWidth
 
@@ -110,6 +120,23 @@ QQC2.Control {
         }
     }
 
+    QQC2.Button {
+        id: closeButton
+        anchors.right: parent.right
+        anchors.top: parent.top
+        visible: root.hovered
+        text: i18nc("As in remove the link preview so it's no longer shown", "Remove preview")
+        icon.name: "dialog-close"
+        display: QQC2.AbstractButton.IconOnly
+
+        onClicked: root.remove(root.index)
+
+        QQC2.ToolTip {
+            text: closeButton.text
+            visible: closeButton.hovered
+            delay: Kirigami.Units.toolTipDelay
+        }
+    }
     QQC2.Button {
         id: maximizeButton
         anchors.right: parent.right
@@ -122,7 +149,7 @@ QQC2.Control {
 
         QQC2.ToolTip {
             text: maximizeButton.text
-            visible: hovered
+            visible: maximizeButton.hovered
             delay: Kirigami.Units.toolTipDelay
         }
     }

src/timeline/LoadComponent.qml

@@ -10,9 +10,14 @@ import org.kde.kirigami as Kirigami
 /**
  * @brief A component to show a link preview loading from a message.
  */
-RowLayout {
+QQC2.Control {
     id: root
 
+    /**
+     * @brief The index of the delegate in the model.
+     */
+    required property int index
+
     required property int type
 
     /**
@@ -28,6 +33,11 @@ RowLayout {
      */
     property real maxContentWidth: -1
 
+    /**
+     * @brief Request for this delegate to be removed.
+     */
+    signal remove(int index)
+
     enum Type {
         Reply,
         LinkPreview
@@ -36,24 +46,46 @@ RowLayout {
     Layout.fillWidth: true
     Layout.maximumWidth: root.maxContentWidth
 
-    Rectangle {
-        Layout.fillHeight: true
-        width: Kirigami.Units.smallSpacing
-        color: Kirigami.Theme.highlightColor
-    }
-    QQC2.BusyIndicator {}
-    Kirigami.Heading {
-        Layout.fillWidth: true
-        Layout.minimumHeight: root.defaultHeight
-        verticalAlignment: Text.AlignVCenter
-        level: 2
-        text: {
-            switch (root.type) {
-            case LoadComponent.Reply:
-                return i18n("Loading reply");
-            case LoadComponent.LinkPreview:
-                return i18n("Loading URL preview");
+    contentItem : RowLayout {
+        spacing: Kirigami.Units.smallSpacing
+
+        Rectangle {
+            Layout.fillHeight: true
+            width: Kirigami.Units.smallSpacing
+            color: Kirigami.Theme.highlightColor
+        }
+        QQC2.BusyIndicator {}
+        Kirigami.Heading {
+            Layout.fillWidth: true
+            Layout.minimumHeight: root.defaultHeight
+            verticalAlignment: Text.AlignVCenter
+            level: 2
+            text: {
+                switch (root.type) {
+                case LoadComponent.Reply:
+                    return i18n("Loading reply");
+                case LoadComponent.LinkPreview:
+                    return i18n("Loading URL preview");
+                }
             }
         }
     }
+
+    QQC2.Button {
+        id: closeButton
+        anchors.right: parent.right
+        anchors.top: parent.top
+        visible: root.hovered && root.type === LoadComponent.LinkPreview
+        text: i18nc("As in remove the link preview so it's no longer shown", "Remove preview")
+        icon.name: "dialog-close"
+        display: QQC2.AbstractButton.IconOnly
+
+        onClicked: root.remove(root.index)
+
+        QQC2.ToolTip {
+            text: closeButton.text
+            visible: closeButton.hovered
+            delay: Kirigami.Units.toolTipDelay
+        }
+    }
 }

src/timeline/MessageComponentChooser.qml

@@ -60,6 +60,8 @@ DelegateChooser {
      */
     signal showMessageMenu
 
+    signal removeLinkPreview(int index)
+
     role: "componentType"
 
     DelegateChoice {
@@ -199,6 +201,7 @@ DelegateChooser {
         roleValue: MessageComponentType.LinkPreview
         delegate: LinkPreviewComponent {
             maxContentWidth: root.maxContentWidth
+            onRemove: index => root.removeLinkPreview(index)
         }
     }
 
@@ -207,6 +210,7 @@ DelegateChooser {
         delegate: LoadComponent {
             type: LoadComponent.LinkPreview
             maxContentWidth: root.maxContentWidth
+            onRemove: index => root.removeLinkPreview(index)
         }
     }