harbour-sailfin/sailfish/qml/pages/itemdetails/BaseDetailPage.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 nl.netsoj.chris.Jellyfin 1.0 as J

import "../../components"
import "../../"

/**
 * This page displays details about a film, show, season, episode, and so on.
 *
 * It contains the common functionality for all items. Additional components are
 * loaded in for every specific type of items, from ../components/itemdetails.
 */
Page {
    id: pageRoot
    property string itemId: ""
    property alias itemData: jItemLoader.data
    property alias itemLoader: jItemLoader
    property bool _loading: jItemLoader.status === J.ItemLoader.Loading
    readonly property bool hasLogo: (typeof itemData.imageTags !== "undefined") && (typeof itemData.imageTags["Logo"] !== "undefined")
    property string _chosenBackdropImage: ""
    readonly property string parentId: itemData.parentId || ""

    function updateBackdrop() {
        var rand = 0;
        if (itemData.backdropImageTags.length > 0) {
            rand = Math.floor(Math.random() * (itemData.backdropImageTags.length - 0.001))
            console.log("Random: ", rand)
            _chosenBackdropImage = apiClient.baseUrl + "/Items/" + itemId + "/Images/Backdrop/" + rand + "?tag=" +itemData.backdropImageTags[rand] + "&maxHeight" + height
        } else if (itemData.parentBackdropImageTags.length > 0) {
            rand = Math.floor(Math.random() * (itemData.parentBackdropImageTags.length - 0.001))
            _chosenBackdropImage = apiClient.baseUrl + "/Items/" + itemData.parentBackdropItemId + "/Images/Backdrop/" + rand + "?tag=" + itemData.parentBackdropImageTags[0]
        }
    }

    allowedOrientations: Orientation.All

    PageBusyIndicator {
        running: pageRoot._loading
    }

    SilicaFlickable {
        anchors.fill: parent
        contentHeight: errorContent.height
        visible: jItemLoader.status === J.ItemLoader.Error

        PullDownMenu {
            busy: jItemLoader.status === J.ItemLoader.Loading
            MenuItem {
                text: qsTr("Retry")
                onClicked: jItemLoader.reload()
            }
        }

        Column {
            id: errorContent
            width: parent.width

            ViewPlaceholder {
                enabled: true
                text: qsTr("An error has occured")
                hintText: jItemLoader.errorString
            }
        }
    }

    J.ItemLoader {
        id: jItemLoader
        apiClient: appWindow.apiClient
        itemId: pageRoot.itemId
        autoReload: false
        onStatusChanged: {
            console.log("Status changed: " + newStatus, JSON.stringify(jItemLoader.data))
            if (status === J.ItemLoader.Ready) {
                updateBackdrop()
            }
        }
    }

    onStatusChanged: {
        if (status === PageStatus.Deactivating) {
            //appWindow.itemData = ({})
        }
        if (status === PageStatus.Active) {
            console.log("Page ready, ItemID: ", itemId, ", UserID: ", apiClient.userId)
            jItemLoader.autoReload = true
            //appWindow.itemData = jItemLoader.data
        }
    }
}