Add About page

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

diff --git a/qml/pages/About.qml b/qml/pages/About.qml
index 669fc47..60a30f9 100644 (file)
--- a/qml/pages/About.qml
+++ b/qml/pages/About.qml
@@ -1,30 +1,94 @@
 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
-        anchors.fill: parent
-        header: PageHeader {
-            title: qsTr("About")
-        }
-        delegate: BackgroundItem {
-            id: delegate
-
-            Label {
-                x: Theme.horizontalPageMargin
-                text: qsTr("Item") + " " + index
-                anchors.verticalCenter: parent.verticalCenter
-                color: delegate.highlighted ? Theme.highlightColor : Theme.primaryColor
+    width: parent.width
+    height: parent.height
+
+    anchors.fill: parent
+
+    VerticalScrollDecorator {}
+
+    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://theme/icon-m-cloud-download")
+        }
+
+        Label {
+            text: qsTr("Compare your pedalo performance with others")
+            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 {}
     }
 }
+