2020-09-15 14:53:13 +00:00
|
|
|
import QtQuick 2.6
|
|
|
|
import Sailfish.Silica 1.0
|
|
|
|
|
2020-09-26 00:51:37 +00:00
|
|
|
import ".."
|
|
|
|
|
2020-09-25 13:21:08 +00:00
|
|
|
/**
|
|
|
|
* Delegate for displaying an item in the library.
|
|
|
|
*/
|
2020-09-15 14:53:13 +00:00
|
|
|
BackgroundItem {
|
|
|
|
id: root
|
|
|
|
property alias poster: posterImage.source
|
|
|
|
property alias title: titleText.text
|
|
|
|
property bool landscape: false
|
2020-09-27 14:54:45 +00:00
|
|
|
property real progress: 0.0
|
|
|
|
|
2020-09-26 00:51:37 +00:00
|
|
|
width: Constants.libraryDelegateWidth
|
|
|
|
height: landscape ? Constants.libraryDelegateHeight : Constants.libraryDelegatePosterHeight
|
2020-09-15 14:53:13 +00:00
|
|
|
|
|
|
|
RemoteImage {
|
|
|
|
id: posterImage
|
2020-09-26 00:51:37 +00:00
|
|
|
clip: true
|
2020-09-15 14:53:13 +00:00
|
|
|
anchors {
|
|
|
|
left: parent.left
|
|
|
|
top: parent.top
|
|
|
|
right: parent.right
|
|
|
|
bottom: parent.bottom
|
|
|
|
}
|
|
|
|
fillMode: Image.PreserveAspectCrop
|
|
|
|
}
|
|
|
|
|
2020-09-26 00:51:37 +00:00
|
|
|
/*Rectangle {
|
2020-09-15 14:53:13 +00:00
|
|
|
anchors.fill: posterImage
|
|
|
|
color: Theme.rgba(Theme.highlightBackgroundColor, Theme.highlightBackgroundOpacity)
|
|
|
|
visible: root.highlighted
|
2020-09-26 00:51:37 +00:00
|
|
|
}*/
|
2020-09-15 14:53:13 +00:00
|
|
|
|
2020-09-27 14:54:45 +00:00
|
|
|
Shim {
|
2020-09-15 14:53:13 +00:00
|
|
|
anchors {
|
|
|
|
left: parent.left
|
|
|
|
right: parent.right
|
|
|
|
bottom: parent.bottom
|
|
|
|
}
|
|
|
|
height: titleText.height * 1.5 + Theme.paddingSmall * 2
|
2020-09-27 14:54:45 +00:00
|
|
|
|
2020-09-15 14:53:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
Label {
|
|
|
|
id: titleText
|
|
|
|
anchors {
|
|
|
|
left: parent.left
|
|
|
|
bottom: parent.bottom
|
|
|
|
right: parent.right
|
|
|
|
leftMargin: Theme.paddingMedium
|
|
|
|
rightMargin: Theme.paddingMedium
|
|
|
|
bottomMargin: Theme.paddingSmall
|
|
|
|
}
|
|
|
|
truncationMode: TruncationMode.Fade
|
|
|
|
horizontalAlignment: Text.AlignLeft
|
|
|
|
}
|
2020-09-27 14:54:45 +00:00
|
|
|
|
|
|
|
Rectangle {
|
|
|
|
id: progress
|
|
|
|
anchors {
|
|
|
|
left: parent.left
|
|
|
|
bottom: parent.bottom
|
|
|
|
}
|
|
|
|
height: Theme.paddingSmall
|
|
|
|
color: Theme.highlightColor
|
|
|
|
width: root.progress * parent.width
|
|
|
|
}
|
2020-09-15 14:53:13 +00:00
|
|
|
}
|