2022-10-10 03:45:18 +03:00
|
|
|
/*
|
|
|
|
|
Copyright (C) 2015-2022 Jolla Ltd.
|
|
|
|
|
Copyright (C) 2015-2022 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 Sailfish.Silica 1.0
|
2023-11-17 01:21:05 +03:00
|
|
|
import Nemo.Configuration 1.0
|
2022-10-10 03:45:18 +03:00
|
|
|
|
|
|
|
|
import "../qml/Books.js" as Books
|
|
|
|
|
import "../qml/harbour"
|
|
|
|
|
|
|
|
|
|
Page {
|
|
|
|
|
id: thisPage
|
|
|
|
|
|
|
|
|
|
property bool inApp
|
|
|
|
|
property var colorSchemeModel
|
|
|
|
|
property var colorEditorModel
|
|
|
|
|
property alias title: pageHeader.title
|
|
|
|
|
|
|
|
|
|
signal resetColors()
|
|
|
|
|
|
|
|
|
|
// jolla-settings expects these properties:
|
|
|
|
|
property var applicationName
|
|
|
|
|
property var applicationIcon
|
|
|
|
|
|
|
|
|
|
// Internal properties
|
|
|
|
|
readonly property string _rootPath: "/apps/" + appName() + "/"
|
|
|
|
|
readonly property bool _darkOnLight: ('colorScheme' in Theme) && Theme.colorScheme === 1
|
|
|
|
|
readonly property int _screenWidth: isPortrait ? Screen.width : Screen.height
|
|
|
|
|
readonly property int _screenHeight: isPortrait ? Screen.height : Screen.width
|
|
|
|
|
readonly property bool _landscapeLayout: (_screenWidth > _screenHeight && Screen.sizeCategory > Screen.Small) || Screen.sizeCategory > Screen.Medium
|
|
|
|
|
|
|
|
|
|
// Deduce package name from the path
|
|
|
|
|
function appName() {
|
|
|
|
|
var parts = Qt.resolvedUrl("dummy").split('/')
|
|
|
|
|
if (parts.length > 2) {
|
|
|
|
|
var name = parts[parts.length-3]
|
2023-11-17 13:22:15 +03:00
|
|
|
if (name.indexOf(".books") >= 0) {
|
2022-10-10 03:45:18 +03:00
|
|
|
return name
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-11-17 13:22:15 +03:00
|
|
|
return "org.monich.harbour.books"
|
2022-10-10 03:45:18 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Loader {
|
|
|
|
|
active: inApp // Follow orientation changes
|
|
|
|
|
Connections {
|
|
|
|
|
target: orientation
|
|
|
|
|
onValueChanged: allowedOrientations =
|
|
|
|
|
(orientation.value === 1) ? Orientation.Portrait :
|
|
|
|
|
(orientation.value === 2) ? Orientation.Landscape :
|
|
|
|
|
Orientation.All
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
SilicaFlickable {
|
|
|
|
|
anchors.fill: parent
|
|
|
|
|
contentHeight: content.height
|
|
|
|
|
|
|
|
|
|
// Night mode example (positioned right above the slider)
|
|
|
|
|
Rectangle {
|
|
|
|
|
opacity: nightModeBrightnessSlider.pressed ? 1.0 : 0
|
|
|
|
|
visible: opacity > 0
|
|
|
|
|
radius: Theme.paddingSmall
|
|
|
|
|
width: nightModeExampleLabel.width + 2 * Theme.paddingLarge
|
|
|
|
|
height: nightModeExampleLabel.height + 2 * Theme.paddingMedium
|
|
|
|
|
readonly property int xMin: nightModeBrightnessSlider.leftMargin
|
|
|
|
|
readonly property int xMax: content.width - nightModeBrightnessSlider.rightMargin - width
|
|
|
|
|
readonly property int yOffset: _landscapeLayout ? (Theme.itemSizeExtraLarge - Theme.itemSizeMedium) : 0
|
|
|
|
|
x: content.x + displayGrid.x + Math.max(Math.min(nightModeBrightnessSlider.sliderLeft + Math.round(nightModeBrightnessSlider.sliderThumbX - width/2.0), xMax), xMin)
|
|
|
|
|
y: content.y + displayGrid.y + nightModeBrightnessSlider.y + yOffset - height
|
|
|
|
|
z: nightModeBrightnessSlider.z + 1
|
|
|
|
|
color: "black"
|
|
|
|
|
border {
|
|
|
|
|
color: Theme.highlightColor
|
|
|
|
|
width: Math.ceil(radius/5)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Label {
|
|
|
|
|
id: nightModeExampleLabel
|
|
|
|
|
|
|
|
|
|
anchors.centerIn: parent
|
|
|
|
|
color: "white"
|
|
|
|
|
opacity: Books.contentOpacity(nightModeBrightness.value)
|
|
|
|
|
//: Night mode example label
|
|
|
|
|
//% "Night mode"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-night_mode_example")
|
|
|
|
|
font {
|
|
|
|
|
bold: true
|
|
|
|
|
pixelSize: Theme.fontSizeLarge
|
|
|
|
|
family: "Times"
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Behavior on x { SmoothedAnimation { duration: 125 } }
|
|
|
|
|
Behavior on opacity { FadeAnimation { duration: 500 } }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Column {
|
|
|
|
|
id: content
|
|
|
|
|
width: parent.width
|
|
|
|
|
|
|
|
|
|
PageHeader {
|
|
|
|
|
id: pageHeader
|
|
|
|
|
rightMargin: Theme.horizontalPageMargin + (appIcon.visible ? (height - appIcon.padding) : 0)
|
|
|
|
|
title: applicationName ? applicationName :
|
|
|
|
|
//: Settings page header (app name)
|
|
|
|
|
//% "Books"
|
|
|
|
|
qsTrId("harbour-books-settings-page-header")
|
|
|
|
|
description: inApp ? "" :
|
|
|
|
|
//: Settings page header description (app version)
|
|
|
|
|
//% "Version %1"
|
|
|
|
|
qsTrId("harbour-books-settings-version").arg(Books.version)
|
|
|
|
|
|
|
|
|
|
Image {
|
|
|
|
|
id: appIcon
|
|
|
|
|
readonly property int padding: Theme.paddingLarge
|
|
|
|
|
readonly property int size: pageHeader.height - 2 * padding
|
|
|
|
|
x: pageHeader.width - width - Theme.horizontalPageMargin
|
|
|
|
|
y: padding
|
|
|
|
|
width: size
|
|
|
|
|
height: size
|
|
|
|
|
sourceSize: Qt.size(size,size)
|
|
|
|
|
source: applicationIcon ? applicationIcon : ""
|
|
|
|
|
visible: appIcon.status === Image.Ready
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// =============== Display ===============
|
|
|
|
|
|
|
|
|
|
SectionHeader {
|
|
|
|
|
//: Section header for display settings
|
|
|
|
|
//% "Display"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-display-section_header")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Grid {
|
|
|
|
|
id: displayGrid
|
|
|
|
|
|
|
|
|
|
width: parent.width
|
|
|
|
|
columns: _landscapeLayout ? 2 : 1
|
|
|
|
|
|
|
|
|
|
readonly property real columnWidth: width/columns
|
|
|
|
|
|
|
|
|
|
Slider {
|
|
|
|
|
id: fontSizeSlider
|
|
|
|
|
|
|
|
|
|
minimumValue: -5
|
|
|
|
|
maximumValue: 15
|
|
|
|
|
stepSize: 1
|
|
|
|
|
width: parent.columnWidth
|
|
|
|
|
leftMargin: _landscapeLayout ? Theme.horizontalPageMargin : nightModeBrightnessSlider.leftMargin
|
|
|
|
|
rightMargin: leftMargin
|
|
|
|
|
//: Slider value label for the standard font size
|
|
|
|
|
//% "Default"
|
|
|
|
|
readonly property string normal: qsTrId("harbour-books-settings-page-font_size_label-default")
|
|
|
|
|
//: Slider label
|
|
|
|
|
//% "Font size"
|
|
|
|
|
label: qsTrId("harbour-books-settings-page-font_size_label")
|
|
|
|
|
valueText: (value === 0) ? normal : ((value > 0) ? ("+" + value) : value)
|
|
|
|
|
onSliderValueChanged: fontSize.value = value
|
|
|
|
|
Component.onCompleted: value = fontSize.value
|
|
|
|
|
|
|
|
|
|
ConfigurationValue {
|
|
|
|
|
id: fontSize
|
|
|
|
|
key: _rootPath + "fontSize"
|
|
|
|
|
defaultValue: 0
|
|
|
|
|
onValueChanged: fontSizeSlider.value = value
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Slider {
|
|
|
|
|
id: nightModeBrightnessSlider
|
|
|
|
|
|
|
|
|
|
width: parent.columnWidth
|
|
|
|
|
leftMargin: keepDisplayOnSwitch.leftMargin - Theme.paddingLarge + Theme.itemSizeExtraSmall
|
|
|
|
|
rightMargin: leftMargin
|
|
|
|
|
//: Slider label
|
|
|
|
|
//% "Brightness in night mode"
|
|
|
|
|
label: qsTrId("harbour-books-settings-page-night_mode_brightness_label")
|
|
|
|
|
stepSize: (maximumValue - minimumValue) / 100.0
|
|
|
|
|
onSliderValueChanged: nightModeBrightness.value = value
|
|
|
|
|
value: nightModeBrightness.value
|
|
|
|
|
valueText: _landscapeLayout ? " " : ""
|
|
|
|
|
|
|
|
|
|
readonly property real sliderLeft: x + leftMargin
|
|
|
|
|
readonly property real sliderRight: x + width - rightMargin
|
|
|
|
|
readonly property real sliderWidth: width - leftMargin - rightMargin
|
|
|
|
|
readonly property real sliderThumbX: sliderLeft + (maximumValue > minimumValue) ? (sliderWidth * sliderValue / (maximumValue - minimumValue)) : 0
|
|
|
|
|
readonly property real sliderBarVerticalCenter: Math.round(height - Theme.fontSizeSmall - Theme.paddingSmall - Theme.itemSizeExtraSmall*3/8)
|
|
|
|
|
readonly property color highlightColor: highlighted ? Theme.secondaryHighlightColor : Theme.secondaryColor
|
|
|
|
|
|
|
|
|
|
ConfigurationValue {
|
|
|
|
|
id: nightModeBrightness
|
|
|
|
|
key: _rootPath + "nightModeBrightness"
|
|
|
|
|
defaultValue: 1
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
HarbourHighlightIcon {
|
|
|
|
|
source: "images/brightness.svg"
|
|
|
|
|
y: nightModeBrightnessSlider.sliderBarVerticalCenter - Math.round(height/2)
|
|
|
|
|
anchors {
|
|
|
|
|
left: parent.left
|
|
|
|
|
leftMargin: nightModeBrightnessSlider.leftMargin - Theme.paddingSmall - width
|
|
|
|
|
}
|
|
|
|
|
sourceSize.height: Math.round(Theme.iconSizeSmall * 0.8)
|
|
|
|
|
highlightColor: nightModeBrightnessSlider.highlightColor
|
|
|
|
|
opacity: (_darkOnLight && !nightModeBrightnessSlider.highlighted) ? 0.6 : 1.0
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
HarbourHighlightIcon {
|
|
|
|
|
source: "images/brightness.svg"
|
|
|
|
|
y: nightModeBrightnessSlider.sliderBarVerticalCenter - Math.round(height/2)
|
|
|
|
|
anchors {
|
|
|
|
|
right: parent.right
|
|
|
|
|
rightMargin: nightModeBrightnessSlider.rightMargin - Theme.paddingSmall - width
|
|
|
|
|
}
|
|
|
|
|
sourceSize.height: Math.round(Theme.iconSizeSmall * 1.2)
|
|
|
|
|
highlightColor: nightModeBrightnessSlider.highlightColor
|
|
|
|
|
opacity: (_darkOnLight && !nightModeBrightnessSlider.highlighted) ? 0.6 : 1.0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Grid {
|
|
|
|
|
width: parent.width
|
|
|
|
|
columns: _landscapeLayout ? 2 : 1
|
|
|
|
|
flow: Grid.TopToBottom
|
|
|
|
|
|
|
|
|
|
readonly property real columnWidth: width/columns
|
|
|
|
|
|
|
|
|
|
Column {
|
|
|
|
|
width: parent.columnWidth
|
|
|
|
|
|
|
|
|
|
ComboBox {
|
|
|
|
|
id: orientationComboBox
|
|
|
|
|
|
|
|
|
|
//: Combo box label
|
|
|
|
|
//% "Orientation"
|
|
|
|
|
label: qsTrId("harbour-books-settings-page-orientation_label")
|
|
|
|
|
value: currentItem ? currentItem.text : ""
|
|
|
|
|
menu: ContextMenu {
|
|
|
|
|
id: orientationMenu
|
|
|
|
|
|
|
|
|
|
x: 0
|
|
|
|
|
width: orientationComboBox.width
|
|
|
|
|
readonly property int defaultIndex: 0
|
|
|
|
|
MenuItem {
|
|
|
|
|
readonly property int value: 0
|
|
|
|
|
//: Combo box value for dynamic orientation
|
|
|
|
|
//% "Dynamic"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-orientation-dynamic")
|
|
|
|
|
onClicked: orientation.value = value
|
|
|
|
|
}
|
|
|
|
|
MenuItem {
|
|
|
|
|
readonly property int value: 1
|
|
|
|
|
//: Combo box value for portrait orientation
|
|
|
|
|
//% "Portrait"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-orientation-portrait")
|
|
|
|
|
onClicked: orientation.value = value
|
|
|
|
|
}
|
|
|
|
|
MenuItem {
|
|
|
|
|
readonly property int value: 2
|
|
|
|
|
//: Combo box value for landscape orientation
|
|
|
|
|
//% "Landscape"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-orientation-landscape")
|
|
|
|
|
onClicked: orientation.value = value
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
Component.onCompleted: orientation.updateControls()
|
|
|
|
|
ConfigurationValue {
|
|
|
|
|
id: orientation
|
|
|
|
|
key: _rootPath + "orientation"
|
|
|
|
|
defaultValue: 0
|
|
|
|
|
onValueChanged: updateControls()
|
|
|
|
|
function updateControls() {
|
|
|
|
|
var n = orientationMenu.children.length
|
|
|
|
|
var index = orientationMenu.defaultIndex
|
|
|
|
|
for (var i=0; i<n; i++) {
|
|
|
|
|
if (orientationMenu.children[i].value === value) {
|
|
|
|
|
index = i
|
|
|
|
|
break
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
orientationComboBox.currentIndex = index
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ComboBox {
|
|
|
|
|
id: layoutComboBox
|
|
|
|
|
|
|
|
|
|
//: Combo box label
|
|
|
|
|
//% "Page layout"
|
|
|
|
|
label: qsTrId("harbour-books-settings-page-page_layout")
|
|
|
|
|
value: currentItem ? currentItem.valueText : ""
|
|
|
|
|
readonly property int yBottom: y + Theme.itemSizeSmall
|
|
|
|
|
menu: ContextMenu {
|
|
|
|
|
x: 0
|
|
|
|
|
width: layoutComboBox.width
|
|
|
|
|
readonly property int defaultIndex: 0
|
|
|
|
|
BooksDetailMenuItem {
|
|
|
|
|
//: Combo box value for dynamic page layout
|
|
|
|
|
//% "Dynamic"
|
|
|
|
|
valueText: qsTrId("harbour-books-settings-page-layout-dynamic")
|
|
|
|
|
//: Combo box detail for dynamic page layout
|
|
|
|
|
//% "(toggle on tap)"
|
|
|
|
|
detailText: qsTrId("harbour-books-settings-page-layout-dynamic-detail")
|
|
|
|
|
onClicked: pageDetailsFixed.value = false
|
|
|
|
|
}
|
|
|
|
|
BooksDetailMenuItem {
|
|
|
|
|
//: Combo box value for clean page layout (just the content)
|
|
|
|
|
//% "Clean"
|
|
|
|
|
valueText: qsTrId("harbour-books-settings-page-layout-clean")
|
|
|
|
|
//: Combo box detail for clean page layout (just the content)
|
|
|
|
|
//% "(just the content)"
|
|
|
|
|
detailText: qsTrId("harbour-books-settings-page-layout-clean-detail")
|
|
|
|
|
onClicked: {
|
|
|
|
|
pageDetailsFixed.value = true
|
|
|
|
|
pageDetails.value = 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
BooksDetailMenuItem {
|
|
|
|
|
//: Combo box value for minimal page layout (title + page)
|
|
|
|
|
//% "Minimal"
|
|
|
|
|
valueText: qsTrId("harbour-books-settings-page-layout-minimal")
|
|
|
|
|
//: Combo box detail for minimal page layout (title + page)
|
|
|
|
|
//% "(title, page)"
|
|
|
|
|
detailText: qsTrId("harbour-books-settings-page-layout-minimal-detail")
|
|
|
|
|
onClicked: {
|
|
|
|
|
pageDetailsFixed.value = true
|
|
|
|
|
pageDetails.value = 1
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
BooksDetailMenuItem {
|
|
|
|
|
//: Combo box value for normal page layout (title + page + slider)
|
|
|
|
|
//% "Regular"
|
|
|
|
|
valueText: qsTrId("harbour-books-settings-page-layout-normal")
|
|
|
|
|
//: Combo box detail for normal page layout (title + page + slider)
|
|
|
|
|
//% "(title, page, slider)"
|
|
|
|
|
detailText: qsTrId("harbour-books-settings-page-layout-normal-detail")
|
|
|
|
|
onClicked: {
|
|
|
|
|
pageDetailsFixed.value = true
|
|
|
|
|
pageDetails.value = 2
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
BooksDetailMenuItem {
|
|
|
|
|
//: Combo box value for full page layout (title + page + slider)
|
|
|
|
|
//% "Full"
|
|
|
|
|
valueText: qsTrId("harbour-books-settings-page-layout-full")
|
|
|
|
|
//: Combo box detail for full page layout (title + page + slider)
|
|
|
|
|
//% "(everything)"
|
|
|
|
|
detailText: qsTrId("harbour-books-settings-page-layout-full-detail")
|
|
|
|
|
onClicked: {
|
|
|
|
|
pageDetailsFixed.value = true
|
|
|
|
|
pageDetails.value = 3
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
Component.onCompleted: updateSelectedItem()
|
|
|
|
|
function updateSelectedItem() {
|
|
|
|
|
currentIndex = pageDetailsFixed.value ? (pageDetails.value + 1) : 0
|
|
|
|
|
}
|
|
|
|
|
ConfigurationValue {
|
|
|
|
|
id: pageDetails
|
|
|
|
|
key: _rootPath + "pageDetails"
|
|
|
|
|
defaultValue: 0
|
|
|
|
|
onValueChanged: layoutComboBox.updateSelectedItem()
|
|
|
|
|
}
|
|
|
|
|
ConfigurationValue {
|
|
|
|
|
id: pageDetailsFixed
|
|
|
|
|
key: _rootPath + "pageDetailsFixed"
|
|
|
|
|
defaultValue: false
|
|
|
|
|
onValueChanged: layoutComboBox.updateSelectedItem()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
TextSwitch {
|
|
|
|
|
id: keepDisplayOnSwitch
|
|
|
|
|
|
|
|
|
|
width: parent.columnWidth
|
|
|
|
|
automaticCheck: false
|
|
|
|
|
checked: keepDisplayOn.value
|
|
|
|
|
//: Text switch label
|
|
|
|
|
//% "Keep display on while reading"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-keep_display_on")
|
|
|
|
|
//: Text switch description
|
|
|
|
|
//% "Prevent the display from blanking while reading the book."
|
|
|
|
|
description: qsTrId("harbour-books-settings-page-keep_display_on_description")
|
|
|
|
|
onClicked: keepDisplayOn.value = !keepDisplayOn.value
|
|
|
|
|
ConfigurationValue {
|
|
|
|
|
id: keepDisplayOn
|
|
|
|
|
key: _rootPath + "keepDisplayOn"
|
|
|
|
|
defaultValue: false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// =============== Navigation ===============
|
|
|
|
|
|
|
|
|
|
SectionHeader {
|
|
|
|
|
//: Section header for media keys
|
|
|
|
|
//% "Navigation"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-navigation-section_header")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Grid {
|
|
|
|
|
width: parent.width
|
|
|
|
|
columns: _landscapeLayout ? 2 : 1
|
|
|
|
|
flow: Grid.TopToBottom
|
|
|
|
|
|
|
|
|
|
readonly property real columnWidth: width/columns
|
|
|
|
|
|
|
|
|
|
Column {
|
|
|
|
|
width: parent.columnWidth
|
|
|
|
|
|
|
|
|
|
BooksActionSelector {
|
|
|
|
|
//: Combo box label
|
|
|
|
|
//% "Volume up"
|
|
|
|
|
label: qsTrId("harbour-books-settings-page-volume_up-label")
|
|
|
|
|
key: _rootPath + "volumeUpAction"
|
|
|
|
|
defaultValue: 2 // BooksSettings.ActionNextPage
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
BooksActionSelector {
|
|
|
|
|
//: Combo box label
|
|
|
|
|
//% "Volume down"
|
|
|
|
|
label: qsTrId("harbour-books-settings-page-volume_down-label")
|
|
|
|
|
key: _rootPath + "volumeDownAction"
|
|
|
|
|
defaultValue: 1 // BooksSettings.ActionPreviousPage
|
|
|
|
|
readonly property int yBottom: y + Theme.itemSizeSmall
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Item {
|
|
|
|
|
width: 1
|
|
|
|
|
height: 1
|
|
|
|
|
visible: _landscapeLayout // To occupy the grid slot
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
TextSwitch {
|
|
|
|
|
width: parent.columnWidth
|
|
|
|
|
automaticCheck: false
|
|
|
|
|
checked: turnPageByTap.value
|
|
|
|
|
//: Text switch label
|
|
|
|
|
//% "Turn pages by tapping the screen"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-turn_pages_by_tap")
|
|
|
|
|
//: Text switch description
|
|
|
|
|
//% "Tapping near the left edge of the screen returns to the previous page, tapping near the right edge gets you to the next page."
|
|
|
|
|
description: qsTrId("harbour-books-settings-page-turn_pages_by_tap-description")
|
|
|
|
|
onClicked: turnPageByTap.value = !turnPageByTap.value
|
|
|
|
|
ConfigurationValue {
|
|
|
|
|
id: turnPageByTap
|
|
|
|
|
key: _rootPath + "turnPageByTap"
|
|
|
|
|
defaultValue: false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
TextSwitch {
|
|
|
|
|
width: parent.columnWidth
|
|
|
|
|
automaticCheck: false
|
|
|
|
|
checked: bookPullDownMenu.value
|
|
|
|
|
//: Text switch label
|
|
|
|
|
//% "Show pulley menu when the book is open"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-book_pulldown_menu")
|
|
|
|
|
//: Text switch description
|
|
|
|
|
//% "Without the pulley menu, the book has to be closed by swiping it up."
|
|
|
|
|
description: qsTrId("harbour-books-settings-page-book_pulldown_menu-description")
|
|
|
|
|
onClicked: bookPullDownMenu.value = !bookPullDownMenu.value
|
|
|
|
|
ConfigurationValue {
|
|
|
|
|
id: bookPullDownMenu
|
|
|
|
|
key: _rootPath + "bookPullDownMenu"
|
|
|
|
|
defaultValue: true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// =============== Colors ===============
|
|
|
|
|
|
|
|
|
|
SectionHeader {
|
|
|
|
|
//: Section header for colors
|
|
|
|
|
//% "Colors"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-colors-section_header")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
TextSwitch {
|
|
|
|
|
id: useCustomColorSchemeSwitch
|
|
|
|
|
|
|
|
|
|
width: parent.width
|
|
|
|
|
automaticCheck: false
|
|
|
|
|
checked: !useCustomColorScheme.value
|
|
|
|
|
//: Text switch label
|
|
|
|
|
//% "Use standard colors"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-standard_colors")
|
|
|
|
|
//: Text switch description
|
|
|
|
|
//% "Note that colors hardcoded in the book override the color scheme."
|
|
|
|
|
description: qsTrId("harbour-books-settings-page-standard_colors-description")
|
|
|
|
|
onClicked: {
|
|
|
|
|
customColorsGridHeightBehavior.enabled = true
|
|
|
|
|
useCustomColorScheme.value = !useCustomColorScheme.value
|
|
|
|
|
customColorsGridHeightBehavior.enabled = false
|
|
|
|
|
}
|
|
|
|
|
ConfigurationValue {
|
|
|
|
|
id: useCustomColorScheme
|
|
|
|
|
|
|
|
|
|
key: _rootPath + "useCustomColorScheme"
|
|
|
|
|
defaultValue: false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Grid {
|
|
|
|
|
id: customColorsGrid
|
|
|
|
|
|
|
|
|
|
x: useCustomColorSchemeSwitch.leftMargin - Theme.paddingLarge - Theme.paddingMedium +
|
|
|
|
|
Theme.itemSizeExtraSmall + (_darkOnLight ? Theme.paddingMedium : 0)
|
|
|
|
|
width: parent.width - x
|
|
|
|
|
columns: _landscapeLayout ? 2 : 1
|
|
|
|
|
flow: Grid.TopToBottom
|
|
|
|
|
height: useCustomColorScheme.value ? implicitHeight : 0
|
|
|
|
|
visible: height > 0
|
|
|
|
|
clip: true
|
|
|
|
|
|
|
|
|
|
readonly property real columnWidth: width/columns
|
|
|
|
|
|
|
|
|
|
Repeater {
|
|
|
|
|
model: colorSchemeModel
|
|
|
|
|
delegate: BackgroundItem {
|
|
|
|
|
id: delegate
|
|
|
|
|
|
|
|
|
|
width: customColorsGrid.columnWidth
|
|
|
|
|
|
|
|
|
|
Rectangle {
|
|
|
|
|
id: colorButton
|
|
|
|
|
|
|
|
|
|
width: height
|
|
|
|
|
height: Theme.itemSizeSmall - 2 * Theme.paddingMedium
|
|
|
|
|
color: model.color
|
|
|
|
|
border {
|
|
|
|
|
width: 1
|
|
|
|
|
color: Theme.primaryColor
|
|
|
|
|
}
|
|
|
|
|
anchors {
|
|
|
|
|
verticalCenter: parent.verticalCenter
|
|
|
|
|
left: parent.left
|
|
|
|
|
leftMargin: Theme.paddingMedium
|
|
|
|
|
}
|
|
|
|
|
layer.enabled: delegate.highlighted
|
|
|
|
|
layer.effect: HarbourPressEffect {
|
|
|
|
|
source: colorButton
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Label{
|
|
|
|
|
anchors {
|
|
|
|
|
verticalCenter: parent.verticalCenter
|
|
|
|
|
left: colorButton.right
|
|
|
|
|
leftMargin: Theme.paddingMedium
|
|
|
|
|
right: parent.right
|
|
|
|
|
}
|
|
|
|
|
truncationMode: TruncationMode.Fade
|
|
|
|
|
text: model.label
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
onClicked: {
|
|
|
|
|
var dialog = pageStack.push(Qt.resolvedUrl("../qml/harbour/HarbourColorPickerDialog.qml"), {
|
|
|
|
|
allowedOrientations: thisPage.allowedOrientations,
|
|
|
|
|
acceptDestinationAction: PageStackAction.Replace,
|
|
|
|
|
colorModel: colorEditorModel,
|
|
|
|
|
color: model.color,
|
|
|
|
|
//: Pulley menu item
|
|
|
|
|
//% "Reset colors"
|
|
|
|
|
resetColorsMenuText: qsTrId("harbour-books-color_picker-menu-reset_colors"),
|
|
|
|
|
//: Dialog title label
|
|
|
|
|
//% "Select color"
|
|
|
|
|
acceptText: qsTrId("harbour-books-color_picker-action-select_color"),
|
|
|
|
|
//: Dialog title label
|
|
|
|
|
//% "Add color"
|
|
|
|
|
addColorAcceptText: qsTrId("harbour-books-color_picker-action-add_color"),
|
|
|
|
|
//: Hue slider label
|
|
|
|
|
//% "Color"
|
|
|
|
|
addColorHueSliderText: qsTrId("harbour-books-color_picker-slider-hue"),
|
|
|
|
|
//: Brightness slider label
|
|
|
|
|
//% "Brightness"
|
|
|
|
|
addColorBrightnessSliderText: qsTrId("harbour-books-color_picker-slider-brightness"),
|
|
|
|
|
//: Text field description
|
|
|
|
|
//% "Hex notation"
|
|
|
|
|
addColorHexNotationText: qsTrId("harbour-books-color_picker-text-hex_notation")
|
|
|
|
|
})
|
|
|
|
|
dialog.resetColors.connect(thisPage.resetColors)
|
|
|
|
|
dialog.accepted.connect(function() {
|
|
|
|
|
delegate.setColor(dialog.color)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function setColor(c) {
|
|
|
|
|
model.color = c
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Behavior on height {
|
|
|
|
|
id: customColorsGridHeightBehavior
|
|
|
|
|
|
|
|
|
|
enabled: false
|
|
|
|
|
NumberAnimation { duration: 200 }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// =============== Memory card ===============
|
|
|
|
|
|
|
|
|
|
SectionHeader {
|
|
|
|
|
//: Section header for memory card settings
|
|
|
|
|
//% "Memory card"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-removable-section_header")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
TextField {
|
|
|
|
|
id: removableRootField
|
|
|
|
|
width: parent.width
|
|
|
|
|
labelVisible: false
|
|
|
|
|
|
|
|
|
|
Component.onCompleted: text = removableRoot.value
|
|
|
|
|
onActiveFocusChanged: removableRoot.value = text
|
|
|
|
|
EnterKey.onClicked: thisPage.focus = true
|
|
|
|
|
EnterKey.iconSource: "image://theme/icon-m-enter-close"
|
|
|
|
|
|
|
|
|
|
ConfigurationValue {
|
|
|
|
|
id: removableRoot
|
|
|
|
|
key: _rootPath + "removableRoot"
|
|
|
|
|
defaultValue: "Books"
|
|
|
|
|
onValueChanged: removableRootField.text = value
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Label {
|
|
|
|
|
id: removableRootLabel
|
|
|
|
|
//: Settings field label
|
|
|
|
|
//% "Books folder"
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-removable_root-label")
|
|
|
|
|
x: removableRootField.textLeftMargin
|
|
|
|
|
width: removableRootField.width - removableRootField.textLeftMargin - removableRootField.textRightMargin
|
|
|
|
|
height: text.length ? (implicitHeight + Theme.paddingMedium) : 0
|
|
|
|
|
anchors {
|
|
|
|
|
topMargin: -Theme.paddingSmall
|
|
|
|
|
bottomMargin: Theme.paddingMedium
|
|
|
|
|
}
|
|
|
|
|
color: removableRootField.activeFocus ? Theme.highlightColor : Theme.primaryColor
|
|
|
|
|
opacity: removableRootField.activeFocus ? 1.0 : 0.6
|
|
|
|
|
elide: Text.ElideRight
|
|
|
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Label {
|
|
|
|
|
//: Settings field description
|
|
|
|
|
//% "Leave the folder name empty to scan the entire memory card for books."
|
|
|
|
|
text: qsTrId("harbour-books-settings-page-removable_root-description")
|
|
|
|
|
height: text.length ? (implicitHeight + Theme.paddingMedium) : 0
|
|
|
|
|
width: removableRootLabel.width
|
|
|
|
|
x: removableRootLabel.x
|
|
|
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
|
|
|
color: Theme.secondaryColor
|
|
|
|
|
wrapMode: Text.Wrap
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
VerticalScrollDecorator { }
|
|
|
|
|
}
|
|
|
|
|
}
|
