Refs #2. Updated ParticipantDelegate visuals with download assets button

Frontend/DashboardsViewer/content/CMakeLists.txt

@@ -22,6 +22,7 @@ qt6_add_qml_module(content
         widgets/BaseWidget.qml
         widgets/ButtonWidget.qml
         widgets/ClockWidget.qml
+        widgets/ImageButtonWidget.qml
         widgets/ListViewWidget.qml
         widgets/SessionViewerWidget.qml
         widgets/TimeLineWidget.qml
@@ -57,6 +58,7 @@ qt6_add_qml_module(content
         images/icons/battery_full.png
         images/icons/battery_low.png
         images/icons/dashboard.png
+        images/icons/data.png
         images/icons/device.png
         images/icons/error.png
         images/icons/flag.png

Frontend/DashboardsViewer/content/delegates/ParticipantDelegate.qml

@@ -14,6 +14,8 @@ BaseDelegate {
     property int daysWarningThreshold: 2
     property int daysErrorThreshold: 4
 
+    property bool showDownloadAssets: true
+
     property bool isCurrentItem: ListView ? ListView.isCurrentItem : false
 
     states: [
@@ -88,6 +90,16 @@ BaseDelegate {
         border.color: isCurrentItem ? "lightgrey" : "black"
         border.width: isCurrentItem ? 5 : 1
         radius: 5
+
+        MouseArea {
+            id: mouseArea
+            anchors.fill: parent
+            onClicked: {
+                if (myDelegate.ListView)
+                    myDelegate.ListView.view.currentIndex = index;
+                model.dataSource.itemSelected(model[model.dataSource.fieldIdName])
+            }
+        }
     }
 
     RowLayout{
@@ -134,10 +146,12 @@ BaseDelegate {
                 }
             }
         }
-        ButtonWidget{
+        ImageButtonWidget{
             id: btnDownload
-            text: qsTr("Download")
+            visible: showDownloadAssets
+            imgPath: "../images/icons/data.png"
             onClicked: {
+                console.log("Download");
                 fileDownloader.downloadParticipantArchive(model[model.dataSource.fieldIdName])
             }
         }
@@ -147,14 +161,6 @@ BaseDelegate {
         id: fileDownloader
     }
 
-    MouseArea {
-        id: mouseArea
-        anchors.fill: parent
-        onClicked: {
-            if (myDelegate.ListView)
-                myDelegate.ListView.view.currentIndex = index;
-            model.dataSource.itemSelected(model[model.dataSource.fieldIdName])
-        }
-    }
+
 
 }

Frontend/DashboardsViewer/content/widgets/ImageButtonWidget.qml

@@ -0,0 +1,98 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Effects
+import QtQuick.Layouts 1.15
+
+BaseWidget {
+
+    signal clicked() // This signal is emitted when the button is clicked
+
+    property alias text: control.text
+    required property string imgPath
+
+    implicitHeight: control.implicitHeight
+    implicitWidth: control.implicitWidth + 10
+
+    Button {
+        id: control
+
+        implicitWidth: iconItem.implicitWidth + leftPadding + rightPadding
+        implicitHeight: iconItem.implicitHeight + topPadding + bottomPadding
+        leftPadding: 4
+        rightPadding: 4
+
+        text: ""
+
+        background: buttonBackground
+        Rectangle {
+            id: buttonBackground
+            color: "transparent"
+            implicitWidth: iconItem.implicitWidth
+            implicitHeight: iconItem.implicitHeight
+            opacity: enabled ? 1 : 0.5
+            radius: 5
+
+            MouseArea {
+                id: mouseHover
+                anchors.fill: parent
+                propagateComposedEvents: true
+                hoverEnabled: true
+                cursorShape: Qt.PointingHandCursor
+            }
+        }
+
+        contentItem: iconItem
+        Item{
+            id: iconItem
+            implicitHeight: layoutIcon.implicitHeight
+            implicitWidth: layoutIcon.implicitWidth
+            RowLayout{
+                id: layoutIcon
+                anchors.fill: parent
+                Image{
+                    id: imgIcon
+                    source: imgPath
+                    width: 32
+                    height: width
+                    sourceSize.width: width
+                    sourceSize.height: height
+                }
+
+                Text {
+                    id: textItem
+                    text: control.text
+                    visible: control.text
+
+                    opacity: enabled ? 1.0 : 0.5
+                    color: "white"
+                    horizontalAlignment: Text.AlignHCenter
+                    verticalAlignment: Text.AlignVCenter
+                    style: enabled ? Text.Outline : Text.Normal
+                }
+            }
+        }
+    }
+    states: [
+        State {
+            name: "down"
+            when: control.down || (mouseHover.containsMouse && enabled)
+            PropertyChanges {
+                target: textItem
+                color: "black"
+                style: Text.Normal
+            }
+
+            PropertyChanges {
+                target: buttonBackground
+                color: "#55000033"
+            }
+        }
+    ]
+
+    Connections {
+        target: control
+        onClicked: clicked()
+    }
+}
+
+