X-Git-Url: https://www.flypig.org.uk/git/?p=harbour-pedalo.git;a=blobdiff_plain;f=qml%2Fpages%2FAbout.qml;h=25158d83a4796f07f3f23aeefeef118de5d6e947;hp=669fc4725214a0413fa88d0ffcb2f3b32e285894;hb=48ad3a8b6ff3c5a9101e0662a0c454765653789a;hpb=0108947ead4cc9e0ff23fee82db2fb1fd7cb2dad

diff --git a/qml/pages/About.qml b/qml/pages/About.qml
index 669fc47..25158d8 100644
--- a/qml/pages/About.qml
+++ b/qml/pages/About.qml
@@ -1,30 +1,95 @@
 import QtQuick 2.0
 import Sailfish.Silica 1.0
+import "../components"
 
 Page {
-    id: page
+    id: aboutPage
+    // The version property is now in the application
+    // initialisation code in harbour-pedalo.cpp
+    //property string version: "?.?-?"
 
     // The effective value will be restricted by ApplicationWindow.allowedOrientations
     allowedOrientations: Orientation.All
 
-    SilicaListView {
-        id: listView
-        model: 20
+    VerticalScrollDecorator {}
+
+    SilicaFlickable {
         anchors.fill: parent
-        header: PageHeader {
-            title: qsTr("About")
-        }
-        delegate: BackgroundItem {
-            id: delegate
+        contentHeight: aboutColumn.height
+        flickableDirection: Flickable.VerticalFlick
+
+        Column {
+            id: aboutColumn
+            width: parent.width
+            spacing: Theme.paddingLarge
+
+            PageHeader {
+                title: qsTr("About Pedalo")
+            }
+
+            Image {
+                anchors.topMargin: Theme.paddingLarge
+                anchors.horizontalCenter: parent.horizontalCenter
+                source  : Qt.resolvedUrl("image://pedalo/pedalo-title")
+            }
 
             Label {
-                x: Theme.horizontalPageMargin
-                text: qsTr("Item") + " " + index
-                anchors.verticalCenter: parent.verticalCenter
-                color: delegate.highlighted ? Theme.highlightColor : Theme.primaryColor
+                text: qsTr("Measures your relative pedalo performance with others in a privacy-preserving way")
+                wrapMode: Text.WordWrap
+                font.pixelSize: Theme.fontSizeSmall
+                anchors {
+                    leftMargin: Theme.paddingLarge
+                    rightMargin: Theme.paddingLarge
+                    left: parent.left
+                    right: parent.right
+                }
+            }
+
+            InfoRow {
+                label: qsTr("Version:")
+                value: version
+                midlineRatio: 0.3
+                midlineMin: Theme.fontSizeSmall * 5
+                midlineMax: Theme.fontSizeSmall * 10
+            }
+
+            InfoRow {
+                label: qsTr("Author:")
+                value: "David Llewellyn-Jones"
+                midlineRatio: 0.3
+                midlineMin: Theme.fontSizeSmall * 5
+                midlineMax: Theme.fontSizeSmall * 10
+            }
+
+            InfoRow {
+                label: qsTr("Licence:")
+                value: "MIT"
+                midlineRatio: 0.3
+                midlineMin: Theme.fontSizeSmall * 5
+                midlineMax: Theme.fontSizeSmall * 10
+            }
+
+            SectionHeader {
+                text: qsTr("Links")
+            }
+
+            Row {
+                spacing: Theme.paddingLarge
+                anchors.horizontalCenter: parent.horizontalCenter
+                Button {
+                    id: website
+                    text: qsTr("Website")
+                    enabled: true
+                    onClicked: Qt.openUrlExternally("http://www.flypig.co.uk/?to=pedalo")
+                }
+                Button {
+                    id : email
+                    text: qsTr("Email")
+                    enabled: true
+                    onClicked: Qt.openUrlExternally("mailto:david@flypig.co.uk")
+                }
             }
-            onClicked: console.log("Clicked " + index)
         }
-        VerticalScrollDecorator {}
     }
 }
+