123 lines
4.2 KiB
QML
123 lines
4.2 KiB
QML
import QtQuick 2.1
|
|
import QtGraphicalEffects 1.13
|
|
|
|
import utils 1.0
|
|
|
|
import StatusQ.Controls 0.1
|
|
|
|
import "../../../../shared"
|
|
import "../../../../shared/status"
|
|
|
|
import "../controls"
|
|
|
|
Rectangle {
|
|
|
|
id: downloadBar
|
|
|
|
property bool isVisible: false
|
|
property var downloadsModel
|
|
|
|
signal openDownloadClicked(bool downloadComplete, int index)
|
|
|
|
visible: isVisible && !!listView.count
|
|
color: Style.current.background
|
|
width: parent.width
|
|
height: 56
|
|
border.width: 1
|
|
border.color: Style.current.border
|
|
|
|
// This container is to contain the downloaded elements between the parent buttons and hide the overflow
|
|
Item {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: Style.current.smallPadding
|
|
anchors.right: showAllBtn.left
|
|
anchors.rightMargin: Style.current.smallPadding
|
|
height: listView.height
|
|
clip: true
|
|
|
|
ListView {
|
|
id: listView
|
|
orientation: ListView.Horizontal
|
|
model: downloadsModel
|
|
height: currentItem ? currentItem.height : 0
|
|
// This makes it show the newest on the right
|
|
layoutDirection: Qt.RightToLeft
|
|
spacing: Style.current.smallPadding
|
|
anchors.left: parent.left
|
|
width: {
|
|
// Children rect shows a warning but this works ¯\_(ツ)_/¯
|
|
let w = 0
|
|
for (let i = 0; i < count; i++) {
|
|
w += this.itemAtIndex(i).width + this.spacing
|
|
}
|
|
return w
|
|
}
|
|
interactive: false
|
|
delegate: DownloadElement {
|
|
id: downloadElement
|
|
isPaused: downloadsModel.downloads[index] && downloadsModel.downloads[index].isPaused
|
|
primaryText: downloadFileName
|
|
downloadText: {
|
|
if (isCanceled) {
|
|
//% "Cancelled"
|
|
return qsTrId("cancelled")
|
|
}
|
|
if (isPaused) {
|
|
//% "Paused"
|
|
return qsTrId("paused")
|
|
}
|
|
return `${downloadsModel.downloads[index] ? (downloadsModel.downloads[index].receivedBytes / 1000000).toFixed(2) : 0}/${downloadsModel.downloads[index] ? (downloadsModel.downloads[index].totalBytes / 1000000).toFixed(2) : 0} MB` //"14.4/109 MB, 26 sec left"
|
|
}
|
|
downloadComplete: {
|
|
// listView.count ensures a value is returned even when index is undefined
|
|
return listView.count > 0 && !!downloadsModel.downloads && !!downloadsModel.downloads[index] &&
|
|
downloadsModel.downloads[index].receivedBytes >= downloadsModel.downloads[index].totalBytes
|
|
}
|
|
onItemClicked: {
|
|
openDownloadClicked(downloadComplete, index)
|
|
}
|
|
onOptionsButtonClicked: {
|
|
downloadMenu.index = index
|
|
downloadMenu.downloadComplete = Qt.binding(function() {return downloadElement.downloadComplete})
|
|
|
|
downloadMenu.x = listView.width + downloadElement.x + 50
|
|
downloadMenu.y = downloadBar.y - downloadMenu.height
|
|
downloadMenu.open()
|
|
}
|
|
Connections {
|
|
target: downloadMenu
|
|
onCancelClicked: {
|
|
isCanceled = true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
StatusButton {
|
|
id: showAllBtn
|
|
size: StatusBaseButton.Size.Small
|
|
//% "Show All"
|
|
text: qsTrId("show-all")
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: closeBtn.left
|
|
anchors.rightMargin: Style.current.padding
|
|
onClicked: {
|
|
addNewDownloadTab()
|
|
}
|
|
}
|
|
|
|
StatusFlatRoundButton {
|
|
id: closeBtn
|
|
width: 32
|
|
height: 32
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Style.current.smallPadding
|
|
icon.name: "close"
|
|
type: StatusFlatRoundButton.Type.Quaternary
|
|
onClicked: downloadBar.isVisible = false
|
|
}
|
|
}
|