mirror of
https://github.com/HenkKalkwater/harbour-sailfin.git
synced 2024-11-22 17:25:17 +00:00
Chris Josten
7221fda1d5
[UI] Added: if an image cannot be loaded, it will have a random background colour.
91 lines
2.5 KiB
QML
91 lines
2.5 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
|
|
|
|
import ".."
|
|
|
|
/**
|
|
* Delegate for displaying an item in the library.
|
|
*/
|
|
BackgroundItem {
|
|
id: root
|
|
property alias poster: posterImage.source
|
|
property alias title: titleText.text
|
|
property bool landscape: false
|
|
property real progress: 0.0
|
|
|
|
width: Constants.libraryDelegateWidth
|
|
height: landscape ? Constants.libraryDelegateHeight : Constants.libraryDelegatePosterHeight
|
|
|
|
RemoteImage {
|
|
id: posterImage
|
|
clip: true
|
|
anchors {
|
|
left: parent.left
|
|
top: parent.top
|
|
right: parent.right
|
|
bottom: parent.bottom
|
|
}
|
|
fillMode: Image.PreserveAspectCrop
|
|
fallbackColor: Utils.colorFromString(title)
|
|
}
|
|
|
|
/*Rectangle {
|
|
anchors.fill: posterImage
|
|
color: Theme.rgba(Theme.highlightBackgroundColor, Theme.highlightBackgroundOpacity)
|
|
visible: root.highlighted
|
|
}*/
|
|
|
|
Shim {
|
|
anchors {
|
|
left: parent.left
|
|
right: parent.right
|
|
bottom: parent.bottom
|
|
}
|
|
height: titleText.height * 1.5 + Theme.paddingSmall * 2
|
|
|
|
}
|
|
|
|
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
|
|
}
|
|
|
|
Rectangle {
|
|
id: progress
|
|
anchors {
|
|
left: parent.left
|
|
bottom: parent.bottom
|
|
}
|
|
height: Theme.paddingSmall
|
|
color: Theme.highlightColor
|
|
width: root.progress * parent.width
|
|
}
|
|
}
|