QML UI: select / unselect dive by clicking on it

Signed-off-by: Tomaz Canabrava <tcanabrava@kde.org>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>

1 files changed, 18 insertions, 1 deletions

diff --git a/mobile-widgets/qml/DownloadFromDiveComputer.qml b/mobile-widgets/qml/DownloadFromDiveComputer.qml
index e17032dd9..1e93fc3ea 100644
--- a/mobile-widgets/qml/DownloadFromDiveComputer.qml
+++ b/mobile-widgets/qml/DownloadFromDiveComputer.qml
@@ -15,6 +15,8 @@ Kirigami.Page {
 	Layout.fillWidth: true;
 	title: qsTr("Dive Computer")
 
+	property bool selectAll : false
+
 	DCDownloadThread {
 		id: downloadThread
 		deviceData.vendor : comboVendor.currentText
@@ -99,9 +101,17 @@ Kirigami.Page {
 
 			model : importModel
 			delegate : DownloadedDiveDelegate {
+				id: delegate
 				datetime: model.datetime
 				duration: model.duration
 				depth: model.depth
+
+				backgroundColor: selectAll ? Kirigami.Theme.highlightColor : Kirigami.Theme.viewBackgroundColor
+
+				onClicked : {
+					console.log("Selecting index" + index);
+					importModel.selectRow(index)
+				}
 			}
 		}
 
@@ -126,10 +136,17 @@ Kirigami.Page {
 			}
 			Button {
 				text: qsTr("Select All")
+				onClicked : {
+					selectAll = true
+					importModel.selectAll()
+				}
 			}
 			Button {
-				id: unselectbutton
 				text: qsTr("Unselect All")
+				onClicked : {
+					selectAll = false
+					importModel.selectNone()
+				}
 			}
 		}
 	}