53 lines
1.3 KiB
QML
53 lines
1.3 KiB
QML
import QtQuick 2.0
|
|
import QtQuick.Controls 1.4
|
|
import QtQuick.Layouts 1.3
|
|
import QtQuick.Controls.Styles 1.4
|
|
|
|
ColumnLayout {
|
|
id: container
|
|
property var model
|
|
|
|
spacing: StyleSpacings.tinySpacing
|
|
|
|
RowLayout{
|
|
Label{
|
|
font.pointSize: 9
|
|
color: "grey"
|
|
text: model.pMediaTitle
|
|
}
|
|
Item{
|
|
// spacer
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Label{
|
|
font.pointSize: 9
|
|
color: "grey"
|
|
text: model.pTime + " / " + model.pMediaLength
|
|
}
|
|
}
|
|
|
|
ProgressBar{
|
|
id: progress
|
|
Layout.fillWidth: true
|
|
|
|
value: model.pProgress
|
|
|
|
style:ProgressBarStyle {
|
|
background: Rectangle {
|
|
radius: StyleSizes.progressBackgroundRadius
|
|
color: "white"
|
|
border.color: "grey"
|
|
border.width: StyleSizes.progressBackgroundBorderWidth
|
|
implicitWidth: container.width
|
|
implicitHeight: StyleSizes.progressBackgroundDefaultHeight
|
|
}
|
|
progress: Rectangle {
|
|
color: "blue"
|
|
border.color: "blue"
|
|
radius: StyleSizes.progressBackgroundRadius
|
|
implicitHeight: StyleSizes.progressBarDefaultHeight
|
|
}
|
|
}
|
|
}
|
|
}
|