Add graph to stats page; update Rules

[harbour-pedalo.git] / qml / pages / Stats.qml

diff --git a/qml/pages/Stats.qml b/qml/pages/Stats.qml
index 39ccc79..ad2dcae 100644 (file)
--- a/qml/pages/Stats.qml
+++ b/qml/pages/Stats.qml
@@ -1,5 +1,6 @@
 import QtQuick 2.0
 import Sailfish.Silica 1.0
+import harbour.pedalo.graph 1.0
 import "../components"
 
 Page {
@@ -70,5 +71,39 @@ Page {
                 horizontalAlignment: Text.AlignRight
             }
         }
+
+        Column {
+            id: graphsColumn
+            spacing: Theme.paddingLarge
+            width: isPortrait ? parent.width : parent.width * 0.5
+            y: (isPortrait ? (statsPage.height / 2.0) : statsColumn.y)
+            anchors.left: isPortrait ? statsColumn.left : statsColumn.right
+            anchors.leftMargin: Theme.horizontalPageMargin
+
+
+            Graph {
+                id: graph
+                width: parent.width - 2 * Theme.horizontalPageMargin
+                height: isPortrait ? (statsPage.height / 2.0) - Theme.paddingLarge : statsPage.height - Theme.paddingLarge - headerItem.height
+                model: currentStatus.getGraphData()
+                labelsx: ["M", "T", "W", "Th", "F", "S", "Su", "A", "B", "C"]
+                //labelsy: ["0%", "10%", "20%", "30%", "40%", "50%", "60%", "70%", "80%", "90%", "100%"]
+                unitsy: "%"
+                primary: Theme.primaryColor
+                secondary: Theme.highlightColor
+                highlight: Theme.highlightColor
+                miny: 0.0
+                maxy: 1.0
+                stepy: 0.1
+                gap: 0.1
+                fontsize: Theme.fontSizeExtraSmall
+                PropertyAnimation on animate {
+                    duration: 2000
+                    easing.type: Easing.InOutExpo
+                    from: 0.0
+                    to: 1.0
+                }
+            }
+        }
     }
 }