Add heartrate detail page

This currently just allows viewing heartrate over a day, a week or 3 weeks

1 files changed, 22 insertions, 12 deletions

diff --git a/src/heartrate/HeartratePreview.qml b/src/heartrate/HeartratePreview.qml
index ae9c5ef..7c5b4ba 100644
--- a/src/heartrate/HeartratePreview.qml
+++ b/src/heartrate/HeartratePreview.qml
@@ -23,20 +23,30 @@ import org.asteroid.sensorlogd 1.0
 
 import "../graphs"
 
-Column {
-    Label {
-        anchors {
-            left: parent.left
-            margins: app.width*0.1
+MouseArea {
+    implicitHeight: contentColumn.implicitHeight
+    Column {
+        id: contentColumn
+        anchors.fill: parent
+        Label {
+            anchors {
+                left: parent.left
+                margins: app.width*0.1
+            }
+            text: "Heartrate"
         }
-        text: "Heartrate"
-    }
 
-    Item { width: parent.width; height: parent.width*0.05}
+        Item { width: parent.width; height: parent.width*0.05}
 
-    HrGraph {
-        anchors.horizontalCenter: parent.horizontalCenter
-        width: parent.width*0.9
-        height: app.height*2/3
+        HrGraph {
+            anchors.horizontalCenter: parent.horizontalCenter
+            width: parent.width*0.9
+            height: app.height*2/3
+        }
+    }
+    onClicked: pageStack.push(detailPage)
+    Component {
+        id: detailPage
+        HeartrateDetailPage {}
     }
 }