add cover actions to skip forwards or backwards in the image list

rabauke · Sep 24, 2023 · de88780 · de88780
1 parent 1192223
commit de88780
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 3 deletions.
diff --git a/qml/cover/CoverPage.qml b/qml/cover/CoverPage.qml
@@ -10,6 +10,19 @@ CoverBackground {
         visible: appView.imageListEmpty
     }
 
+    CoverActionList {
+        CoverAction {
+            iconSource: 'image://theme/icon-cover-previous'
+            onTriggered: appView.imageListCurrentIndex = appView.imageListCurrentIndex - 1 >= 0 ? appView.imageListCurrentIndex - 1 : appView.imageListCurrentIndex
+
+        }
+        CoverAction {
+            iconSource: 'image://theme/icon-cover-next'
+            onTriggered: appView.imageListCurrentIndex = appView.imageListCurrentIndex + 1 < appView.imageListCount ? appView.imageListCurrentIndex + 1 :  view.currentIndex
+        }
+        enabled: !appView.imageListEmpty
+    }
+
     PagedView {
         id: view
 

diff --git a/qml/harbour-raw-view.qml b/qml/harbour-raw-view.qml
@@ -10,12 +10,13 @@ ApplicationWindow {
         id: appModel
     }
 
-    property int imageListCurrentIndex
+    property int imageListCurrentIndex: 0
+    property int imageListCount
     property bool imageListEmpty: appModel.imageList.rowCount() === 0
 
     initialPage: Component {
         MainPage {}
     }
-    cover: Qt.resolvedUrl("cover/CoverPage.qml")
+    cover: Qt.resolvedUrl('cover/CoverPage.qml')
     allowedOrientations: defaultAllowedOrientations
 }
diff --git a/qml/pages/MainPage.qml b/qml/pages/MainPage.qml
@@ -63,7 +63,7 @@ Page {
                         MenuItem {
                             text: qsTr('Show image')
                             onClicked: {
-                                view.currentIndex = index
+                                appView.imageListCurrentIndex = index
                                 pageStack.pop()
                             }
                         }
@@ -180,12 +180,20 @@ Page {
                 }
             }
 
+            currentIndex: appView.imageListCurrentIndex
+
             Binding {
                 target: appView
                 property: 'imageListCurrentIndex'
                 value: view.currentIndex
             }
 
+            Binding {
+                target: appView
+                property: 'imageListCount'
+                value: view.count
+            }
+
             PinchArea {
                 id: pinchArea
                 anchors.fill: parent