qml/pages/Stats.qml

   1 import QtQuick 2.0
   2 import Sailfish.Silica 1.0
   3 import "../components"
   4
   5 Page {
   6     id: statsPage
   7
   8     // The effective value will be restricted by ApplicationWindow.allowedOrientations
   9     allowedOrientations: Orientation.All
  10
  11     SilicaFlickable {
  12         id: statsView
  13         anchors.fill: parent
  14         contentHeight: statsColumn.implicitHeight
  15
  16         VerticalScrollDecorator {}
  17
  18         Column {
  19             id: statsColumn
  20             spacing: Theme.paddingLarge
  21             width: parent.width
  22
  23             PageHeader {
  24                 title: qsTr("Stats")
  25             }
  26
  27             InfoRow {
  28                 label: qsTr("Journeys:")
  29                 value: "0"
  30                 midlineRatio: 0.7
  31                 midlineMin: Theme.fontSizeSmall * 10
  32                 midlineMax: Theme.fontSizeSmall * 15
  33                 pixelSize: Theme.fontSizeMedium
  34                 labelTextBold: true
  35             }
  36
  37             InfoRow {
  38                 label: qsTr("Time spent cycling:")
  39                 value: "0"
  40                 midlineRatio: 0.7
  41                 midlineMin: Theme.fontSizeSmall * 10
  42                 midlineMax: Theme.fontSizeSmall * 15
  43                 pixelSize: Theme.fontSizeMedium
  44                 labelTextBold: true
  45             }
  46
  47             InfoRow {
  48                 label: qsTr("Average journey duration:")
  49                 value: "0"
  50                 midlineRatio: 0.7
  51                 midlineMin: Theme.fontSizeSmall * 10
  52                 midlineMax: Theme.fontSizeSmall * 15
  53                 pixelSize: Theme.fontSizeMedium
  54                 labelTextBold: true
  55             }
  56
  57             InfoRow {
  58                 label: qsTr("Speed percentile:")
  59                 value: "0%"
  60                 midlineRatio: 0.7
  61                 midlineMin: Theme.fontSizeSmall * 10
  62                 midlineMax: Theme.fontSizeSmall * 15
  63                 pixelSize: Theme.fontSizeMedium
  64                 labelTextBold: true
  65             }
  66         }
  67     }
  68 }