154 lines
5.1 KiB
QML
154 lines
5.1 KiB
QML
|
import QtQuick 2.15
|
||
|
import QtQuick.Controls 2.15
|
||
|
import QtGraphicalEffects 1.15
|
||
|
|
||
|
import StatusQ.Core.Theme 0.1
|
||
|
import shared.controls.chat 1.0
|
||
|
|
||
|
SplitView {
|
||
|
Pane {
|
||
|
SplitView.fillWidth: true
|
||
|
SplitView.fillHeight: true
|
||
|
Rectangle {
|
||
|
id: wrapper
|
||
|
anchors.fill: parent
|
||
|
color: Theme.palette.statusChatInput.secondaryBackgroundColor
|
||
|
|
||
|
ChatInputLinksPreviewArea {
|
||
|
id: chatInputLinkPreviewsArea
|
||
|
anchors.centerIn: parent
|
||
|
width: parent.width
|
||
|
imagePreviewModel: ["https://picsum.photos/200/300?random=1", "https://picsum.photos/200/300?random=1"]
|
||
|
linkPreviewModel: linkPreviewListModel
|
||
|
onLinkRemoved: linkPreviewListModel.remove(index)
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
Pane {
|
||
|
SplitView.fillWidth: true
|
||
|
SplitView.fillHeight: true
|
||
|
}
|
||
|
|
||
|
ListModel {
|
||
|
id: linkPreviewListModel
|
||
|
ListElement {
|
||
|
url: "https://www.youtube.com/watch?v=9bZkp7q19f0"
|
||
|
unfurled: true
|
||
|
immutable: false
|
||
|
hostname: "youtube.com"
|
||
|
title: "PSY - GANGNAM STYLE(강남스타일) M/V"
|
||
|
description: ""
|
||
|
linkType: 0
|
||
|
thumbnailWidth: 480
|
||
|
thumbnailHeight: 360
|
||
|
thumbnailUrl: "https://picsum.photos/480/360?random=1"
|
||
|
thumbnailDataUri: ""
|
||
|
}
|
||
|
ListElement {
|
||
|
url: "https://www.youtube.com/watch?v=9bZkp7q19f0"
|
||
|
unfurled: false
|
||
|
immutable: false
|
||
|
hostname: "youtube.com"
|
||
|
title: "PSY - GANGNAM STYLE(강남스타일) M/V"
|
||
|
description: ""
|
||
|
linkType: 0
|
||
|
thumbnailWidth: 480
|
||
|
thumbnailHeight: 360
|
||
|
thumbnailUrl: "https://picsum.photos/480/360?random=2"
|
||
|
thumbnailDataUri: ""
|
||
|
}
|
||
|
ListElement {
|
||
|
url: "https://www.youtube.com/watch?v=9bZkp7q19f0"
|
||
|
unfurled: true
|
||
|
immutable: false
|
||
|
hostname: ""
|
||
|
title: "PSY - GANGNAM STYLE(강남스타일) M/V"
|
||
|
description: ""
|
||
|
linkType: 0
|
||
|
thumbnailWidth: 480
|
||
|
thumbnailHeight: 360
|
||
|
thumbnailUrl: "https://picsum.photos/480/360?random=3"
|
||
|
thumbnailDataUri: ""
|
||
|
}
|
||
|
ListElement {
|
||
|
url: "https://www.youtube.com/watch?v=9bZkp7q19f0"
|
||
|
unfurled: true
|
||
|
hostname: "youtube.com"
|
||
|
title: "PSY - GANGNAM STYLE(강남스타일) M/V"
|
||
|
description: ""
|
||
|
linkType: 0
|
||
|
thumbnailWidth: 480
|
||
|
thumbnailHeight: 360
|
||
|
thumbnailUrl: "https://picsum.photos/480/360?random=4"
|
||
|
thumbnailDataUri: ""
|
||
|
}
|
||
|
ListElement {
|
||
|
url: "https://www.youtube.com/watch?v=9bZkp7q19f0"
|
||
|
unfurled: true
|
||
|
immutable: false
|
||
|
hostname: "youtube.com"
|
||
|
title: "PSY - GANGNAM STYLE(강남스타일) M/V"
|
||
|
description: ""
|
||
|
linkType: 0
|
||
|
thumbnailWidth: 480
|
||
|
thumbnailHeight: 360
|
||
|
thumbnailUrl: "https://picsum.photos/480/360?random=5"
|
||
|
thumbnailDataUri: ""
|
||
|
}
|
||
|
ListElement {
|
||
|
url: "https://www.youtube.com/watch?v=9bZkp7q19f0"
|
||
|
unfurled: true
|
||
|
hostname: "youtube.com"
|
||
|
title: "PSY - GANGNAM STYLE(강남스타일) M/V"
|
||
|
description: ""
|
||
|
linkType: 0
|
||
|
thumbnailWidth: 480
|
||
|
thumbnailHeight: 360
|
||
|
thumbnailUrl: "https://picsum.photos/480/360?random=6"
|
||
|
thumbnailDataUri: ""
|
||
|
}
|
||
|
ListElement {
|
||
|
url: "https://www.youtube.com/watch?v=9bZkp7q19f0"
|
||
|
unfurled: true
|
||
|
immutable: false
|
||
|
hostname: "youtube.com"
|
||
|
title: "PSY - GANGNAM STYLE(강남스타일) M/V"
|
||
|
description: ""
|
||
|
linkType: 0
|
||
|
thumbnailWidth: 480
|
||
|
thumbnailHeight: 360
|
||
|
thumbnailUrl: "https://picsum.photos/480/360?random=7"
|
||
|
thumbnailDataUri: ""
|
||
|
}
|
||
|
ListElement {
|
||
|
url: "https://www.youtube.com/watch?v=9bZkp7q19f0"
|
||
|
unfurled: true
|
||
|
immutable: false
|
||
|
hostname: "youtube.com"
|
||
|
title: "PSY - GANGNAM STYLE(강남스타일) M/V"
|
||
|
description: ""
|
||
|
linkType: 0
|
||
|
thumbnailWidth: 480
|
||
|
thumbnailHeight: 360
|
||
|
thumbnailUrl: "https://picsum.photos/480/360?random=8"
|
||
|
thumbnailDataUri: ""
|
||
|
}
|
||
|
ListElement {
|
||
|
url: "https://www.youtube.com/watch?v=9bZkp7q19f0"
|
||
|
unfurled: true
|
||
|
immutable: false
|
||
|
hostname: "youtube.com"
|
||
|
title: "PSY - GANGNAM STYLE(강남스타일) M/V"
|
||
|
description: ""
|
||
|
linkType: 0
|
||
|
thumbnailWidth: 480
|
||
|
thumbnailHeight: 360
|
||
|
thumbnailUrl: "https://picsum.photos/480/360?random=9"
|
||
|
thumbnailDataUri: ""
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// category: Panels
|
||
|
|
||
|
// https://www.figma.com/file/Mr3rqxxgKJ2zMQ06UAKiWL/💬-Chat⎜Desktop?type=design&node-id=22341-184809&mode=design&t=VWBVK4DOUxr1BmTp-0
|