/*
    Copyright (C) 2020 Sebastian J. Wolf and other contributors

    This file is part of Fernschreiber.

    Fernschreiber is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Fernschreiber 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 General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Fernschreiber. If not, see <http://www.gnu.org/licenses/>.
*/
// jolla-gallery/pages/FlickableImageView.qml
/*

FullscreenContentPage
    - PagedView (jolla-gallery/FlickableImageView)
        - delegate: Loader
            - SilicaFlickable (Silica.private/ZoomableFlickable) (Sailfish.Gallery/ImageViewer)
                - PinchArea
                    - dragDetector(?)
                    - image
        - Item (Sailfish.Gallery/GalleryOverlay)

*/

import QtQuick 2.6
import Sailfish.Silica 1.0
import WerkWolf.Fernschreiber 1.0
import "../components"

import "../components/messageContent/mediaAlbumPage"
import "../js/twemoji.js" as Emoji
import "../js/functions.js" as Functions

Page {
    // id
    id: page
    // property declarations

    property alias index: pagedView.currentIndex
    property alias overlayActive: overlay.active
    property alias delegate: pagedView.delegate
    property var messages: [];
    // message.content.caption.text
    palette.colorScheme: Theme.LightOnDark
    clip: status !== PageStatus.Active || pageStack.dragInProgress
    navigationStyle: PageNavigation.Vertical
    backgroundColor: 'black'
    allowedOrientations: Orientation.All
    // signal declarations
    // JavaScript functions

    // object (parent) properties
    // large property bindings
    // child objects
    // states
    // transitions



    // content
    PagedView {
        id: pagedView
        anchors.fill: parent
        model: messages
        delegate: Component {
            Loader {
                id: loader
                asynchronous: true
                visible: status == Loader.Ready
                width: PagedView.contentWidth
                height: PagedView.contentHeight

                states: [
                    State {
                        when: model.modelData.content['@type'] === 'messagePhoto'
                        PropertyChanges {
                            target: loader
                            source: "../components/messageContent/mediaAlbumPage/PhotoComponent.qml"
                        }
                    },
                    State {
                        when: model.modelData.content['@type'] === 'messageVideo'
                        PropertyChanges {
                            target: loader
                            source: "../components/messageContent/mediaAlbumPage/VideoComponent.qml"
                        }
                    }
                ]
            }
        }
    }

    // overlay
    FullscreenOverlay {
        id: overlay
        pageCount: messages.length
        currentIndex: page.index
        message: messages[currentIndex]
//
    }
}