Add About page
[harbour-pedalo.git] / qml / pages / About.qml
1 import QtQuick 2.0
2 import Sailfish.Silica 1.0
3 import "../components"
4
5 Page {
6     id: aboutPage
7     // The version property is now in the application
8     // initialisation code in harbour-pedalo.cpp
9     //property string version: "?.?-?"
10
11     // The effective value will be restricted by ApplicationWindow.allowedOrientations
12     allowedOrientations: Orientation.All
13
14     width: parent.width
15     height: parent.height
16
17     anchors.fill: parent
18
19     VerticalScrollDecorator {}
20
21     Column {
22         id: aboutColumn
23         width: parent.width
24         spacing: Theme.paddingLarge
25
26         PageHeader {
27             title: qsTr("About Pedalo")
28         }
29
30         Image {
31             anchors.topMargin: Theme.paddingLarge
32             anchors.horizontalCenter: parent.horizontalCenter
33             source  : Qt.resolvedUrl("image://theme/icon-m-cloud-download")
34         }
35
36         Label {
37             text: qsTr("Compare your pedalo performance with others")
38             wrapMode: Text.WordWrap
39             font.pixelSize: Theme.fontSizeSmall
40             anchors {
41                 leftMargin: Theme.paddingLarge
42                 rightMargin: Theme.paddingLarge
43                 left: parent.left
44                 right: parent.right
45             }
46         }
47
48         InfoRow {
49             label: qsTr("Version:")
50             value: version
51             midlineRatio: 0.3
52             midlineMin: Theme.fontSizeSmall * 5
53             midlineMax: Theme.fontSizeSmall * 10
54         }
55
56         InfoRow {
57             label: qsTr("Author:")
58             value: "David Llewellyn-Jones"
59             midlineRatio: 0.3
60             midlineMin: Theme.fontSizeSmall * 5
61             midlineMax: Theme.fontSizeSmall * 10
62         }
63
64         InfoRow {
65             label: qsTr("Licence:")
66             value: "MIT"
67             midlineRatio: 0.3
68             midlineMin: Theme.fontSizeSmall * 5
69             midlineMax: Theme.fontSizeSmall * 10
70         }
71
72         SectionHeader {
73             text: qsTr("Links")
74         }
75
76         Row {
77             spacing: Theme.paddingLarge
78             anchors.horizontalCenter: parent.horizontalCenter
79             Button {
80                 id: website
81                 text: qsTr("Website")
82                 enabled: true
83                 onClicked: Qt.openUrlExternally("http://www.flypig.co.uk/?to=pedalo")
84             }
85             Button {
86                 id : email
87                 text: qsTr("Email")
88                 enabled: true
89                 onClicked: Qt.openUrlExternally("mailto:david@flypig.co.uk")
90             }
91         }
92     }
93 }
94