harbour-books/app/qml/BooksBookView.qml

/*
  Copyright (C) 2015-2021 Jolla Ltd.
  Copyright (C) 2015-2021 Slava Monich <slava.monich@jolla.com>

  You may use this file under the terms of BSD license as follows:

  Redistribution and use in source and binary forms, with or without
  modification, are permitted provided that the following conditions
  are met:

    1. Redistributions of source code must retain the above copyright
       notice, this list of conditions and the following disclaimer.
    2. Redistributions in binary form must reproduce the above copyright
       notice, this list of conditions and the following disclaimer
       in the documentation and/or other materials provided with the
       distribution.
    3. Neither the names of the copyright holders nor the names of its
       contributors may be used to endorse or promote products derived
       from this software without specific prior written permission.

  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
  AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDERS OR CONTRIBUTORS
  BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
  CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
  SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
  INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
  CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
  ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
  THE POSSIBILITY OF SUCH DAMAGE.
*/

import QtQuick 2.0
import QtFeedback 5.0
import Sailfish.Silica 1.0
import org.nemomobile.notifications 1.0
import harbour.books 1.0

//import Sailfish.Media 1.0         // Not allowed
//import org.nemomobile.policy 1.0  // Not allowed

import "harbour"

Item {
    id: root

    property variant book
    readonly property bool selecting: bookView.currentItem && bookView.currentItem.selecting
    readonly property bool selectionEmpty: !bookView.currentItem || bookView.currentItem.selectionEmpty

    signal closeBook()
    signal pageClicked(var page)

    property int orientation: Orientation.Portrait
    property alias stackModel: bookModel.pageStack
    property bool loading: bookModel.loading
    property var _currentState: _visibilityStates[Settings.pageDetails % _visibilityStates.length]
    readonly property var _visibilityStates: [
        { pager: false, page: false, title: false, tools: false },
        { pager: false, page: true,  title: true,  tools: false },
        { pager: true,  page: true,  title: true,  tools: false },
        { pager: true,  page: true,  title: true,  tools: true  }
    ]

    property bool viewInteractive: bookView.interactive && !loading
    property alias pullDownMenu: menu
    property alias loadingBackgroundOpacity: loadingBackground.opacity
    property bool isCurrentView
    property bool pageActive

    readonly property bool viewActive: pageActive && Qt.application.active && !!book
    readonly property bool haveVolumeUpAction: Settings.volumeUpAction !== BooksSettings.ActionNone
    readonly property bool haveVolumeDownAction: Settings.volumeDownAction !== BooksSettings.ActionNone
    readonly property bool haveKeyAction: haveVolumeUpAction || haveVolumeDownAction

    property var hapticFeedback
    property var linkMenu
    property var imageView
    property var footnoteView
    property var settingsComponent

    function hideViews() {
        if (linkMenu) linkMenu.hide()
        if (imageView) imageView.hide()
        if (footnoteView) footnoteView.hide()
    }

    function bzzz() {
        if (!hapticFeedback) {
            hapticFeedback = hapticFeedbackComponent.createObject(root)
        }
        hapticFeedback.play()
    }

    onOrientationChanged: {
        if (footnoteView) {
            footnoteView.cancel()
        }
    }

    onBookChanged: if (!book) pager.setPage(0)

    onSelectingChanged: {
        if (selecting) {
            bzzz()
        } else if (!selectionEmpty) {
            notification.publish()
        }
    }

    Component {
        id: linkMenuComponent

        BooksLinkMenu { }
    }

    Component {
        id: imageViewComponent

        BooksImageView { }
    }

    Component {
        id: footnoteViewComponent

        BooksFootnoteView { }
    }

    Component {
        id: hapticFeedbackComponent

        ThemeEffect { effect: ThemeEffect.Press }
    }

    Behavior on opacity {
        enabled: menu.backToLibrary === 0
        FadeAnimation { }
    }

    Binding on opacity {
        // Fade out the page while menu is bouncing back
        when: menu.backToLibrary < 0
        value: menu.flickable.contentY / menu.backToLibrary
    }

    PullDownMenu {
        id: menu

        visible: isCurrentView && !loading && Settings.bookPullDownMenu

        property real backToLibrary

        MenuItem {
            //: Pulley menu item
            //% "Settings"
            text: qsTrId("harbour-books-menu-settings")
            visible: BooksSettingsMenu
            onClicked: {
                if (!settingsComponent) {
                    settingsComponent = Qt.createComponent("../settings/BooksSettings.qml")
                    if (settingsComponent.status !== Component.Ready) {
                        console.log(settingsComponent.errorString())
                    }
                }
                pageStack.push(settingsComponent, {
                    "title" : text,
                    "allowedOrientations": window.allowedOrientations,
                    "inApp": true
                })
            }
        }
        MenuItem {
            //% "Back to library"
            text: qsTrId("harbour-books-book-view-back")

            // Delay the actual action until bounce back is finished
            onClicked: menu.backToLibrary = flickable.contentY
        }

        onActiveChanged: {
            if (!active && backToLibrary < 0) {
                // The actual "Back to library" action
                backToLibrary = 0
                root.closeBook()
            }
        }
    }

    BookModel {
        id: bookModel

        book: root.book ? root.book : null
        size: bookViewWatcher.size
        leftMargin: Theme.horizontalPageMargin
        rightMargin: Theme.horizontalPageMargin
        topMargin: Theme.itemSizeSmall
        bottomMargin: Theme.itemSizeSmall

        onJumpToPage: bookView.jumpTo(page)
    }

    Notification {
        id: notification

        //: Pop-up notification
        //% "Copied to clipboard"
        previewBody: qsTrId("harbour-books-book-view-copied_to_clipboard")
        expireTimeout: 2000

        Component.onCompleted: {
            if ("icon" in notification) {
                notification.icon = "icon-s-clipboard"
            }
        }
    }

    Rectangle {
        id: loadingBackground
        anchors.fill: parent
        color: HarbourTheme.invertedPrimaryColor
        visible: loading && opacity > 0
    }

    SilicaListView {
        id: bookView

        model: bookModel
        anchors.fill: parent
        flickDeceleration: maximumFlickVelocity
        orientation: ListView.Horizontal
        snapMode: ListView.SnapOneItem
        preferredHighlightBegin: 0
        preferredHighlightEnd: width
        highlightRangeMode: ListView.StrictlyEnforceRange
        spacing: Theme.paddingMedium
        opacity: loading ? 0 : 1
        visible: opacity > 0
        interactive: !selecting && !scrollAnimation.running &&
            (!linkMenu || !linkMenu.visible) &&
            (!imageView || !imageView.visible) &&
            (!footnoteView || !footnoteView.visible)

        readonly property real maxContentX: Math.max(0, contentWidth - width)
        readonly property int currentPage: stackModel.currentPage
        property bool completed

        Component.onCompleted: {
            bookViewWatcher.positionViewAtIndex(currentPage)
            pager.setPage(currentPage)
            completed = true
        }

        onCurrentPageChanged: {
            if (completed && !moving && !scrollAnimation.running) {
                bookViewWatcher.positionViewAtIndex(currentPage)
            }
            pager.setPage(currentPage)
        }

        onCurrentIndexChanged: updateModel()

        onMovingChanged: updateModel()

        delegate: BooksPageView {
            id: pageView

            width: bookView.width
            height: bookView.height
            bookModel: bookView.model
            page: model.pageIndex
            bookPos: model.bookPos
            leftMargin: bookModel.leftMargin
            rightMargin: bookModel.rightMargin
            topMargin: bookModel.topMargin
            bottomMargin: bookModel.bottomMargin
            leftSpaceReserved: pageTools.visible ? pageTools.leftSpaceUsed : 0
            rightSpaceReserved: pageTools.visible ? pageTools.rightSpaceUsed: 0
            titleVisible: _currentState.title
            pageNumberVisible: _currentState.page
            currentPage: ListView.isCurrentItem
            title: bookModel.title

            onJumpToPage: bookView.jumpTo(page)
            onPushPosition: stackModel.pushPosition(position) // bookView.jumpTo(page)
            onPageClicked: {
                root.pageClicked(index)
                if (Settings.turnPageByTap && mouseY > bookModel.topMargin && mouseY < (pageView.height - bookModel.topMargin)) {
                    if (mouseX < pageView.width/4) {
                        bookView.prevPage()
                        return
                    }
                    if (mouseX > pageView.width*3/4) {
                        bookView.nextPage()
                        return
                    }
                }
                if (!Settings.pageDetailsFixed) {
                    Settings.pageDetails = (Settings.pageDetails + 1) % _visibilityStates.length
                }
            }
            onImagePressed: {
                if (!imageView) {
                    imageView = imageViewComponent.createObject(root)
                }
                imageView.show(url,rect)
            }
            onBrowserLinkPressed: {
                if (!linkMenu) {
                    linkMenu = linkMenuComponent.createObject(root)
                }
                linkMenu.show(url)
            }
            onFootnotePressed: {
                if (!footnoteView) {
                    footnoteView = footnoteViewComponent.createObject(root)
                }
                footnoteView.show(touchX,touchY,text,url)
            }
        }

        function jumpTo(page) {
            if (book && page >=0) {
                console.log("showing page", page)
                bookViewWatcher.positionViewAtIndex(page)
                stackModel.currentPage = page
            }
        }

        function prevPage() {
            if (!scrollAnimation.running && contentX > 0) {
                hideViews();
                scrollAnimation.from = contentX
                scrollAnimation.to = Math.max(0, contentX - width - spacing)
                scrollAnimation.start()
            }
        }

        function nextPage() {
            if (!scrollAnimation.running && contentX < maxContentX) {
                hideViews();
                scrollAnimation.from = contentX
                scrollAnimation.to = Math.min(maxContentX, contentX + width + spacing)
                scrollAnimation.start()
            }
        }

        function updateModel() {
            if (completed && !moving && currentIndex >= 0 && !bookViewWatcher.updatingViewPosition) {
                hideViews()
                stackModel.currentPage = currentIndex
            }
        }

        ListWatcher {
            id: bookViewWatcher

            listView: bookView
        }

        NumberAnimation {
            id: scrollAnimation

            target: bookView
            property: "contentX"
            duration: 500
            easing.type: Easing.InOutQuad
        }

        Behavior on opacity { FadeAnimation {} }

        BooksPageTools {
            id: pageTools

            anchors {
                top: parent.top
                left: parent.left
                right: parent.right
            }
            leftMargin: bookModel.leftMargin
            rightMargin: bookModel.rightMargin
            opacity: _currentState.tools ? 1 : 0
            visible: opacity > 0 && !!book && bookModel.pageCount && !loading

            onIncreaseFontSize: bookModel.increaseFontSize()
            onDecreaseFontSize: bookModel.decreaseFontSize()

            Behavior on opacity { FadeAnimation {} }
        }

        BooksPager {
            id: pager

            anchors {
                left: parent.left
                right: parent.right
                bottom: parent.bottom
                bottomMargin: (Theme.itemSizeExtraSmall + 2*(bookModel.bottomMargin - height))/4
            }
            leftMargin: bookModel.leftMargin
            rightMargin: bookModel.rightMargin
            stack: stackModel
            pageCount: bookModel.pageCount
            width: parent.width
            opacity: (_currentState.pager && pageCount) ? 0.75 : 0
            visible: opacity > 0

            onPageChanged: bookView.jumpTo(page)
            onFeedback: bzzz()

            Behavior on opacity { FadeAnimation {} }
        }
    }

    BooksTitleLabel {
        id: titleLabel

        anchors {
            top: parent.top
            left: parent.left
            right: parent.right
            leftMargin: bookModel.leftMargin
            rightMargin: bookModel.rightMargin
        }
        text: bookModel.title
        height: Theme.itemSizeExtraSmall
        color: Theme.highlightColor
        opacity: loading ? 0.6 : 0
    }

    BusyIndicator {
        id: busyIndicator

        anchors.centerIn: parent
        size: BusyIndicatorSize.Large
        running: loading
    }

    HarbourFitLabel {
        anchors.fill: busyIndicator
        text: bookModel.progress > 0 ? bookModel.progress : ""
        opacity: (loading && bookModel.progress > 0) ? 1 : 0
    }

    Button {
        //% "Cancel"
        text: qsTrId("harbour-books-book-view-cancel_loading")
        height: Theme.itemSizeLarge
        anchors {
            bottom: parent.bottom
            horizontalCenter: parent.horizontalCenter
        }
        enabled: loading && bookModel.resetReason === BookModel.ReasonLoading
        visible: opacity > 0
        opacity: enabled ? 1.0 : 0.0

        onClicked: root.closeBook()

        Behavior on opacity { FadeAnimation { } }
    }

    Label {
        anchors {
            top: busyIndicator.bottom
            topMargin: Theme.paddingLarge
            horizontalCenter: busyIndicator.horizontalCenter

        }
        horizontalAlignment: Text.AlignHCenter
        color: Theme.highlightColor
        opacity: loading ? 1 : 0
        visible: opacity > 0
        text: bookModel ? (bookModel.resetReason == BookModel.ReasonLoading ?
            //% "Loading..."
            qsTrId("harbour-books-book-view-loading") :
            bookModel.resetReason == BookModel.ReasonIncreasingFontSize ?
            //% "Applying larger fonts..."
            qsTrId("harbour-books-book-view-applying_larger_fonts") :
            bookModel.resetReason == BookModel.ReasonDecreasingFontSize ?
            //% "Applying smaller fonts..."
            qsTrId("harbour-books-book-view-applying_smaller_fonts") :
            //% "Formatting..."
            qsTrId("harbour-books-book-view-formatting")) : ""

        Behavior on opacity { FadeAnimation {} }
    }

    function performAction(action) {
        switch (action) {
        case BooksSettings.ActionPreviousPage:
            bookView.prevPage()
            return
        case BooksSettings.ActionNextPage:
            bookView.nextPage()
            return
        }
    }

    MediaKey {
        enabled: viewActive && haveVolumeUpAction
        key: Qt.Key_VolumeUp

        onPressed: volumeUpAction()
        onRepeat: volumeUpAction()

        function volumeUpAction() {
            performAction(Settings.volumeUpAction)
        }
    }

    MediaKey {
        enabled: viewActive && haveVolumeDownAction
        key: Qt.Key_VolumeDown

        onPressed: volumeDownAction()
        onRepeat: volumeDownAction()

        function volumeDownAction() {
            performAction(Settings.volumeDownAction)
        }
    }

    Permissions {
        enabled: viewActive && haveKeyAction
        autoRelease: true
        applicationClass: "camera"

        Resource {
            id: volumeKeysResource

            type: Resource.ScaleButton
            optional: true
        }
    }
}