Clean up FileDelegate.
This commit is contained in:
Black Hat
parent
5700c967ae
commit
2cddd4face
|
|
@ -14,7 +14,7 @@ import Spectral.Menu.Timeline 2.0
|
||||||
import Spectral.Font 0.1
|
import Spectral.Font 0.1
|
||||||
import Spectral.Effect 2.0
|
import Spectral.Effect 2.0
|
||||||
|
|
||||||
ColumnLayout {
|
RowLayout {
|
||||||
readonly property bool avatarVisible: !sentByMe && showAuthor
|
readonly property bool avatarVisible: !sentByMe && showAuthor
|
||||||
readonly property bool sentByMe: author === currentRoom.localUser
|
readonly property bool sentByMe: author === currentRoom.localUser
|
||||||
|
|
||||||
|
|
@ -23,188 +23,175 @@ ColumnLayout {
|
||||||
|
|
||||||
id: root
|
id: root
|
||||||
|
|
||||||
spacing: 0
|
spacing: 4
|
||||||
|
|
||||||
onDownloadedChanged: if (downloaded && openOnFinished) openSavedFile()
|
onDownloadedChanged: if (downloaded && openOnFinished) openSavedFile()
|
||||||
|
|
||||||
Label {
|
z: -5
|
||||||
Layout.leftMargin: 48
|
|
||||||
|
|
||||||
text: author.displayName
|
Avatar {
|
||||||
|
Layout.preferredWidth: 36
|
||||||
|
Layout.preferredHeight: 36
|
||||||
|
Layout.alignment: Qt.AlignBottom
|
||||||
|
|
||||||
visible: avatarVisible
|
visible: avatarVisible
|
||||||
|
hint: author.displayName
|
||||||
|
source: author.avatarMediaId
|
||||||
|
|
||||||
font.pixelSize: 13
|
Component {
|
||||||
verticalAlignment: Text.AlignVCenter
|
id: userDetailDialog
|
||||||
|
|
||||||
|
UserDetailDialog {}
|
||||||
|
}
|
||||||
|
|
||||||
|
RippleEffect {
|
||||||
|
anchors.fill: parent
|
||||||
|
|
||||||
|
circular: true
|
||||||
|
|
||||||
|
onClicked: userDetailDialog.createObject(ApplicationWindow.overlay, {"room": currentRoom, "user": author}).open()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
RowLayout {
|
Label {
|
||||||
z: -5
|
Layout.preferredWidth: 36
|
||||||
|
Layout.preferredHeight: 36
|
||||||
|
|
||||||
id: messageRow
|
visible: !(sentByMe || avatarVisible)
|
||||||
|
}
|
||||||
|
|
||||||
spacing: 4
|
Control {
|
||||||
|
Layout.maximumWidth: messageListView.width - (!sentByMe ? 36 + root.spacing : 0) - 48
|
||||||
|
|
||||||
Avatar {
|
padding: 12
|
||||||
Layout.preferredWidth: 36
|
|
||||||
Layout.preferredHeight: 36
|
|
||||||
Layout.alignment: Qt.AlignTop
|
|
||||||
|
|
||||||
visible: avatarVisible
|
contentItem: RowLayout {
|
||||||
hint: author.displayName
|
ToolButton {
|
||||||
source: author.avatarMediaId
|
contentItem: MaterialIcon {
|
||||||
|
icon: progressInfo.completed ? "\ue5ca" : "\ue2c4"
|
||||||
|
}
|
||||||
|
|
||||||
Component {
|
onClicked: progressInfo.completed ? openSavedFile() : saveFileAs()
|
||||||
id: userDetailDialog
|
|
||||||
|
|
||||||
UserDetailDialog {}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
RippleEffect {
|
ColumnLayout {
|
||||||
|
Label {
|
||||||
|
Layout.fillWidth: true
|
||||||
|
|
||||||
|
text: display
|
||||||
|
wrapMode: Label.Wrap
|
||||||
|
font.pixelSize: 18
|
||||||
|
font.weight: Font.Medium
|
||||||
|
font.capitalization: Font.AllUppercase
|
||||||
|
}
|
||||||
|
|
||||||
|
Label {
|
||||||
|
Layout.fillWidth: true
|
||||||
|
|
||||||
|
text: progressInfo.active ? (humanSize(progressInfo.progress) + "/" + humanSize(progressInfo.total)) : humanSize(content.info ? content.info.size : 0)
|
||||||
|
color: MPalette.lighter
|
||||||
|
wrapMode: Label.Wrap
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
background: Rectangle {
|
||||||
|
color: MPalette.background
|
||||||
|
radius: 18
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.left: parent.left
|
||||||
|
|
||||||
|
width: parent.width / 2
|
||||||
|
height: parent.height / 2
|
||||||
|
|
||||||
|
visible: !sentByMe && (bubbleShape == 3 || bubbleShape == 2)
|
||||||
|
|
||||||
|
color: sentByMe ? MPalette.background : eventType === "notice" ? MPalette.primary : MPalette.accent
|
||||||
|
radius: 2
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.right: parent.right
|
||||||
|
|
||||||
|
width: parent.width / 2
|
||||||
|
height: parent.height / 2
|
||||||
|
|
||||||
|
visible: sentByMe && (bubbleShape == 3 || bubbleShape == 2)
|
||||||
|
|
||||||
|
color: sentByMe ? MPalette.background : eventType === "notice" ? MPalette.primary : MPalette.accent
|
||||||
|
radius: 2
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
anchors.bottom: parent.bottom
|
||||||
|
anchors.left: parent.left
|
||||||
|
|
||||||
|
width: parent.width / 2
|
||||||
|
height: parent.height / 2
|
||||||
|
|
||||||
|
visible: !sentByMe && (bubbleShape == 1 || bubbleShape == 2)
|
||||||
|
|
||||||
|
color: sentByMe ? MPalette.background : eventType === "notice" ? MPalette.primary : MPalette.accent
|
||||||
|
radius: 2
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
anchors.bottom: parent.bottom
|
||||||
|
anchors.right: parent.right
|
||||||
|
|
||||||
|
width: parent.width / 2
|
||||||
|
height: parent.height / 2
|
||||||
|
|
||||||
|
visible: sentByMe && (bubbleShape == 1 || bubbleShape == 2)
|
||||||
|
|
||||||
|
color: sentByMe ? MPalette.background : eventType === "notice" ? MPalette.primary : MPalette.accent
|
||||||
|
radius: 2
|
||||||
|
}
|
||||||
|
|
||||||
|
AutoMouseArea {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
|
||||||
circular: true
|
id: messageMouseArea
|
||||||
|
|
||||||
onClicked: userDetailDialog.createObject(ApplicationWindow.overlay, {"room": currentRoom, "user": author}).open()
|
onSecondaryClicked: {
|
||||||
}
|
var contextMenu = fileDelegateContextMenu.createObject(ApplicationWindow.overlay)
|
||||||
}
|
contextMenu.viewSource.connect(function() {
|
||||||
|
messageSourceDialog.createObject(ApplicationWindow.overlay, {"sourceText": toolTip}).open()
|
||||||
Label {
|
})
|
||||||
Layout.preferredWidth: 36
|
contextMenu.downloadAndOpen.connect(downloadAndOpen)
|
||||||
Layout.preferredHeight: 36
|
contextMenu.saveFileAs.connect(saveFileAs)
|
||||||
|
contextMenu.reply.connect(function() {
|
||||||
visible: !(sentByMe || avatarVisible)
|
roomPanelInput.replyUser = author
|
||||||
}
|
roomPanelInput.replyEventID = eventId
|
||||||
|
roomPanelInput.replyContent = message
|
||||||
Control {
|
roomPanelInput.isReply = true
|
||||||
Layout.maximumWidth: messageListView.width - (!sentByMe ? 36 + messageRow.spacing : 0) - 48
|
roomPanelInput.focus()
|
||||||
|
})
|
||||||
padding: 12
|
contextMenu.redact.connect(function() {
|
||||||
|
currentRoom.redactEvent(eventId)
|
||||||
contentItem: RowLayout {
|
})
|
||||||
ToolButton {
|
contextMenu.popup()
|
||||||
contentItem: MaterialIcon {
|
|
||||||
icon: progressInfo.completed ? "\ue5ca" : "\ue2c4"
|
|
||||||
}
|
|
||||||
|
|
||||||
onClicked: progressInfo.completed ? openSavedFile() : saveFileAs()
|
|
||||||
}
|
}
|
||||||
|
|
||||||
ColumnLayout {
|
Component {
|
||||||
Label {
|
id: messageSourceDialog
|
||||||
Layout.alignment: Qt.AlignVCenter
|
|
||||||
|
|
||||||
text: display
|
MessageSourceDialog {}
|
||||||
font.pixelSize: 18
|
|
||||||
font.weight: Font.Medium
|
|
||||||
font.capitalization: Font.AllUppercase
|
|
||||||
}
|
|
||||||
|
|
||||||
Label {
|
|
||||||
text: progressInfo.active ? (humanSize(progressInfo.progress) + "/" + humanSize(progressInfo.total)) : humanSize(content.info ? content.info.size : 0)
|
|
||||||
color: MPalette.lighter
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
color: MPalette.background
|
|
||||||
radius: 18
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
anchors.top: parent.top
|
|
||||||
anchors.left: parent.left
|
|
||||||
|
|
||||||
width: parent.width / 2
|
|
||||||
height: parent.height / 2
|
|
||||||
|
|
||||||
visible: !sentByMe && (bubbleShape == 3 || bubbleShape == 2)
|
|
||||||
|
|
||||||
color: sentByMe ? MPalette.background : eventType === "notice" ? MPalette.primary : MPalette.accent
|
|
||||||
radius: 2
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Rectangle {
|
Component {
|
||||||
anchors.top: parent.top
|
id: openFolderDialog
|
||||||
anchors.right: parent.right
|
|
||||||
|
|
||||||
width: parent.width / 2
|
OpenFolderDialog {}
|
||||||
height: parent.height / 2
|
|
||||||
|
|
||||||
visible: sentByMe && (bubbleShape == 3 || bubbleShape == 2)
|
|
||||||
|
|
||||||
color: sentByMe ? MPalette.background : eventType === "notice" ? MPalette.primary : MPalette.accent
|
|
||||||
radius: 2
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Rectangle {
|
Component {
|
||||||
anchors.bottom: parent.bottom
|
id: fileDelegateContextMenu
|
||||||
anchors.left: parent.left
|
|
||||||
|
|
||||||
width: parent.width / 2
|
FileDelegateContextMenu {}
|
||||||
height: parent.height / 2
|
|
||||||
|
|
||||||
visible: !sentByMe && (bubbleShape == 1 || bubbleShape == 2)
|
|
||||||
|
|
||||||
color: sentByMe ? MPalette.background : eventType === "notice" ? MPalette.primary : MPalette.accent
|
|
||||||
radius: 2
|
|
||||||
}
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
anchors.bottom: parent.bottom
|
|
||||||
anchors.right: parent.right
|
|
||||||
|
|
||||||
width: parent.width / 2
|
|
||||||
height: parent.height / 2
|
|
||||||
|
|
||||||
visible: sentByMe && (bubbleShape == 1 || bubbleShape == 2)
|
|
||||||
|
|
||||||
color: sentByMe ? MPalette.background : eventType === "notice" ? MPalette.primary : MPalette.accent
|
|
||||||
radius: 2
|
|
||||||
}
|
|
||||||
|
|
||||||
AutoMouseArea {
|
|
||||||
anchors.fill: parent
|
|
||||||
|
|
||||||
id: messageMouseArea
|
|
||||||
|
|
||||||
onSecondaryClicked: {
|
|
||||||
var contextMenu = fileDelegateContextMenu.createObject(ApplicationWindow.overlay)
|
|
||||||
contextMenu.viewSource.connect(function() {
|
|
||||||
messageSourceDialog.createObject(ApplicationWindow.overlay, {"sourceText": toolTip}).open()
|
|
||||||
})
|
|
||||||
contextMenu.downloadAndOpen.connect(downloadAndOpen)
|
|
||||||
contextMenu.saveFileAs.connect(saveFileAs)
|
|
||||||
contextMenu.reply.connect(function() {
|
|
||||||
roomPanelInput.replyUser = author
|
|
||||||
roomPanelInput.replyEventID = eventId
|
|
||||||
roomPanelInput.replyContent = message
|
|
||||||
roomPanelInput.isReply = true
|
|
||||||
roomPanelInput.focus()
|
|
||||||
})
|
|
||||||
contextMenu.redact.connect(function() {
|
|
||||||
currentRoom.redactEvent(eventId)
|
|
||||||
})
|
|
||||||
contextMenu.popup()
|
|
||||||
}
|
|
||||||
|
|
||||||
Component {
|
|
||||||
id: messageSourceDialog
|
|
||||||
|
|
||||||
MessageSourceDialog {}
|
|
||||||
}
|
|
||||||
|
|
||||||
Component {
|
|
||||||
id: openFolderDialog
|
|
||||||
|
|
||||||
OpenFolderDialog {}
|
|
||||||
}
|
|
||||||
|
|
||||||
Component {
|
|
||||||
id: fileDelegateContextMenu
|
|
||||||
|
|
||||||
FileDelegateContextMenu {}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -238,7 +225,6 @@ ColumnLayout {
|
||||||
if (Qt.openUrlExternally(progressInfo.localDir)) return;
|
if (Qt.openUrlExternally(progressInfo.localDir)) return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function humanSize(bytes)
|
function humanSize(bytes)
|
||||||
{
|
{
|
||||||
if (!bytes)
|
if (!bytes)
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue