harbour-books/app/qml/BooksBookView.qml

536 lines
16 KiB
QML
Raw Normal View History

2015-06-28 14:22:35 +03:00
/*
Copyright (C) 2015-2021 Jolla Ltd.
Copyright (C) 2015-2021 Slava Monich <slava.monich@jolla.com>
2015-06-28 14:22:35 +03:00
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:
2016-10-08 14:56:14 +03:00
2019-04-01 02:06:55 +03:00
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.
2015-06-28 14:22:35 +03:00
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
2015-06-28 14:22:35 +03:00
import Sailfish.Silica 1.0
import org.nemomobile.notifications 1.0
2015-06-28 14:22:35 +03:00
import harbour.books 1.0
//import Sailfish.Media 1.0 // Not allowed
//import org.nemomobile.policy 1.0 // Not allowed
2019-04-01 02:06:55 +03:00
import "harbour"
Item {
2015-06-28 14:22:35 +03:00
id: root
property variant book
readonly property bool selecting: bookView.currentItem && bookView.currentItem.selecting
readonly property bool selectionEmpty: !bookView.currentItem || bookView.currentItem.selectionEmpty
2015-06-28 14:22:35 +03:00
signal closeBook()
signal pageClicked(var page)
2016-11-02 16:33:26 +03:00
property int orientation: Orientation.Portrait
property alias stackModel: bookModel.pageStack
property bool loading: bookModel.loading
property var _currentState: _visibilityStates[Settings.pageDetails % _visibilityStates.length]
2015-06-28 14:22:35 +03:00
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 },
2015-06-28 14:22:35 +03:00
{ pager: true, page: true, title: true, tools: true }
]
property bool viewInteractive: bookView.interactive && !loading
property alias pullDownMenu: menu
2020-11-03 06:13:33 +03:00
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
2016-10-08 14:56:14 +03:00
property var linkMenu
2016-10-08 19:57:54 +03:00
property var imageView
2016-11-02 16:33:26 +03:00
property var footnoteView
property var settingsComponent
2016-11-02 16:33:26 +03:00
function hideViews() {
if (linkMenu) linkMenu.hide()
if (imageView) imageView.hide()
if (footnoteView) footnoteView.hide()
}
function bzzz() {
if (!hapticFeedback) {
hapticFeedback = hapticFeedbackComponent.createObject(root)
}
hapticFeedback.play()
}
2016-11-02 16:33:26 +03:00
onOrientationChanged: {
if (footnoteView) {
footnoteView.cancel()
}
}
2016-10-08 14:56:14 +03:00
onBookChanged: if (!book) pager.setPage(0)
onSelectingChanged: {
if (selecting) {
bzzz()
} else if (!selectionEmpty) {
notification.publish()
}
}
2016-10-08 14:56:14 +03:00
Component {
id: linkMenuComponent
2016-11-02 16:33:26 +03:00
BooksLinkMenu { }
2016-10-08 14:56:14 +03:00
}
2016-10-08 19:57:54 +03:00
Component {
id: imageViewComponent
2016-11-02 16:33:26 +03:00
BooksImageView { }
}
Component {
id: footnoteViewComponent
2016-11-02 16:33:26 +03:00
BooksFootnoteView { }
2016-10-08 19:57:54 +03:00
}
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
}
2015-06-28 14:22:35 +03:00
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
})
}
}
2015-06-28 14:22:35 +03:00
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()
}
2015-06-28 14:22:35 +03:00
}
}
BookModel {
id: bookModel
2015-06-28 14:22:35 +03:00
book: root.book ? root.book : null
size: bookViewWatcher.size
2015-06-28 14:22:35 +03:00
leftMargin: Theme.horizontalPageMargin
rightMargin: Theme.horizontalPageMargin
topMargin: Theme.itemSizeSmall
bottomMargin: Theme.itemSizeSmall
onJumpToPage: bookView.jumpTo(page)
2015-06-28 14:22:35 +03:00
}
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"
}
}
}
2020-11-03 06:13:33 +03:00
Rectangle {
id: loadingBackground
anchors.fill: parent
color: HarbourTheme.invertedPrimaryColor
visible: loading && opacity > 0
}
2015-06-28 14:22:35 +03:00
SilicaListView {
id: bookView
2015-06-28 14:22:35 +03:00
model: bookModel
anchors.fill: parent
flickDeceleration: maximumFlickVelocity
orientation: ListView.Horizontal
snapMode: ListView.SnapOneItem
preferredHighlightBegin: 0
2020-11-03 06:13:33 +03:00
preferredHighlightEnd: width
highlightRangeMode: ListView.StrictlyEnforceRange
2015-06-28 14:22:35 +03:00
spacing: Theme.paddingMedium
opacity: loading ? 0 : 1
2015-06-28 14:22:35 +03:00
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()
2015-06-28 14:22:35 +03:00
delegate: BooksPageView {
id: pageView
2015-06-28 14:22:35 +03:00
width: bookView.width
height: bookView.height
bookModel: bookView.model
page: model.pageIndex
bookPos: model.bookPos
2015-06-28 14:22:35 +03:00
leftMargin: bookModel.leftMargin
rightMargin: bookModel.rightMargin
topMargin: bookModel.topMargin
bottomMargin: bookModel.bottomMargin
leftSpaceReserved: pageTools.visible ? pageTools.leftSpaceUsed : 0
rightSpaceReserved: pageTools.visible ? pageTools.rightSpaceUsed: 0
2015-06-28 14:22:35 +03:00
titleVisible: _currentState.title
pageNumberVisible: _currentState.page
currentPage: ListView.isCurrentItem
2015-06-28 14:22:35 +03:00
title: bookModel.title
2016-10-16 20:07:03 +03:00
onJumpToPage: bookView.jumpTo(page)
onPushPosition: stackModel.pushPosition(position) // bookView.jumpTo(page)
2015-06-28 14:22:35 +03:00
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
}
2015-06-28 14:22:35 +03:00
}
2016-10-08 19:57:54 +03:00
onImagePressed: {
if (!imageView) {
imageView = imageViewComponent.createObject(root)
2016-10-08 19:57:54 +03:00
}
imageView.show(url,rect)
2016-10-08 19:57:54 +03:00
}
2016-10-08 14:56:14 +03:00
onBrowserLinkPressed: {
if (!linkMenu) {
linkMenu = linkMenuComponent.createObject(root)
2016-11-02 16:33:26 +03:00
}
linkMenu.show(url)
2016-11-02 16:33:26 +03:00
}
onFootnotePressed: {
if (!footnoteView) {
footnoteView = footnoteViewComponent.createObject(root)
2016-10-08 14:56:14 +03:00
}
footnoteView.show(touchX,touchY,text,url)
2016-10-08 14:56:14 +03:00
}
2015-06-28 14:22:35 +03:00
}
function jumpTo(page) {
if (book && page >=0) {
console.log("showing page", page)
bookViewWatcher.positionViewAtIndex(page)
stackModel.currentPage = page
2015-06-28 14:22:35 +03:00
}
}
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
}
2015-06-28 14:22:35 +03:00
Behavior on opacity { FadeAnimation {} }
BooksPageTools {
id: pageTools
anchors {
top: parent.top
left: parent.left
right: parent.right
}
2015-06-28 14:22:35 +03:00
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 {} }
2015-06-28 14:22:35 +03:00
}
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 {} }
2015-06-28 14:22:35 +03:00
}
}
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
2015-06-28 14:22:35 +03:00
anchors.centerIn: parent
size: BusyIndicatorSize.Large
running: loading
}
2019-04-01 02:06:55 +03:00
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 { } }
}
2016-02-21 15:13:40 +03:00
Label {
anchors {
top: busyIndicator.bottom
topMargin: Theme.paddingLarge
horizontalCenter: busyIndicator.horizontalCenter
}
horizontalAlignment: Text.AlignHCenter
color: Theme.highlightColor
opacity: loading ? 1 : 0
2016-02-21 15:13:40 +03:00
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 {} }
2016-02-21 15:13:40 +03:00
}
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
}
}
2015-06-28 14:22:35 +03:00
}