mirror of
https://github.com/HenkKalkwater/harbour-sailfin.git
synced 2024-11-15 05:55:18 +00:00
147 lines
5 KiB
QML
147 lines
5 KiB
QML
import QtQuick 2.0
|
|
import Sailfish.Silica 1.0
|
|
|
|
import nl.netsoj.chris.Jellyfin 1.0
|
|
|
|
import "../components"
|
|
import "../"
|
|
import "../Utils.js" as Utils
|
|
|
|
/**
|
|
* Main page, which simply shows some content of every library, as well as next items.
|
|
*/
|
|
Page {
|
|
property bool _modelsLoaded: false
|
|
|
|
id: page
|
|
allowedOrientations: Orientation.All
|
|
|
|
SilicaFlickable {
|
|
anchors.fill: parent
|
|
|
|
// PullDownMenu and PushUpMenu must be declared in SilicaFlickable, SilicaListView or SilicaGridView
|
|
PullDownMenu {
|
|
MenuItem {
|
|
text: qsTr("About")
|
|
onClicked: pageStack.push(Qt.resolvedUrl("AboutPage.qml"))
|
|
}
|
|
}
|
|
|
|
// Tell SilicaFlickable the height of its content.
|
|
contentHeight: column.height
|
|
|
|
// Place our content in a Column. The PageHeader is always placed at the top
|
|
// of the page, followed by our content.
|
|
Column {
|
|
id: column
|
|
|
|
width: page.width
|
|
//spacing: Theme.paddingLarge
|
|
UserViewModel {
|
|
id: mediaLibraryModel2
|
|
apiClient: ApiClient
|
|
}
|
|
|
|
MoreSection {
|
|
text: qsTr("Resume watching")
|
|
clickable: false
|
|
}
|
|
MoreSection {
|
|
text: qsTr("Next up")
|
|
clickable: false
|
|
}
|
|
|
|
UserViewModel {
|
|
id: mediaLibraryModel
|
|
apiClient: ApiClient
|
|
}
|
|
Repeater {
|
|
model: mediaLibraryModel
|
|
MoreSection {
|
|
text: model.name
|
|
busy: userItemModel.status != ApiModel.Ready
|
|
property string collectionType: model.collectionType
|
|
|
|
onHeaderClicked: pageStack.push(Qt.resolvedUrl("DetailPage.qml"), {"itemId": model.id})
|
|
|
|
SilicaListView {
|
|
clip: true
|
|
height: {
|
|
if (count > 0) {
|
|
console.log(collectionType)
|
|
if (["tvshows", "movies"].indexOf(collectionType) == -1) {
|
|
Constants.libraryDelegateHeight
|
|
} else {
|
|
Constants.libraryDelegatePosterHeight
|
|
}
|
|
} else {
|
|
0
|
|
}
|
|
}
|
|
Behavior on height {
|
|
NumberAnimation { duration: 300 }
|
|
}
|
|
width: parent.width
|
|
model: userItemModel
|
|
orientation: ListView.Horizontal
|
|
leftMargin: Theme.horizontalPageMargin
|
|
rightMargin: Theme.horizontalPageMargin
|
|
spacing: Theme.paddingLarge
|
|
delegate: LibraryItemDelegate {
|
|
property string id: model.id
|
|
title: model.name
|
|
poster: Utils.itemModelImageUrl(ApiClient.baseUrl, model.id, model.imageTags["Primary"], "Primary", {"maxHeight": height})
|
|
/*model.imageTags["Primary"] ? ApiClient.baseUrl + "/Items/" + model.id
|
|
+ "/Images/Primary?maxHeight=" + height + "&tag=" + model.imageTags["Primary"]
|
|
: ""*/
|
|
landscape: ["Series", "Movie"].indexOf(model.type) == -1
|
|
|
|
onClicked: {
|
|
pageStack.push(Qt.resolvedUrl("DetailPage.qml"), {"itemId": model.id})
|
|
}
|
|
}
|
|
UserItemLatestModel {
|
|
id: userItemModel
|
|
apiClient: ApiClient
|
|
parentId: model.id
|
|
limit: 12
|
|
}
|
|
Connections {
|
|
target: mediaLibraryModel
|
|
onStatusChanged: {
|
|
if (status == ApiModel.Ready) {
|
|
userItemModel.reload()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
onStatusChanged: {
|
|
if (status == PageStatus.Active) {
|
|
appWindow.itemData = null
|
|
if (!_modelsLoaded && ApiClient.authenticated) loadModels()
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: ApiClient
|
|
onAuthenticatedChanged: {
|
|
if (authenticated /*&& !_modelsLoaded*/) loadModels();
|
|
}
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
if (ApiClient.authenticated && _modelsLoaded) {
|
|
loadModels();
|
|
}
|
|
}
|
|
function loadModels() {
|
|
_modelsLoaded = true;
|
|
mediaLibraryModel.reload()
|
|
}
|
|
}
|