QML UI: DiveList: show left bar on dives that are part of a trip

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>

mobile-widgets/qml/DiveList.qml

@@ -22,6 +22,8 @@ Kirigami.ScrollablePage {
 	Component {
 		id: diveDelegate
 		Kirigami.AbstractListItem {
+			leftPadding: 0
+			topPadding: 0
 			id: innerListItem
 			enabled: true
 			supportsMouseEvents: true
@@ -47,19 +49,22 @@ Kirigami.ScrollablePage {
 				deleteButtonVisible = true
 				timer.restart()
 			}
-
+			Item {
-			Row {
+				Rectangle {
-				width: parent.width
+					id: leftBarDive
-				spacing: horizontalPadding
+					height: diveListEntry.height + Kirigami.Units.smallSpacing
-				add: Transition {
+					width: dive.tripMeta == "" ? 0 : Kirigami.Units.gridUnit * 1
-					NumberAnimation { property: "opacity"; from: 0; to: 1.0; duration: 400 }
+					color: subsurfaceTheme.accentColor
-					NumberAnimation { property: "scale"; from: 0; to: 1.0; duration: 400 }
+					anchors {
+						left: parent.left
+						top: parent.top
+					}
 				}
 				Item {
 					id: diveListEntry
 					width: parent.width - Kirigami.Units.gridUnit * (innerListItem.deleteButtonVisible ? 3 : 1)
 					height: childrenRect.height - Kirigami.Units.smallSpacing
-
+					anchors.left: leftBarDive.right
 					Kirigami.Label {
 						id: locationText
 						text: dive.location
@@ -71,7 +76,6 @@ Kirigami.ScrollablePage {
 							left: parent.left
 							leftMargin: horizontalPadding
 							top: parent.top
-							topMargin: - Kirigami.Units.smallSpacing * 2
 							right: parent.right
 						}
 					}