mirror of
https://github.com/HenkKalkwater/harbour-sailfin.git
synced 2024-11-16 06:25:18 +00:00
Chris Josten
e9d36a690c
* EpisodePage and FilmPage are now based off VideoPage, since they share a lot of components in common. * The overlay over the thumbnail in PlayToolbar is less obtrusive * Cover shows now the title of the item, and total play time, if applicable * The resume playing section forces all delegates to be square. * The Season page now uses a ListView instead of a ColumnView.
81 lines
2.4 KiB
QML
81 lines
2.4 KiB
QML
/*
|
|
Sailfin: a Jellyfin client written using Qt
|
|
Copyright (C) 2020 Chris Josten
|
|
|
|
This library is free software; you can redistribute it and/or
|
|
modify it under the terms of the GNU Lesser General Public
|
|
License as published by the Free Software Foundation; either
|
|
version 2.1 of the License, or (at your option) any later version.
|
|
|
|
This library is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
|
Lesser General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Lesser General Public
|
|
License along with this library; if not, write to the Free Software
|
|
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
|
*/
|
|
|
|
import QtQuick 2.6
|
|
import Sailfish.Silica 1.0
|
|
|
|
Column {
|
|
property alias imageSource : playImage.source
|
|
property real imageAspectRatio: 1.0
|
|
property real playProgress: 0.0
|
|
signal playPressed(bool startFromBeginning)
|
|
spacing: Theme.paddingLarge
|
|
|
|
BackgroundItem {
|
|
width: parent.width
|
|
height: width / imageAspectRatio
|
|
HighlightImage {
|
|
id: playImage
|
|
anchors.fill: parent
|
|
fillMode: Image.PreserveAspectCrop
|
|
clip: true
|
|
}
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: Theme.rgba(Theme.overlayBackgroundColor, Theme.opacityLow)
|
|
}
|
|
Icon {
|
|
id: playButton
|
|
source: "image://theme/icon-l-play"
|
|
anchors.centerIn: parent
|
|
highlighted: parent.highlighted
|
|
}
|
|
Rectangle {
|
|
anchors {
|
|
left: parent.left
|
|
bottom: parent.bottom
|
|
}
|
|
height: Theme.paddingMedium
|
|
color: Theme.highlightColor
|
|
width: parent.width * playProgress
|
|
}
|
|
onClicked: playPressed(false)
|
|
}
|
|
Row {
|
|
anchors {
|
|
//left: parent.left
|
|
right: parent.right
|
|
leftMargin: Theme.horizontalPageMargin
|
|
rightMargin: Theme.horizontalPageMargin
|
|
}
|
|
spacing: Theme.paddingMedium
|
|
IconButton {
|
|
id: playFromBeginning
|
|
icon.source: "image://theme/icon-m-backup"
|
|
visible: playProgress > 0
|
|
onClicked: playPressed(true)
|
|
}
|
|
IconButton {
|
|
id: favouriteButton
|
|
icon.source: "image://theme/icon-m-favorite"
|
|
}
|
|
|
|
}
|
|
}
|